/*--------------------------------------------------------------------------

author:Kupriyanenko A (Upward)
e-mail:upwards@yandex.ru
web-site: lifeprom.com
icq:400555055
-----------------------------------------------------------------------------*/

@import 'reset.css';

/* Standard elements */
html,body {
	background:#f3f1e9;
	height:100%;
	}
html{font-size:78%;}
h2{
	margin:0;
	font:normal 14px Tahoma, serif;
	}
p, div, span, li {font-family:Tahoma, sans-serif;}
p{font:normal 1em/14px  Tahoma, sans-serif;}
a:visited, a:link{
	color:#d21516;
	text-decoration:underline;
	}
a:hover{text-decoration:none;}
input, textarea{
	font:normal 0.9em Tahoma;
	border:0;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	color:#222822;
	}
textarea{padding:5px;}
input{
	width:443px;
	padding:2px 0 3px 5px;
	margin:4px 0 5px 0;
	}

/* wrap elements */
html>body #wrap{
	height:auto;
	min-height:100%;
	}
#wrap{
	position:relative;
	height:100%;
	}
#page{
	position:relative;
	padding:0 57px 115px 57px;
	max-width:987px;
	min-width:886px;
	margin:auto;
	}

/* header */
#header{
	height:362px;
	background:url(../images/header-right.gif) right 62px no-repeat;
	overflow:hidden;
	margin:0 10px 0 10px;
	}
#header .wrap{
	position:relative;
	height:187px;
	margin:95px 0 0 0;
	background:url(../images/header-bg.gif) #222823;
	overflow:hidden;
	}
#header h1{font:bold 2.1em "Times New Roman", Times, serif;}
#header h1 a{
	color:#FFFFFF;
	text-decoration:none;
	margin:63px 0 0 68px;
	position:relative;
	width:261px;
	height:59px;
	display:block;
	overflow:hidden;
	}
#header h1 a span{
	display:block;
	width:261px;
	height:59px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	background:url(../images/logo.gif);
	cursor:pointer;
	text-indent:-100px;
	}
#header-img{
	height:187px;
	background:url(../images/header-right.gif) right -33px no-repeat;
	width:450px;
	position:absolute;
	right:0;
	top:0;
	}
#main-menu{
	margin:9px 0 0 0;
	list-style:none;
	background:url(../images/menu-bg.gif) #222822 0 -44px;
	height:22px;
	position:absolute;
	}
#main-menu li{
	float:left;
	border-right:5px solid #f4f2eb;
	height:22px;
	background:url(../images/menu-bg.gif) no-repeat left -22px;
	overflow:hidden;
	}
#main-menu li a{
	background:url(../images/menu-bg.gif) no-repeat right 0px;
	height:22px;
	font:normal 13px Tahoma, serif;
	text-decoration:none;
	color:#FFFFFF;
	padding:2px 23px 0 23px;
	display:block;
	float:left;
	}
#main-menu .active{
	background:url(../images/menu-bg.gif) no-repeat #b5b8ba left -66px;}
#main-menu .active a{
	background:url(../images/menu-bg.gif) no-repeat right -88px;
	color:#000000;
	}
#nav{
	float:right;
	}
#nav li{
	float:left;
	width:25px;
	height:20px;
	background:#222822;
	margin:9px 0 0 6px;
	}
#nav li a{
	display:block;
	width:25px;
	height:20px;
	text-indent:-300px;
	overflow:hidden;
}
#nav .home a{background:url(../images/nav.gif) no-repeat 0 -20px;}
#nav .home a:hover{background:url(../images/nav.gif) no-repeat 0 -60px;}
#nav .mail a{background:url(../images/nav.gif) no-repeat 0 0px;}
#nav .mail a:hover{background:url(../images/nav.gif) no-repeat 0 -40px;}

/* content */
#content{
	background:#f8f7f3;
	margin:0 0 50px 0;
	width:100%;
	overflow:hidden;
	}
#content p{margin:0 0 15px 0;}
#content h2{
	border-bottom:1px solid #000000;
	margin:0 0 27px 0;
	padding:0 0 7px 0;
	width:293px;
	}

/* main page content */
#content .wrap-mainpage{
	background:#f8f7f3;
	width:100%;
	margin:0 0 0 -1px;
	}
#content .wrap-width{
	background:#fbfbf8;
	width:37%;
	margin:0 0 0 37%;
	}
#content .wrap-hidden{
	margin:0 -1px 0 -100%;
	overflow:hidden;
	width:271%;
	position:relative;
	}
.triple-block{
	float:left;
	overflow:hidden;
	padding:22px 0 30px 0;
	}
.about-c, .facilities-c{width:37%;}
.news-c{width:26%;}
#content .wrap-hidden h2{
	border-bottom:1px solid #000000;
	margin:0 11px 27px 24px;
	padding:0 0 7px 0;
	width:auto;
	}
#content .wrap-hidden p, #content .wrap-hidden ul{margin:0 11px 0 24px;}
.demand{
	margin:52px 0 0 40px;
	background:url(../images/demand.gif) no-repeat 0 0;
	height:58px;
	padding:0 0 0 71px;
	line-height:58px;
	font-size:1.1em;
	}
#content .wrap-hidden .facilities-c .facilities-u{
	overflow:hidden;
	margin:30px 0 0 16px;
	}
.facilities-c .facilities-u li{height:53px;}
.facilities-c .facilities-u img{float:left;}
#content .wrap-hidden .facilities-c .facilities-u li p{margin-left:89px;}

#content .wrap-hidden .news-c h2{margin:0 11px 13px 24px;}
.news-c .hfeed li{margin:0 0 15px 0;}
.news-c .hfeed .published{font-size:0.9em; color:#b5b5b5;}
#content .wrap-hidden .entry-content{margin:0;}

/* sub content */
.double-block{
	padding:0 0px 0 11px;
	border-right:204px solid #f8f7f3;
	background:#fbfbf8;
	}
.double-block-content{padding:22px 20px 20px 0;}
.clear{
	clear:both;
	overflow:hidden;
	height:1px;
	}
.info-block{
	float:right;
	position:relative;
	display:inline;
	width:204px;
	margin-right:-204px;
	left:15px;
	padding:51px 0 20px 0;
	}
.info-block .block{
	width:170px;
	background:none no-repeat 0 0;
	padding:74px 0 0 3px;
	margin:0 0 51px 0;
	}
.info-block .part{margin:0 15px 0 0;}
.info-block .statute{background-image:url(../images/statute.gif);}
.info-block .report{background-image:url(../images/report.gif);}
.info-block .list{background-image:url(../images/list.gif);}
.info-block .map{
	background-image:url(../images/map.gif);
	padding:98px 0 0 3px;
	}

#online-mail{
	padding:5px 0 0 199px;
	background:url(../images/on-mail.gif) no-repeat 38px 57px;
	overflow:hidden;
	}
#online-mail p, #content .e-mail-form p{margin:0;}

.contact b{font-size:0.9em;}
#online-mail textarea{
	width:438px;
	height:84px;
	margin:3px 0 13px 0;
	}
#online-mail .email{width:333px;}
.submit, #online-mail .submit, .e-mail-form .submit{
	width:105px;
	height:20px;
	background:#000000;
	padding:0;
	border:0;
	color:#FFFFFF;
	}
.e-mail-form .submit{margin:13px 0 0 0;}
.e-mail-form{overflow:hidden;}
.e-mail-form input{width:338px;}
.e-mail-form .textarea{
	width:630px;
	height:138px;
	}

.simple-page{
	padding:22px 0 20px 0;
	overflow:hidden;
	width:100%;
	}
.left-simple{
	margin:0 566px 0 0;
	float:left;
	padding:0 10px 0 11px;
	}
.right-simple{
	width:566px;
	padding:0 10px 0 0 0;
	float:right;
	margin:0 0 0 -566px;
	}
.right-simple .service-block{
	width:232px;
	height:213px;
	margin:20px 10px 12px 6px;
	padding:0 11px 0 24px;
	display:inline;
	float:left;
	position:relative;
	background:none no-repeat #fbfbf8 center 0;
	}
.right-simple .construction{background-image:url(../images/construction-2.gif);}
.right-simple .device{background-image:url(../images/device-2.gif);}
.right-simple .montage{background-image:url(../images/montage-2.gif);}
.right-simple .sectoring{background-image:url(../images/sectoring-2.gif);}
.service-block p{
	position:absolute;
	bottom:4px;
	}

/* slide-main */
#slide-main{
	background:url(../images/slide-main.gif) no-repeat right bottom;
	height:213px;
	margin:0 0 40px 0;
	overflow:hidden;
	}
#slide-main .wrap{
	height:185px;
	margin:0 3px 0 0;
	padding:10px;
	background:url(../images/slide-left.jpg) no-repeat #fbfaf7 10px 10px;
	}
.carousel{
	margin:0 0 0 253px;
	padding:21px 0 0 86px;
	height:164px;
	background:url(../images/slide-right.jpg) no-repeat #6e6e6e right 0;
	}
.built{
	color:#FFFFFF;
	font-size:1.15em;
	background:#202621;
	padding:0 7px 0 6px;
	}
.gallery{
	color:#FFFFFF;
	margin:5px 0 0 0;
	width:292px;
	font-size:0.9em;
	border-top:1px solid #FFFFFF;
	}
.next{
	background:#202621;
	padding:0 5px 2px 5px;
	display:block;
	float:left;
	font-size:0.9em;
	}
.gallery-img a{
	border:3px solid #202621;
	display:block;
	overflow:hidden;
	}
.gallery-img{
	display:table;
	float:left;
	overflow:hidden;
	margin:0 0 6px 0;
	}

/* footer */
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:115px;
	}
#footer .wrap{
	padding:0 57px 0px 57px;
	max-width:990px;
	min-width:886px;
	margin:auto;
	}
.left-f{background:url(../images/bottom-bg.gif) no-repeat 33px bottom;}
.left-f .vcard{margin:45px 0 0 141px;}
#footer p{font-size:0.9em;}
.left-f .org{margin:0 0 0 12px;}
.left-f .map{
	margin:0 0 0 153px;
	bottom:7px;
	position:absolute;
	}
.left-f, .center-f{width:37%;}
.center-f{background:url(../images/column.gif) no-repeat right 0;}
.center-f .wrap-c{
	height:83px;
	margin:12px 0 0 0;
	padding:8px 0 0 24px;
	background:url(../images/column.gif) no-repeat #f8f7f3 right -12px;
	}
.right-f{width:26%;}
.right-f p{
	position:absolute;
	left:30px;
	bottom:42px;
	}
.footer-block{
	float:left;
	height:115px;
	position:relative;
	}