/*
	 * DI @2009
	 * typo Screen CSS
	 *
	 *
	 */

/* content */

#content { color: #666; }
#content h2,
#content h2 a { margin: 5px 0 15px; color: #ee3124; font-size: 18px; font-weight: bold;  clear:both; text-transform: capitalize; }
#content h4 { margin: 0 0 5px; color: #ee3124; font-size: 18px; font-weight: bold; }
#content p { margin: 0 0 1em; }
#content p a { color: #f00 }
#content blockquote { margin: 1em 0; padding: 1em 0; border: dotted #555; color: #ee3124; border-width: 1px 0; font-size: 18px; font-weight: bold; }
#content .red { color: #f00 }

#content .csmg-mod {margin-bottom:15px; overflow:hidden; height:100%;}
#content .csmg-mod li { float: left; margin: 0 25px 10px 0; border: 1px solid #cbcbcc; background: url(../images/bg-gradient-1.png) repeat-x 0 0; text-align: center; list-style-type:none; padding:5px;}
#content .csmg-mod img { position:relative; display:block; margin:5px; padding: 0; border: 1px solid #cbcbcc; }
#content .csmg-mod img:hover {  } 

#content .blog-post { padding: 10px 0; border-top: 1px solid #adadad; }
#content .blog-post:first-child { border: 0; }
#content .blog-post .meta { height: 33px; line-height: 27px; margin: 5px 0 0; background: url(../images/icon-dot-1.png) repeat-x 0 100%; }
#content .blog-post .meta .date { float: left; color: #ee3124; font-size: 1em; font-weight: bold; }
#content .blog-post .meta .comments-cnt { width: 37px; height: 27px; line-height: 27px; float: right; color: #fff; background: url(../images/icon-cloud.png) no-repeat 0 0; font-size: 1em; text-align: center }
#content .blog-post .meta .comments-cnt a { color: #fff; text-decoration: none; }
#content .blog-post .meta .comments-cnt a:hover { color: #ee3124; }
#content .blog-post .title { line-height: 0.6em; color: #333333; text-transform: uppercase; font-size: 36px; }
#content .blog-post .title a { color: #333333; text-transform: uppercase; text-decoration: none; }
#content .blog-post .author { display: block; padding: 0 0 10px; font-size: 14px; font-style: normal }
#content .blog-post .author a { color: #ee3124; font-size: 1.1em; font-weight: bold; }
#content .blog-post .content { padding: 10px 0; color: #666; }
#content .blog-post .content ul {list-style-type: disc; margin-bottom:10px; }
#content .blog-post .content ul li {list-style-type: disc; list-style-position: outside; padding-left:15px; margin-left:15px; }
#content .blog-post .more { width: 119px; height: 21px; float: left; margin: 0 15px 0 0; background: url(../images/btn-more.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#content .blog-post .share-mod { float: left; margin: 3px 0 0; }
#content .blog-post .share-mod { list-style-type:none; margin:0px; }
#content .blog-post .share-mod li { float:left; margin:0 0 0 2px; list-style-type:none; padding: 0px; }
#content .blog-post .meta-info { clear: both; padding: 5px 0 0; font-size: 10px; }
#content .blog-post .meta-info p { display: inline; padding: 0 5px 0 0; background: url(../images/icon-divider-2.png) no-repeat 100% 50%; }
#content .blog-post .meta-info a { color: #ee3124; }
#content #comments-mod .blog-post-comment { margin: 25px 0 10px; color: #ee3124; font-size: 22px; font-weight: bold; }
#content #comments-mod .comment-list li { margin: 0 0 35px; padding: 15px; border: 1px dotted #bfbebe; background: #f6f6f6 }
#content #comments-mod .comment-list li .autor { position: relative; height: 30px; line-height: 30px; float: left; margin: 0 0 0 -38px; padding: 0 0 0 38px; color: #ee3124; background: url(../images/icon-arrow-3.png) no-repeat 0 0; font-size: 14px; font-style: normal; font-weight: bold; }
#content #comments-mod .comment-list li .date { float: right; color: #666; font-size: 1em; font-weight: bold;}
#content #comments-mod .comment-list li blockquote { clear: both; padding: 15px 0 0; color: #000 }
#content #comments-mod #commentform { padding: 20px 15px 10px; border: 1px dotted #bfbebe }
#content #comments-mod #commentform input[type=text],
#content #comments-mod #commentform textarea { width: 248px; padding: 2px; border: 1px solid #999; color: #999; }
#content #comments-mod #commentform input#url,
#content #comments-mod #commentform textarea { width: 512px; margin: 9px 0 0; }
#content #comments-mod #commentform input[type=submit] { width: 119px; height: 21px; max-height: 21px; padding: 21px 0 0; border: 0; background: url(../images/btn-comment.png) no-repeat 0 0; text-indent: 100em; overflow: hidden; }
#content .btn-list { display: block; width: 131px; height: 21px; margin: 1em 0 0; background: url(../images/btn-client-list.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#content form span.wpcf7-not-valid-tip { width: 200px; top: 11px; }


#content .disk-list li { margin: 0 0 0 1.4em !important; padding: 0 0 0 1em !important; list-style-type: disc !important }
#content .type-list li { margin: 0 !important; padding: 2px 0 3px 20px !important;  color: #000; background: url(../images/icon-arrow-5.png) no-repeat 0 4px; font-weight: bold; list-style: none !important; }

#content ul.cs-list {overflow:hidden; height:100%;}
#content ul.cs-list li { background:none; width: 164px; height: 125px; float: left; overflow: hidden; padding:0; margin:0 20px 0 0;}
#content ul.cs-list li span {text-align:center; display:block; }
#content ul.cs-list li a { display: block; color: #999; font-size: 10px; text-align: center; text-transform: uppercase; }
#content ul.cs-list li img { display: block; margin: 0 auto -10px; }
#content ul.cs-list li.divider { width: 100%; height: 40px; clear: both; float: none; background: url(../images/icon-dot-1.png) repeat-x 0 50%; }

#content .brief-mod { padding: 0 0 1em; }
#content.cs-project h4 { font-size: 24px; }
#content.cs-project ul { margin: 0 0 1em; }
#content.cs-project li { display: block; padding: 0 0 0 10px; color: #ee3124; background: url(../images/icon-arrow-1.png) no-repeat 0 5px; font-weight: bold; text-decoration: none; }
#content.cs-project li a:hover { color: #ee3124; }

#contact-mod {  }
#contact-mod li { min-height: 21px; clear: both; padding: 5px 0 0; }
#contact-mod li h4 { margin: 10px 0; padding: 10px 0 0; color: #f00; font-size: 1em; font-weight: bold; text-transform: uppercase; }
#contact-mod li .req { color: #f00; cursor: pointer }
#contact-mod label { width: 135px; float: left; padding: 3px 0 0; color: #767676; font-size: 10px; }
#contact-mod .chk { display: block; width: 200px; float: none; margin: 0 0 0 135px; }
#contact-mod .chk .wpcf7-list-item { margin: 0; }
#contact-mod .chk .wpcf7-list-item-label { display: none }
#contact-mod .chk input { position: relative; top: 2px; }
#contact-mod select,
#contact-mod textarea,
#contact-mod input[type=text] { width: 194px; float: left; padding: 2px; border: 1px solid #d0d0d0; }
#contact-mod select:focus,
#contact-mod textarea:focus,
#contact-mod input[type=text]:focus { border-color: #ee3124 }
#contact-mod select { width: 200px; }
#contact-mod textarea { height: 5em }
#contact-mod input[type=submit] { display: block; width: 49px; height: 21px; max-height: 21px; margin: 10px 0 0 135px; padding: 21px 0 0; border: 0; background: url(../images/btn-submit.png) no-repeat 0 0; text-indent: 100em; overflow: hidden; }


#uniqe-serivce .inmod { height: 125px; margin: 0 0 20px; padding: 5px 20px 0 20px; background: url(../images/bg-content-inmod.png) no-repeat 0 0; font-size: 11px; }
#uniqe-serivce .inmod div { height: 125px; padding: 0 120px 0 0; }
#uniqe-serivce .inmod-1 div { background: url(../images/icon-tools-1.png) no-repeat 100% 10px; }
#uniqe-serivce .inmod-2 div { background: url(../images/icon-tools-2.png) no-repeat 100% 10px; }
#uniqe-serivce .inmod-3 div { background: url(../images/icon-tool-3.png) no-repeat 100% 10px; }

.features-list {
	/*border-bottom:1px solid #DDDDDD;*/
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:20px;
	clear:both;
}

.features-list .col-1, .features-list .col-2 {
margin-right:2%;
float:left;
width:48%;
margin-bottom:5px;
}

ul.disc li {	
	background:url("../images/icon-arrow-1.png") no-repeat scroll 0 5px transparent;
	line-height:1.35em;
	margin-bottom:5px;
	padding-left:17px;
}