* { margin: 0; padding: 0; }
html, table, img { border: 0; }
html, body { width: 100%; height: 100%; background: #8aa6b5; font-family: Tahoma, Geneva, sans-serif; font-size: 100.1%; color: #000; }
body { font-size: .75em; }

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

ul, ol { list-style: none; }
table { border-collapse: collapse; }
td, th { vertical-align: top; }
input, select, textarea, button { font: 1em Arial, Helvetica, sans-serif; }
button { width: auto; $padding: 0 .15em; overflow: visible; }

.clearfix { zoom: 1; }
.clearfix:after { width: 0; height: 0; display: block; font-size: 0; content: ' '; overflow: hidden; clear: both; }

#all {
	width: 100%; min-width: 1000px;
	min-height: 100%; height: auto !important; height: 100%;
	background: url(../images/all.jpg) 50% 0;
	_width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "100%");
	position: relative;
}

#header {  }
	.top_line { background: url(../images/header.png) repeat-x; padding: 0 34px 0 27px; overflow: hidden; zoom: 1; }
		.logo { width: 377px; height: 159px; background: url(../images/logo.jpg) 0 11px no-repeat; text-indent: -9999px;  margin-top: -52px; margin-left: 34%;overflow: hidden; }
			.logo a { width: 275px; height: 86px; display: block; margin: 11px 0 0 60px; }
		.contacts_l { width: 160px; height: 31px; background: url(../images/contacts_l.png) no-repeat; margin-top: 23px; float: left; }
		.contacts_c {    margin-top: 23px; font-family: Tahoma, Geneva, sans-serif; font-size: 2em; font-weight: 400;}

			.contacts_l a { width: 88px; height: 10px; display: block; margin-left: 21px; margin-top: 21px; }
		.contacts_r { width: 120px; height: 31px; background: url(../images/contacts_l.png) no-repeat; margin-top: -30px; float: right; }
		.contacts_r a { width: 130px; height: 10px; display: block; margin-top: 21px;}
		.stages { width: 822px; margin: 0 auto; }
			.stages .draft { width: 252px; height: 239px; background: url(../images/stage_draft.png); margin-left: -10px; float: left; }
			.stages .prod { width: 257px; height: 213px; background: url(../images/stage_prod.png); margin: 22px 0 0 15px; float: left; }
			.stages .ready { width: 301px; height: 237px; background: url(../images/stage_ready.png); float: right; }
		.menu_top { width: 822px; margin: 22px auto 35px; }
			.menu_top a { height: 33px; background-repeat: no-repeat; display: block; text-indent: -9999px; margin: 0 auto; overflow: hidden; }
			.menu_top a:hover, .menu_top .act { background-position: 0 -33px; }
			.menu_top .el_1 { width: 81px; background-image: url(../images/menu_top_1.png); }
			.menu_top .el_2 { width: 114px; background-image: url(../images/menu_top_2.png); }
			.menu_top .el_3 { width: 71px; background-image: url(../images/menu_top_3.png); }
			.menu_top .el_4 { width: 113px; background-image: url(../images/menu_top_4.png); }
			.menu_top .el_5 { width: 97px; background-image: url(../images/menu_top_5.png); }
			.menu_top .el_6 { width: 104px; background-image: url(../images/menu_top_6.png); }


#middle { width: 822px; padding: 0 0 93px; margin: 0 auto; }

	.corners { height: 9px; position: relative; overflow: hidden; }
		.corners .c { width: 18px; height: 18px; background: url(../images/corners.png); position: absolute; left: -9px; }
		.corners.top .c { top: -9px; }
		.corners .r { margin-left: 100%; }
		.corners .bg { background: #fff; height: 9px; margin: 0 9px; }

	.content { background: #fff; padding: 8px 23px 40px; overflow: hidden; zoom: 1; }

	.path { font-size: .916em; padding: 0 0 26px; }

	.blue { color: #01418b; }
	.red { color: #f00; }
	.gray { color: #666; }

	.main_page { overflow: hidden; zoom: 1; }
		.main_page .left { width: 419px; float: left; }
			.main_page .left p { text-indent: 28px; text-align: justify; padding: 9px 0; }
		.main_page .right { width: 332px; float: right; }
			.main_page .right h3 { text-align: center; }
				.main_page .right h3 img { vertical-align: bottom; }

	.title { font-size: 1.667em; padding: 0 0 12px; }
		.title img { vertical-align: bottom; }
	.slogan { font-size: 1.333em; font-weight: 900; text-align: center; padding: 9px 0; }

	h2 a img, h3 a img { background: #80a0c5; }
	h2 a:hover img, h3 a:hover img { background: none; }

	.last_maquette { padding: 13px 12px 45px; }
		.last_maquette table { width: 100%; table-layout: fixed; }
		.last_maquette td { text-align: center; padding: 0 0 20px; }
		.last_maquette img { vertical-align: bottom; border: 3px solid #c2e0f0; }
		.last_maquette .al_right { padding-right: 9px; }
	.news_short { margin: 12px 0 45px; }
		.news_short table { width: 100%; }
		.news_short th { width: 1%; font-weight: 400; color: #01418b; padding: 0 5px 15px 0; }
		.news_short td { padding: 0 0 15px; }
	.partners { width: 100%; table-layout: fixed; margin: 22px 0 0; }
		.partners td { text-align: center; vertical-align: bottom; padding: 0 0 15px; }

	.al_right { text-align: right; }
	.fl_right { float: right; }

	.nav { font-size: .55em; font-weight: 400; display: block; padding-top: 10px; float: right; }

	.one_maquette { margin: 26px 0 20px; }
		.one_maquette img { vertical-align: bottom; border: 3px solid #c2e0f0; }
		.one_maquette .big_img { text-align: center; }
		
		
	.one_maquette .one_maquette1 { width: 595px;padding-left:92px;  }

		.one_maquette .one_maquette1 .thumbs { width: 100%; margin: 26px 0 20px; }
			.one_maquette .one_maquette1 .thumbs td { width: 1%; border: 1px solid #fff; padding: 10px 0; }
			.one_maquette .one_maquette1 .thumbs .separ { width: auto; }
		.one_maquette .descr { padding-top: 15px; padding-left:92px;}

	.feedback { padding: 17px 0 0; clear: both; }
		.feedback .forms { padding: 0 0 5px; overflow: hidden; zoom: 1; }
			.feedback .forms .l { width: 295px; float: left; }
				.feedback .forms .l dt { font-weight: 900; color: #666666; }
				.feedback .forms .l dd { padding: 3px 0 9px; }
			.feedback .forms .r { padding: 0 0 9px; float: right; }
				.feedback .forms .r dt { font-weight: 900; color: #666666; }
		.feedback input { width: 138px; padding: 2px 0; display : block; }
		.feedback textarea { width: 454px; height: 120px; padding: 2px 0; display : block; }

input.error, textarea.error { 
border : 1px solid #cc3300; 
} 
label {
font-size : 12px; 
}
label.error {
font-size : 12px; 
padding-left : 4px;
color : #cc3300;
}
		
		
		
	.portfolio { width: 100%; }

		.portfolio .first { padding: 0 18px 0 13px; }
		.portfolio .second { padding: 0 10px 0 10px; text-align: center; }
			.portfolio h2 { padding-bottom: 15px; }
			.portfolio .img { border: 3px solid #375c90; }

		.portfolio table { width: 100%; margin-top: -6px; }
			.portfolio table td { width: 1%; padding: 10px 0; text-align: center; }
			.portfolio table .separ { width: auto; }
			.portfolio table img { vertical-align: bottom; border: 3px solid #c2e0f0; }

	.order { width: 460px; padding: 31px 0 0 20px; }
		.order dt { font-weight: 900; }
			.order dt .gray { font-weight: 400; }
		.order dd { padding: 3px 0 37px; }
		.order li { padding: 4px 0; *padding: 2px 0; }
			.order label .check { margin-right: 6px; }
		.order .text { width: 138px; padding: 2px 0; display : block; }
		.order textarea { width: 454px; height: 134px; display : block; }





.banner_foot { text-align: center; padding: 36px 0 28px; }


#footer { width: 100%; height: 93px; position: absolute; bottom: 0; _bottom: expression(this.parentNode.offsetHeight % 2? -1: 0); }
	#footer .copyright { padding: 25px 0 0 600px; }
	#footer .wrap { width: 822px; height: 93px; background: url(../images/footer.png); margin: 0 auto; }
		#footer .wrap a.mail { width: 88px; height: 10px; display: block; margin: 10px 0 0 56px; float: left; }
#footer .after_footer { padding-top: 10px; padding-bottom:10px; font-family: Tahoma, Geneva; font-size: 1.25em;   text-align: center;}
#footer .after_footer a { color:#fff; text-decoration: none; }
#footer .after_footer a:hover { text-decoration: none; }