@import "reset.css";

/* tools */
.clear {clear:both; display:block; overflow:hidden; width:100%; height:1px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.overflow { overflow:auto; }

/* general styles */

.noline a { text-decoration:none }
.noline a:hover { text-decoration:underline }

a { text-decoration:underline; color:#006699; }
a:hover { text-decoration:none }

body { background:#94938b; font:12px Tahoma, Arial, Helvetica, sans-serif; color:#111111; }
body.inner { background:#fff; }
input, select, textarea { font:12px Tahoma, Arial, Helvetica, sans-serif; }
#header { background:#e3d5b6; }

/* layout */
html { font-size:100.1%; min-width:1000px; }
html, body { margin:0; padding:0; width:100%; height:100%; }
body { min-height:100%; height:auto !important; height:100%; position:relative; }
#footer { width:100%; position:absolute; bottom:0; }

#navigation { height:110px; background:url('../images/navigation.png') repeat-x; }
.contentWrapper { width:1000px; margin:0 auto; position:relative; }

.inner #contentwrapper { padding-bottom:120px; }
.inner #footer { height:120px; background:url('../images/footer.png') repeat-x; }

#header .logo, #header .logo span { position:absolute; left:0; top:0; display:block; width:156px; height:76px; text-indent:-9999px; }
	#header .logo { left:40px; top:17px; text-align:center; }
	#header .logo, #header .logo a { color:#7c7c7c; font-size:20px; text-decoration:none; line-height:50px; }
	#header .logo span { background:url('../images/logo.png') }
	#header .logo a span { cursor:pointer; }

#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; background:url('../images/menu.png') 9000px 9000px no-repeat;}
	#menu a:hover { background:url('../images/menu.png') no-repeat; }
	#menu span.corner { display:block; height:28px; width:5px; position:absolute; right:-5px; top:0; }
	#menu a:hover span.corner { background:url('../images/menu.png') 100% -28px no-repeat; }
	
	#menu .actContacts a,
	#menu .actContacts a:hover { background:url('../images/menu-contacts.png') no-repeat; }
	#menu .actContacts span.corner,
	#menu .actContacts a:hover span.corner { background:url('../images/menu-contacts.png') 100% -28px no-repeat; }
	#menu .actContacts span.bcorner,
	#menu .actContacts a:hover span.bcorner { background:url('../images/menu-contacts.png') 100% 100% no-repeat; display:block; width:20px; height:10px; position:absolute; left:50%; bottom:-10px; margin-left:-10px; }


	#menu li.active a,
	#menu li.active a:hover { background:url('../images/menu.png') 0 -56px no-repeat; color:#fff; }
	#menu li.active span.corner,
	#menu li.active a:hover span.corner { background:url('../images/menu.png') 100% -84px no-repeat; }
		
#contacts { height:320px; width:960px; padding:0 20px; display:none; }
	#contacts .feedback { width:650px; float:left; padding:20px 30px; height:260px; font-size:13px; color:#3f351f; overflow:hidden; }
	#contacts .call { width:190px; float:right; padding:20px 25px; height:260px; font-size:20px; color:#555555; line-height:28px; overflow:hidden; }

	#contacts .tocall { background:url('../images/contacts-tel.png') -1px 6px no-repeat; padding-top:60px; padding-left:5px; }	
	#contacts .tomail { background:url('../images/contacts-mail.png') 6px 15px no-repeat; padding-top:84px; padding-left:5px; }	
	#contacts .tomail a { color:#006598; }
	#contacts .tocall .tel { color:#111111; }

	#contacts .feedback .header { font-size:16px; color:#464646; padding-bottom:22px; position:relative; top:-2px; }	

	#contacts td { padding-bottom:10px; }
	#contacts td.first { width:260px; }
		
	#contacts label { display:block; }
	#contacts span.input,
	#contacts span.input2,
	#contacts span.textarea { display:block; padding:0 10px; }

	#contacts span.input,
	#contacts span.input2 { padding:8px 10px; margin-top:2px; }

	#contacts span.input { width:210px; background:url('../images/contacts-input.png') -230px 50% no-repeat; }
	#contacts span.input2 { width:370px; background:url('../images/contacts-input2.png') -390px 50% no-repeat; }
	#contacts span.textarea  { width:370px; height:70px; background:url('../images/contacts-textarea.png') -390px 0 no-repeat; padding:10px; }

	#contacts span.input-hover,
	#contacts span.input:hover { background:url('../images/contacts-input.png') 0 50% no-repeat; }
	#contacts span.input2:hover,
	#contacts span.input2-hover { background:url('../images/contacts-input2.png') 0 50% no-repeat; }
	#contacts span.textarea:hover,
	#contacts span.textarea-hover  { background:url('../images/contacts-textarea.png') 0 0 no-repeat; }

	#contacts span.textarea { margin-top:2px; }

	#contacts span.textarea textarea { height:70px; }

	#contacts input,
	#contacts textarea { background:none; border:0; width:100%; }	

	#contacts div.submit { padding-top:8px; padding-right:1px; }
	#contacts input.send { float:right; width:116px; background:url('../images/button-send.png') 0 50% no-repeat; padding:8px 0; cursor:pointer; font-size:13px; color:#3f351f; font-weight:bold; text-align:center; }
	#contacts input.send:hover { background:url('../images/button-send-hover.png') 0 50% no-repeat; color:#fff;  }
	
/* corners */
.corner { font-size:0; line-height:0; }
	.lt  {top:0; left:0; }
	.rt {top:0; right:0; background-position:100% 0!important}
	.lb  {bottom:0; left:0; background-position:0 100%!important}
	.rb {bottom:0; right:0; background-position:100% 100%!important}

/* box */
.simpleBox  { position:relative; background-color:#c2b69b; }
	.simpleBox .corner { background:url('../images/simplebox-corners.png') no-repeat; display:block; height:10px; width:10px; overflow:hidden; position:absolute; }
	
	.clients { height:190px; background:url('../images/clients.png') repeat-x; position:relative; z-index:200; }
	.clients .contentWrapper { background:url('../images/clients-gr.png') 50% 0 no-repeat; height:190px; width:auto; }
	#allclients { width:988px; height:129px; background:url('../images/clients-wrapp.png') no-repeat; margin:0 auto; position:relative; top:36px; padding-top:13px; }
		#allclients ul { width:932px; height:90px; overflow:hidden; margin:0 auto; position:relative; }
		#allclients li { height:90px; float:left; padding:0 8px; position:relative; }
		#allclients li a { display:block; float:left; height:90px; }
	
	#allclients .color { position:absolute; left:8px; top:0; display:none; }
	
	#allclients .clientInfo { background:url('../images/client-info.png') no-repeat; width:473px; height:318px; position:absolute; left:10px; top:100px; padding-top:50px; padding-left:495px; font:14px Tahoma, Arial, Helvetica, sans-serif; color:#fff; display:none; }
	#allclients .clientInfo .corner { display:block; width:64px; height:33px; background:url('../images/client-info-corner.png') no-repeat; position:absolute; top:0; left:203px; }
	#allclients .clientInfo .screen { position:absolute; left:52px; top:63px; }
	#allclients .clientInfo ul { width:auto; font-family:Tahoma, Arial, Helvetica, sans-serif; height:95px; }
	#allclients .clientInfo li { float:none; height:auto; padding:0; padding-bottom:2px; background:url('../images/bullet2.png') 0 7px no-repeat; padding-left:10px; }
	#allclients .clientInfo .title { color:#e0d1a8; font-size:36px; padding-bottom:28px; padding-top:29px; text-shadow: #000 0px 0px 2px; }
			
	.portfolio { height:472px; background:url('../images/portfolio.png') repeat-x; overflow:hidden; position:relative; z-index:100; }
	.portfolio .contentWrapper { height:472px; background:url('../images/portfolio-gr.png') 50% 0 no-repeat; }
	.portfolio .portfolioBlock { background:url('../images/footer-line.png') 50% 350px no-repeat; height:357px; }
	
	#portfolioSlide { float:left; width:540px; position:relative; overflow:hidden; }
	#portfolioSlideBlock { width:436px; height:278px; overflow:hidden; margin-left:61px; margin-top:32px; position:relative; }
	
	#portfolioSlideWrapp { width:20000px; height:278px; overflow:hidden; position:relative; }
	#portfolioSlideWrapp li { width:436px; height:278px; background:url('../images/portfolio-item.png') no-repeat; 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; background:url('../images/portfolio-title.png') }
	
	#portfolioSlideWrapp .corner { background:url('../images/portfolio-corners.png') no-repeat; display:block; height:6px; width:6px; overflow:hidden; position:absolute; }
		
	#portfolioSlide #prevBtn,
	#portfolioSlide #nextBtn { text-decoration:none; display:block; width:19px; height:31px; text-decoration:none; position:absolute; top:154px; left:20px; }
	#portfolioSlide #nextBtn { left:auto; right:1px; }
	
	#prevBtn a, #nextBtn a { display:block; width:19px; height:31px; text-decoration:none; background:url('../images/portfolio-slide-buttons.png') no-repeat; }
	#portfolioSlide #nextBtn  a { background-position:0 -31px; }
	
	.portfolio .weMade { width:401px; float:right; padding-right:20px; padding-top:64px; font:14px Tahoma, Arial, Helvetica, sans-serif }
	.portfolio .weMade ul { padding-top:24px; color:#b2b2b2; }
	.portfolio .weMade li { padding-left:15px; padding-bottom:1px; background:url('../images/portfolio-bullet.png') 5px 7px no-repeat; }
	

.footer { height:120px; position:relative; color:#959595; }
.footer a { color:#2994cc; }
	.footer .search { display:block; width:210px; height:31px; background:url('../images/search.png') no-repeat; position:absolute; right:40px; top:39px; }
		.footer .submit { text-indent:-9999px; width:25px; height:25px; border:0; overflow:hidden; cursor:pointer; position:absolute; right:4px; top:3px; background:none; }
		.footer .text { display:block; width:160px; font:14px Tahoma, Arial, Helvetica, sans-serif; color:#646464; padding-left:10px; position:absolute; left:0; top:5px; background:none; border:0; }

.footer .copyright { position:absolute; left:45px; top:42px; font-size:11px; } 
	.footer .copyright strong { font-weight:normal; color:#fff; }
.inner .footer .copyright { top: 48px; }
	
.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 { background:url('../images/articles.png') repeat-x; }
#articlesWrapper { background:url('../images/articles-gr.jpg') 50% 0 no-repeat; }
#articles .contentWrapper { padding-left:39px; padding-top:47px; width:961px;  }

#articles ul { padding-top:22px; padding-bottom:20px; position:relative; }
#articles li { background:url('../images/articl.png') no-repeat; 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; background:url('../images/photo-bg.png'); 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 .title a:hover { color:#0088cc; }

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

#articles .all { position:absolute; right:37px; top:57px; background:url('../images/all.png') 0 3px no-repeat; padding-left:12px; color:#ede6c9; line-height:12px; }

.subheader { background:url('../images/subheader-bg.png') repeat-x; }
.subheaderWrapper { height:81px; background:url('../images/subheader.png') 50% 0 no-repeat; }
.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; background:url('../images/subheader-link.png') 9000px 9000px no-repeat;}
	.subheader li.active a { text-decoration:none; background:url('../images/subheader-link.png') no-repeat; color:#bd3232; }
	.subheader li.active span.corner { display:block; height:29px; width:10px; position:absolute; right:-10px; top:0; overflow:hidden; }
	.subheader li.active span.corner { background:url('../images/subheader-link.png') 100% -29px no-repeat; }
	.subheader a:hover { text-decoration:none; color:#fcc; }
	

#portfolioPage { width:958px; margin:0 auto; padding:20px 0; }
#portfolioPage li { background:url('../images/portfolio-line.png') 50% 100% no-repeat; 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:block; position:absolute; left:0; top:0; background:url('../images/portfolio-big-corner.png') no-repeat; width:430px; height:170px; cursor:pointer; z-index:50; }
	#portfolioPage .photo .corner:hover { background-position:0 -170px; }

#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 .title a:hover { color:#0088cc; }

#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; background:url('../images/pagination-hover.png') 9000px 9000px no-repeat; }
		
	.pagination a { padding:8px 12px; text-decoration:none; color:#464646; background:url('../images/pagination-page.png') 50% 50% no-repeat; }
	.pagination a:hover { background:url('../images/pagination-hover.png') 50% 50% no-repeat; color:#fff; }

	.pagination span { padding:8px 12px; text-decoration:none; color:#464646; cursor:default; }
	.pagination span.active { color:#fff; background:url('../images/pagination-act.png') 50% 50% no-repeat; }

	.pagination a.next,
	.pagination span.next { padding:8px 16px; background:url('../images/pagination-next.png') 50% 50% no-repeat; }
	
	.pagination a.next:hover { background:url('../images/pagination-next-hover.png') 50% 50% no-repeat; }
		
	.pagination span.next { color:#c2c2c2; }
	
	.pagination span.more { padding:8px; background:url('../images/pagination-next-hover.png') 9999px 9999px no-repeat; }
	
.sitePage { padding:0 35px; padding-bottom:120px; } 
	.sitePage .title { font-size:24px; color:#464646; padding:50px 7px 47px 7px; }
	.sitePage .safari { float:left; margin-left:2px; }
	
	.safari { background:url('../images/safari.png') -623px 0 repeat-y; width:623px; text-align:center; }
		.safari .bheader { background:url('../images/safari.png') 0 0; height:65px; position:relative; }
		.safari .bscrenshot img { display:block; margin:0 auto; }
		.safari .bfooter { background:url('../images/safari.png') -1246px 0; height:30px; }
		.safari .bheader .url { position:absolute; left:150px; top:36px; }
		
	.sitePage .siteInfo { margin-left:668px; padding-right:10px; }
		.siteInfo dt { font-size:15px; font-weight:bold; color:#c1af86; padding-bottom:3px; }
		.siteInfo dd { font-size:13px; color:#464646; padding-bottom:31px; }
		.siteInfo dd a { color:#0088cc; font-size:14px; }
		
	.siteInfo .top { background:url('../images/top.png') 0 5px no-repeat; padding-left:15px; color:#0088cc; font-size:14px; position:absolute; left:703px; bottom:138px; }
	
.navigation { padding-left:20px; width:240px; float:left; padding-top:60px; padding-bottom:100px; }
.textContent { padding-right:25px; padding-top:55px; padding-bottom:100px; width:640px; float:right; font-size:14px; line-height:20px; color:#464646; }

.textBlock h1 { font-size:36px; line-height:38px; color:#bd3232; padding-bottom:20px; }
.textBlock h2 { font-size:28px; line-height:32px; color:#464646; padding-bottom:20px; }
.textBlock h3 { padding-bottom:22px; font-size:22px; line-height:26px; color:#464646; }

.textBlock p { padding-bottom:45px; }
.textBlock ul { padding-bottom:22px; }
.textBlock ul li { padding-left:45px; background:url('../images/bullet.png') 30px 8px no-repeat; }

.textBlock small { font-size:11px; color:#707070; }

.textBlock a { color:#00a9fe; }

.blockquote { background:#f0eacc; border:1px solid #e0ddca; border-top:0; border-bottom:0; position:relative; margin:12px 0; padding:0 60px; width:518px; margin-bottom:40px; font-size:13px; line-height:19px; }
.blockquote blockquote { font-style:normal; padding:0; padding-top:18px; }
.blockquote .author { font-size:11px; color:#a5a18d; text-align:right; padding-top:18px; }
.blockquote p { padding:0; }
	.blockquote .top { display:block; width:640px; background:url('../images/blockquote.png') no-repeat; position:absolute; left:-1px; top:-12px; height:12px; overflow:hidden; }
	.blockquote .bottom { display:block; width:640px; background:url('../images/blockquote.png') -640px 0 no-repeat; position:absolute; left:-1px; bottom:-12px; height:12px; overflow:hidden; }
	.blockquote .left { display:block; width:25px; height:25px; background:url('../images/blockquote.png') 0px -20px no-repeat; position:absolute; left:20px; top:17px; overflow:hidden; }
	.blockquote .right { display:block; width:25px; height:25px; background:url('../images/blockquote.png') -36px -20px no-repeat; position:absolute; right:20px; bottom:34px; overflow:hidden; }

.navigation { font-size:13px; }
	.navigation span.active { background:url('../images/navigation-act.png') repeat-y; width:240px; display:block; font-weight:bold; color:#fff; }
	.navigation span.active .top { display:block; background:url('../images/navigation-act.png') -240px 0 no-repeat; }
	.navigation span.active .bottom { display:block; background:url('../images/navigation-act.png') -480px 100% no-repeat; padding:12px 30px; }

	.navigation a { color:#bd3232; font-weight:bold; padding:11px 20px; text-decoration:none; display:block; border-top:1px solid #e5e5e5; }
	.navigation a:hover { background:#fbf7e4; }
	.navigation li { padding:0 10px; }
	.navigation li.active { padding:0; }
	
	.navigation li ul { padding:7px 0; }
	.navigation li li a { border:0; color:#0088cc; font-weight:normal; text-decoration:underline; padding:7px 27px; }
	.navigation li li a:hover { background:none; color:#00aaff; }
	.navigation li li span.active { background:none; color:#0088cc; padding:7px 27px; width:auto; }