@import "reset.css";

.overflow { overflow:auto; }

a { color:#000; }

body { font:12px Tahoma, Arial, Helvetica, sans-serif; color:#111111; }

/* layout */
html { font-size:100.1%; }
#navigation { height:110px;  }
.contentWrapper { position:relative; }

#header .logo, #header .logo span { position:absolute; left:0; top:0; display:block; width:156px; height:76px; }
	#header .logo { left:40px; top:30px; text-align:center; }
	#header .logo, #header .logo a { font-size:30px; text-decoration:none; line-height:50px; }

#content { font-size:12px; line-height:18px; }

#menu { font:14px "Trebuchet MS", Georgia, "Times New Roman", Times, serif; right:25px; top:41px; position:absolute; }
	#menu li { float:left; margin-left:18px; }
	#menu a { text-decoration:none; display:block; float:left; padding:0 11px 0 16px; color:#363636; height:28px; position:relative; line-height:27px; }
	#menu span.corner { display:block; height:28px; width:5px; position:absolute; right:-5px; top:0; }

	
	#menu li.active { font-weight:bold; }
		
#contacts { display:none; }
	
/* corners */
.corner { display:none; }

/* box */
.simpleBox  { position:relative; }
.simpleBox .corner { display:none }
	
	#clients { height:190px; position:relative; z-index:200; }
	#clients .contentWrapper { height:190px; width:auto; }
	#allclients { width:988px; height:129px; margin:0 auto; position:relative; top:36px; padding-top:13px; }
		#allclients ul { width:932px; height:90px; overflow:hidden; margin:0 auto; }
		#allclients li { height:90px; float:left; padding:0 8px; }

	#allclients .clientInfo { display:none; }
			
	#portfolio { height:472px; overflow:hidden; position:relative; z-index:100; }
	#portfolio .contentWrapper { height:472px; }
	#portfolio .portfolioBlock { height:357px; }
	
	#portfolioSlide { float:left; width:540px; position:relative; }
	#portfolioSlideWrapp { width:436px; height:278px; overflow:hidden; margin-left:61px; margin-top:32px; position:relative; }
	#portfolioSlideWrapp li { width:436px; height:278px; float:left; }

	#portfolioSlideWrapp li a { text-decoration:none; color:#010101; }
	#portfolioSlideWrapp .wrapper { display:block; width:390px; height:250px; position:relative; margin:0 auto; margin-top:7px; overflow:hidden; }
	#portfolioSlideWrapp .title { display:block; height:30px; text-align:center; font-size:14px; position:absolute; left:0; bottom:0; width:390px; line-height:29px; }
	
	#portfolioSlideWrapp .corner { display:block; height:6px; width:6px; overflow:hidden; position:absolute; }
		

	#portfolioSlide .prew,
	#portfolioSlide .next { display:block; width:19px; height:31px; text-decoration:none; position:absolute; top:154px; left:20px; }
	#portfolioSlide .next { left:auto; right:1px; }
	
	#portfolio .weMade { width:401px; float:right; padding-right:20px; padding-top:64px; font:14px "Myriad Pro", Arial, Helvetica, sans-serif }
	#portfolio .weMade ul { padding-top:24px; color:#b2b2b2; }
	#portfolio .weMade li { padding-left:15px; padding-bottom:1px; }
	

.footer { height:120px; position:relative; color:#959595; }
.footer a { color:#2994cc; }
	.footer .search { display:none; }

.footer .copyright { position:absolute; left:45px; top:48px; font-size:11px; } 
	.footer .copyright strong { font-weight:normal; color:#fff; }

.footer .address { position:absolute; left:420px; top:34px; line-height:20px; color:#fff; }
	.footer .address p { padding-left:50px; position:relative; }
	.footer .address .type { position:absolute; left:0; top:0; font-weight:bold; color:#b8b7b7; }
	
#articles .contentWrapper { padding-left:39px; padding-top:47px; width:961px;  }

#articles ul { padding-top:22px; padding-bottom:20px; position:relative; }
#articles li { width:392px; height:232px; float:left; margin-right:18px; margin-bottom:18px; padding:30px; position:relative; line-height:18px; overflow:hidden; }
#articles .photo { display:block; width:94px; height:90px; text-align:center; padding-top:4px; position:absolute; left:29px; top:29px; }
#articles .title { font-size:16px; font-weight:bold; line-height:20px; margin-left:110px; overflow:hidden; height:100px; margin-bottom:6px; }
#articles .title a { text-decoration:none; }

#articles .author { font-size:11px; color:#707070; padding-bottom:12px; }
#articles .text { height:90px; overflow:hidden; }

#articles .all { display:none; }

#subheaderWrapper { height:81px; }
#subheader .contentWrapper { padding:0 40px; width:920px; }

	#subheader .title { font:30px "Myriad Pro", Arial, Helvetica, sans-serif; color:#fefefe; float:left; padding-top:21px; }
	#subheader ul { float:right; padding-top:26px; padding-right:2px; }
	#subheader li { float:left; margin-left:13px; }
	#subheader a { display:block; float:left; padding:0 1px 0 12px; color:#fff; height:29px; position:relative; line-height:27px; }
	#subheader span.corner { display:block; height:29px; width:10px; position:absolute; right:-10px; top:0; overflow:hidden; }
	#subheader li.active { font-weight:bold }	

#portfolioPage { width:958px; margin:0 auto; padding:20px 0; }
#portfolioPage li { padding:30px 20px; min-height:170px; position:relative; }

#portfolioPage .photo { width:430px; height:170px; overflow:hidden; overflow:hidden; position:absolute; left:20p; top:30px; }
#portfolioPage .photo .corner { display:none; }

#portfolioPage .title, #portfolioPage .author, #portfolioPage .comment { padding-left:490px; }

#portfolioPage .title { font-size:16px; padding-bottom:36px; padding-top:2px; }
	#portfolioPage .title a { color:#006699; text-decoration:none; }

#portfolioPage .author { color:#464646; font-weight:bold; font-size:13px; padding-bottom:12px; }
	#portfolioPage .author span { color:#c1af86; }

#portfolioPage .comment { line-height:18px; position:relative; }
	#portfolioPage .comment .laquo { position:absolute; left:482px; top:0;  }


.pagination { text-align:center; padding:26px 0 76px; font-size:14px; color:#464646; }
	
	.pagination a { padding:8px 12px; text-decoration:none; color:#464646; }

	.pagination span { padding:8px 12px; text-decoration:none; }
	.pagination span.active { font-weight:bold; }

	.pagination a.next,
	.pagination span.next { padding:8px 16px; }