@charset "UTF-8";
/* CSS Document */
* {padding: 0; margin: 0; border: none; font-family: Arial, Helvetica, sans-serif;}
body { background: #f7f7f6 url(../images/bg_body.png) 0 0 repeat-x; }

/*************** BODY ***************/
#wrapper { width: 1015px; margin: 0 auto; }
#wrapper #wrap { float: left; width: 1015px;}

/*************** TOP ***************/
#top {float: left; width: 1015px; height: 328px; background: url(../images/bg_top.png) 0 0 no-repeat;}
#top h1 a { text-indent: -5000em; float: left; display:block; background: url(../images/h1.png) 0 0 no-repeat; width: 204px; height: 98px; margin: 39px 0 0 -6px; display: inline; position: relative; }

/*menu*/
#top ul#menu { float: left; display: block; margin: 10px 0 0 70px; display: inline; }
	#top ul#menu li { display: inline; float: left; } 
		#top ul#menu li a { float: left; height: 117px; text-indent: -5000em; width: 120px;}
			#top ul#menu li a.port { background: url(../images/bg_menu.png) 0 0 no-repeat; }
				#top ul#menu li a:hover.port { background: url(../images/bg_menu.png) 0 -117px  no-repeat; }
			#top ul#menu li a.services { background: url(../images/bg_menu.png) -121px 0 no-repeat; }
				#top ul#menu li a:hover.services { background: url(../images/bg_menu.png) -121px -117px no-repeat; }
			#top ul#menu li a.about { background: url(../images/bg_menu.png) -241px 0 no-repeat; }
				#top ul#menu li a:hover.about { background: url(../images/bg_menu.png) -241px -117px no-repeat; }
			#top ul#menu li a.contact { background: url(../images/bg_menu.png) -360px 0 no-repeat; }
				#top ul#menu li a:hover.contact {background: url(../images/bg_menu.png) -360px -117px no-repeat; }
/*slogan*/
#top #slogan { float: left; width: 1015px; display: inline; margin: 30px 0 0; }
	#top #slogan h2 { color: white; font-size: 33px; font-weight: lighter; }
	 #top #slogan span { color: #95595c; font-size: 21px; }
	 
/*flash*/
#top #flash {float: left; width: 1015px; height: 269px; }


/*************** SERVICES ***************/
#homeServ { float: left; width: 1015px; height: 232px; margin-top:20px;  border-bottom: 1px solid white; }
	#homeServ h3 { color: #7e6e6d; font-size: 19px; font-weight: lighter; } 
	#homeServ .serv {float: left; width: 318px; margin-top: 10px; padding-right: 20px;}
		#homeServ .serv h4 {text-indent: -5000em; float: left; display:block; height: 22px; margin: 10px 0;  width: 310px;}
			#homeServ .serv h4.web { background: url(../images/bg_h4_web.gif) no-repeat;}
			#homeServ .serv h4.grap { background: url(../images/bg_h4_grap.gif) no-repeat;}
			#homeServ .serv h4.branding { background: url(../images/bg_h4_branding.gif) no-repeat;}
			
		#homeServ .serv p { font-size: 12px; line-height: 18px;}
		#homeServ .serv p.readM a { color: #007d96; text-decoration: none; font-weight: bold; display: block; width:293px; text-align: right; background: url(../images/plus.gif) center right no-repeat; padding-right: 14px; margin-right: 10px; }
			#homeServ .serv p.readM a:hover { text-decoration: underline; }
			
	#homeServ p.viewM { background:transparent url(../images/bg_viewM.gif) no-repeat scroll right center; float:right; font-size:14px; font-weight:bold; height:18px; margin:29px 0; padding-right:20px; width:145px; }
		#homeServ p.viewM a { text-decoration: none;  color:#5D5C59; }
			#homeServ p.viewM a:hover { text-decoration: underline;}
			
	

/*************** SERVICES ***************/		
			
#homeContact {/*background-color:#E8E9E2; */border-bottom:2px solid white; float:left; height:261px; width:1015px;}
	#homeContact .conta { float:left; height:250px; margin-top:10px; padding:0 16px; width:306px;}
		#homeContact .why { background: url(../images/bg_why.jpg) 0 60px no-repeat;}
		#homeContact .how { background: url(../images/bg_how.jpg) 2px 61px no-repeat;}
		#homeContact .touch { background: url(../images/bg_touch.jpg) 2px 55px no-repeat;}
			#homeContact .touch p { margin-left: 10px; display: block;}
		
		#homeContact .conta h4 { text-indent: -5000em; float: left; display:block; height: 32px; margin: 10px 0;  width: 292px;}
			#homeContact .conta h4.why { background: url(../images/bg_h4_why.gif) no-repeat;}
			#homeContact .conta h4.how { background: url(../images/bg_h4_how.gif) no-repeat;}
			#homeContact .conta h4.touch { background: url(../images/bg_h4_touch.gif) no-repeat;}
			
		#homeContact .conta p {color:#605F5C; display:block; float:right; font-size:12px;  line-height:19px; margin-top:10px; width:208px;}
			#homeContact .conta p a { color: #6e1010; text-decoration: none; font-weight: bold; }
		#homeContact .conta h5 { float: left; display: inline; font-size: 16px; margin: 10px 0 -2px 97px; color: #1e1d1d;}		

	#homeContact .conta a.readMore {float: right; background: url(../images/bt_readM.gif) 0 0 no-repeat; width: 204px; height: 35px; text-indent: -5000em; margin: 16px 8px 0 0;}
		#homeContact .conta a:hover.readMore { background: url(../images/bt_readM.gif) 0 -35px no-repeat; }
	#homeContact .conta a.talkUs {float: right; background: url(../images/bt_talk.gif) 0 0 no-repeat; width: 204px; height: 35px; text-indent: -5000em; margin: 16px 8px 0 0;}
		#homeContact .conta a:hover.talkUs { background: url(../images/bt_talk.gif) 0 -34px no-repeat; }




/*************** INTERNAL ***************/	
#internal { float: left; width: 1015px; margin-bottom: 40px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #676767;}
	#internal h2 { font-size: 38px; color: #370002; font-weight: bold; float: left; width: 1015px; border-bottom: 1px solid #d0cacb; padding-bottom: 20px; margin-bottom: 20px; display: inline; }
	#internal .intSlogan { float: left; width: 980px; margin-bottom: 20px; display: inline; padding: 0 0 10px 35px; background: url(../images/bg_intSlogan.gif) 0 0 no-repeat;}
		#internal .intSlogan p { color: #7a7a7a; font-size: 18px; font-style: italic; line-height: 26px; font-weight: lighter; display: block; background: url(../images/bg_p_slogan.gif) right bottom no-repeat; }


	#internal #aboutTx {float: left; width: 584px; padding-right: 39px; border-right: 1px solid #d0cacb; }
		#internal #aboutTx p { line-height: 20px; margin-bottom: 15px; font-weight: lighter; }
		#internal #aboutTx h3 { font-size: 30px; color: #370002; font-weight: bold; float: left; width: 584px; border-bottom: 1px solid #d0cacb; padding-bottom: 20px; margin-bottom: 20px; display: inline; }


	#internal #team { float: left; width: 345px; background:url(../images/bg_team.png) 0 0 no-repeat; min-height: 300px; margin: 0 0 0 20px; display: inline; }
		#internal #team h3 {font-size: 27px; color: #880006; font-weight: bold; float: left; margin: 13px 0 30px 75px; display: inline; } 
			#internal #team h3 span { font-size: 18px; font-weight: normal; color: #7a7a7a; }
			
			
		#internal #team .worker { float: left; width: 340px; padding:0 0 10px 5px; border-bottom: 1px solid #d0cacb; margin-bottom: 10px; display: inline; }
			#internal #team .worker img { float: left; background-color: #e6e6e6; padding: 3px; margin-right: 8px; }
			#internal #team .worker h4 { color: #370002; font-size: 22px; font-weight: lighter; display: block; float: left; width: 230px; margin-bottom: 6px; }
				#internal #team .worker h4 strong { font-size: 20px; font-weight: bold; }
			#internal #team .worker p { font-size:14px; color: #5e5e5e; margin: 5px 0;}
				#internal #team .worker p.phase { font-style:italic; font-weight: bold;}
				#internal #team .worker p a { color: #5e5e5e; text-decoration: none; }
					#internal #team .worker p a:hover { text-decoration: underline; } 
					
		#internal a.workUs { float:left; height:35px; margin: 16px 0px 0 0; text-indent:-5000em; width:204px; background: url(../images/bt_work.jpg) 0 0 no-repeat;}
			#internal a:hover.workUs {background: url(../images/bt_work.jpg) 0 -35px no-repeat; }


	#internal #subMenu { float: left; width: 1015px; margin: -20px 0 20px 0; }
		#internal #subMenu ul { }
			#internal #subMenu ul li{ display: inline; height: 45px; }
				#internal #subMenu ul li a{ background:transparent url(../images/bg_li_sub.png) no-repeat scroll right top; color:#9E0007; float:left; font-size:16px; font-weight:bold;
height:27px; padding:12px 16px; text-decoration:none;}
					#internal #subMenu ul li a:hover{ color: #370002; }


	#internal .servs { float: left; width: 1000px;  }
		#internal .servs h3 { float: left; width: 1000px; height: 42px; background: url(../images/bg_h3_servs.gif) 0 4px no-repeat; color: #880006; font-size: 25px; padding-left: 32px;}
		#internal .servs h4 { font-size: 18px; font-weight: bold; color: #605f5c; display: inline; float: left; width: 838px; margin: 10px 0 5px 0; }
		#internal .servs p { line-height: 22px; margin-bottom:10px; }
			#internal .servs a.viewPort { float: right; margin: -5px 0 -5px 0; }
		#internal .servs img { float: left; margin: 8px 10px 0 5px;}
	
	
/*************** BOTTOM ***************/	
#footer { background:transparent url(../images/bg_bootom.png) repeat-x scroll 0 0; float:left; height:317px; width:100%;}
	#fCont {width: 1015px; margin: 0 auto; background: url(../images/bg_bootom.png) 0 0 repeat-x; }
		#bottom { float: left; width: 1015px; height: 43px; margin-top: 2px; background: url(../images/bg_bottom.gif) 0 0 no-repeat; }
		#bottom p { display: inline; color: #797878; font-size: 12px; float: left; margin: 16px 0 0 390px; }
			#bottom ul { float: left; margin: 11px 0 0 40px; display: inline; }
				#bottom ul li { display: inline; color: #c1bfb9; }
					#bottom ul li a { text-decoration: none; font-size: 12px; color: #c1bfb9;}
						#bottom ul li a:hover { color: white; }
				
				
#internal #why { float: left; width: 960px;}
	#internal #why ul { display: block; }
	#internal #why ul li { padding:2px 0; list-style: none; margin-bottom: 40px; font-size: 15px; padding-left: 30px; background: url(../images/bg_list.jpg) 0 1px no-repeat; }
							


#contactBox{
	float:left;
	width:491px;
	border-left:1px solid #d0d1d4;
}
#contactBoxWrap{
	float:left;
	padding: 0 0 0 55px;
}
#contactBox h4{
	color:#880006;
	font-size:27px;
	font-weight:normal;
	padding:0 0 10px 55px;
	font-family:Tahoma, Geneva, sans-serif;	
}
#contactBox p{
	line-height:17px;
	font-size:14px;
	padding-left:55px;
}
#contacForm{
	padding:20px 0 0 0;
}
#contacForm label{
	font-size:12px;
	font-weight:bold;
	color:#676767;
	padding-bottom:5px;
}
#contacForm .contInp{
	border:1px solid #6a6a6a;
	margin:5px 0 0 0;
}
#contacForm .itemWrap{
	background:url(../images/bg_cont_item.gif) no-repeat 0 0;
	width:436px;
	height:47px;
	float:left;
	padding:8px 0 0 55px;
}
#contacForm .itemWrapBig{
	background:url(../images/bg_cont_item_big.gif) no-repeat 0 0;
	width:436px;
	float:left;
	padding:8px 0 0 55px;
}
#yourNeed{
	border:1px solid #6a6a6a;
	width:420px;
	height:140px;
	margin:5px 0 10px 0;
}

.filter{
	padding:0 0 30px 40px;
}
.filter .contInp{
	border:1px solid #a4a4a4;
}
.portfolioItem{
	float:left;	
	width:202px;
	height:231px;
	padding:0 0 51px 40px;

}
.portfolioItem .img{
	width:200px;
	height:150px;
	overflow:hidden;
	border:1px solid #8c0004;
	border-bottom:none;
}
.portfolioItem .info{
	border:1px solid #8c0004;
	border-top:none;	
	background:url(../images/bg_portf_item.jpg);
	height:69px;
	overflow:hidden;
	color:#ffffff;
	padding:10px 10px 0 15px;
}
.portfolioItem .info a{
	color:#f6d886;
	font-weight:bold;
	text-decoration:none;
}
.portfolioItem .info p{
	padding-top:5px;
}

.paginator{
	border-top:1px solid #dcdcdc;
	float:left;
	width:100%;
	text-align:center;
	padding:20px 0 10px 0;
}
.paginator li{
	list-style:none;
	display:inline;
	font-size:14px;
	background:#e2d5d5;
	padding:0 3px;
	margin:0 1px;
}
.paginator li.act{
	background:#8f0004;
}
.paginator li a{
	color:#5c0003;
	text-decoration:none;
}
.paginator li.act a, .paginator li.act{
	color:#FFF;
	cursor:default;
}
#viewMoreServ{
	position:absolute;
	left:50%;
	margin-left:330px;
}

#moreImg{
	float:left;
	padding:0 0 0 15px;
	width:275px;
}
#moreImg img { 
	float: left; 
	background:url(../images/bg_img_port.png) 0 0 no-repeat; 
	padding: 6px 15px 37px;
}

#mainPortfolioInfo{
	width:715px;
	float:left;
	padding:0 0 10px 0px;
}

#mainPortfolioInfo .mainImg{
	float: left; 
	background:url(../images/bg_main_img.gif) no-repeat 0 0; 
	padding:5px 0 0px 19px;
	height:499px;
	width:696px;
}
#mainPortfolioInfo .portsDesc { float: left; width: 655px; margin: 0px 0 0 18px; padding: 0 0 0 5px;}
#mainPortfolioInfo .portsDesc h3 { color: #880006; font-size: 20px; font-weight: bold; margin: 0 0 17px 0; }
#mainPortfolioInfo .portsDesc p { line-height: 25px; font-size: 14px; margin: 0 0 10px 20px; height: 90px; }
#mainPortfolioInfo .portsDesc .content{
	margin:5px 0 5px 10px;
	border-left: 1px solid #cbcccf;
	color:#7a7a7a;
}

.back{
	padding:0 0 20px 15px;
	width:980px;
	float:left;
}
.back a{
	color:#010101;
	background:url(../images/bg_back.gif) no-repeat 0 0;
	padding:2px 0 2px 25px;
	display:block;
	float:left;
}