* { margin: 0; padding: 0; }

html {
	height:100%;
	
	font: .8em Verdana;	
}

body {
	position: relative;

	height:auto !important;
	height:100%;
	min-height:100%;
	
	background: url(/image/html.gif);
}



#main {
	padding-bottom: 59px;
	
	width: expression(document.body.clientWidth < 990? "984px":"100%" );
}

.fot { clear: both; }

/* Стартовая страничка */

#start { }

#start body {
	/*position: relative;
	top: -13px; /* глюк какой-то top: 0px;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	background: url(/image/start_body.gif);
}

#start, html {
	width: 100%; height: 100%;
}


#start #menu {
	margin: 0; padding: 0;
	height: 700px;
	width: 100%;

	background: none;
}

	#start #menu h3 a {
		width: 152px;
		height: 82px;
		overflow: hidden;
		position: absolute;
		top: 11px;
		left: 37px;
		z-index: 10;
		
		text-decoration: none;
		text-indent: -9999px;
		
		background: url(/image/start_logo.gif) no-repeat;
	}

#start .services {
	height: 182px;
	width: 281px;
	position: absolute;
	/*right: 432px;*/
	left: 28%;
	top: 401px;
	
	background: url(/image/start_services.gif) no-repeat;
}

	#start .services ul {
		left: 114px;
		top: 5px;
	}
	
		#start strong { color: #E88020; }

	.news a {
		height: 322px;
		width: 211px;
		position: absolute;
		left: 0px;
		top: 131px;
		
		text-decoration: none;
		text-indent: -9999px;
		
		background: url(/image/start_news.jpg) no-repeat;
	}
	
	.chuvas {
		height: 280px;
		width: 306px;
		position: absolute;
		left: 30%;
		top: 0px;
		
		text-decoration: none;
		text-indent: -9999px;
		
		background: url(/image/start_chuvas.jpg) no-repeat;		
	}

	.ne {
		height: 42px;
		width: 203px;
		position: absolute;
		left: 48%;
		top: 19px;
		
		text-decoration: none;
		text-indent: -9999px;
		
		background: url(/image/start_ne.gif) no-repeat;
	}
	
	.links {
		height: 394px;
		width: 753px;
		position: absolute;
		left: 28%;
		top: 95px;
		margin-left: -40px;
		
		text-decoration: none;
		text-indent: -9999px;
		
		background: url(/image/links.gif) no-repeat;
	}
		
	#start .start_contacts {
		height: 51px;
		width: 153px;
		position: absolute;
		right: 54px;
		top: 15px;

		
		text-decoration: none;
		text-indent: -9999px;
		
		font-weight:bold;
                font-size: 14px;
		/* background: url(/image/start_contacts.gif) no-repeat;	 */		
	}

	#start 	#navigation a {
			top: -23px;
			width: 90px;
			height: 85px;
			
			z-index: 20;
	}
	
			
			#start #menu_job {
				left: 50%;
				
				background: url(/image/menu_job.png) no-repeat;
				// background: url(/image/start_jobs.jpg) no-repeat;
			}
			
			#start #menu_services {
				left: 59%;
				
				background: url(/image/menu_services.png) no-repeat;
				// background: url(/image/start_services.jpg) no-repeat;
			}
			
			#start #menu_vacansy {
				left: 68%;
				
				background: url(/image/menu_vacansy.png) no-repeat;
				// background: url(/image/start_vacansy.jpg) no-repeat;
			}			
			
			#start #menu_contacts {
				left: 77%;

				background: url(/image/menu_contacts.png) no-repeat;
				// background: url(/image/start_contacts.jpg) no-repeat;				
			}
			
			#start #menu_otzivi {
				left: 77%;

				background: url(/image/menu_otzivi.png) no-repeat;
				// background: url(/image/start_otzivi.jpg) no-repeat;				
			}
	
	#start_footer {
		height: 78px;
	
		width: 100%;
		position: absolute;
		bottom: 0;
		
		background: url(/image/start_footer.gif) repeat-x left bottom;
	}
	
	#start #mail {
		height: 178px;
		width: 337px;
		position: absolute;
		left: 0px;
		top: -100px;

		
		text-decoration: none;
		text-indent: -9999px;
		
		background: url(/image/start_mail.gif) no-repeat;	
	}
	
	#start .super a {
		height: 222px;
		width: 181px;
		position: absolute;
		left: 28%;
		top: 153px;
		margin-left: 462px;

		
		text-decoration: none;
		text-indent: -9999px;
	}
	
	#start .my_services a {
		height: 48px;
		width: 145px;
		position: absolute;
		left: 28%;
		margin-left: 280px;
		top: 409px;
		z-index: 20;

		
		text-decoration: none;
		text-indent: -9999px;	
	}	

/* menu */

#menu {
	height: 280px;
	
	background: url(/image/menu.gif) repeat-x 0px 43px;
}


	#menu h3 a {
		width: 229px;
		height: 177px;
		overflow: hidden;
		position: absolute;
		top: 43px;
		left: 0px;
		z-index: 10;
		
		text-decoration: none;
		text-indent: -9999px;
		
		background: url(/image/menu_h1.jpg) no-repeat;
	}


	.nav {
		width: 428px;
		height: 259px;
		position: absolute;
		left: 190px;
		top: 0px;
		z-index: 5;	
	}
	
		.nav p, #start .start_contacts span { display: none; }
	
		/* Тута бэкграунды для различных страничек */
	
		.job { background: url(/image/menu_job.jpg) no-repeat; }
		.contacts2 { background: url(/image/menu_contacts2.jpg) no-repeat; }
		.services2 { background: url(/image/menu_services2.jpg) no-repeat; }
		.super {background:url(/image/pred_03.jpg) no-repeat;}
		.news { background: url(/image/novosty_02.jpg) no-repeat; }
		.services { background: url(/image/menu_services.jpg) no-repeat; }
		.style { background:url(/image/str-buklety-copy_02.jpg) no-repeat;}
		.portfolio {background: url(/image/portf.jpg) no-repeat;}
		
			.services ul {
				position: absolute;
				left: 270px;
				top: 90px;
				
				text-transform: uppercase;
				font-weight: bold;
				font-size: .8em;
				
				list-style: none;	
			}
			
			.services li {
				padding-bottom: 2px;
			}
				.services strong { color: #fff; }
				.services a {					
					text-decoration: none;
					
					color: #000;
				}
				
				.services a:hover { text-decoration:none }
		
		#menu .contacts {
			width: 278px;
			height: 169px;
			overflow: hidden;
			position: absolute;
			right: 0px;
			top: 43px;
					font-weight:bold;
                font-size: 14px;
color:#c4656b;
			//background: url(/image/menu_contacts.jpg) no-repeat;
		}
		
		#menu .otzivi {
			width: 278px;
			height: 169px;
			overflow: hidden;
			position: absolute;
			right: 0px;
			top: 43px;
			
			background: url(/image/menu_otzivi.jpg) no-repeat;
		}
		
			
			
		
		#navigation a {
			position: absolute;
			top: 188px;
			width: 90px;
			height: 85px;
			z-index: 15;
			overflow: hidden;
			
			text-decoration: none;
			text-indent: -9999px;
		}
		
			#menu_main {
				left: 16px;
				top: 194px!important;
				background: url(/image/menu_main.png) no-repeat;
				// background: url(/image/menu_main.gif) no-repeat;
			}
			
			#menu_job {
				left: 607px;
				background: url(/image/menu_job.png) no-repeat;
				// background: url(/image/menu_job.gif) no-repeat;
			}
			
			#menu_services {
				left: 692px;
				background: url(/image/menu_services.png) no-repeat;
				// background: url(/image/menu_services.gif) no-repeat;
			}
			
			#menu_vacansy {
				left: 777px;
				background: url(/image/menu_vacansy.png) no-repeat;
				// background: url(/image/menu_vacansy.gif) no-repeat;
			}			
			
			#menu_contacts {
				left: 860px;
				background: url(/image/menu_contacts.png) no-repeat;
				// background: url(/image/menu_contacts.gif) no-repeat;				
			}
	
			#menu_otzivi {
				left: 940px;
				background: url(/image/menu_otzivi.png) no-repeat;
				// background: url(/image/menu_otzivi.gif) no-repeat;				
			}
	
/* content */

#content {
	overflow: hidden; // height: 1%; overflow: visible;
	padding: 0 0 70px 47px;
	
}

	#col_left, #col_right {
		
		float: left;
	}
	#col_right{
	width:40%;
	}
	#coltext_left p, #coltext_left ul{
	padding-left:50px;
	}
	#coltext_left p {
	text-align:justify;
	}
	#coltext_left {
	width:75%;
	padding:0;
	}
	#coltext{
	margin-left:230px;
	width:75%;
	padding:0;
	}
	#coltext h1 {
	margin:0;
	}
	#col_left h1 {
	margin:0;
	}
	#col_right h2 {
	margin:0;
	}
	
	
		#col_left { /*margin-right: 8%;*/ width: 40%; padding-left:50px;}
		
		#col_right img, #content img {
			padding: 1em;
			margin: 0 .5em .5em 0;
			
			border: none;
			background: #fff;
		}
		
	
		#content .first {
			padding-left: 50px;
			
			background: url(/image/content_h1.gif) no-repeat;
		}
	
		#content .samples {
			padding-left: 45px;
			
			background: url(/image/content_h2.gif) no-repeat;
		}
	
	#content img { border: none; }
	#content a { color: #000000 ; }
	#content a:visited { color: #000; }
	
	#content p, ul, ol {
		margin-bottom: 1em;
	}

	
	#content ol { margin-left: 2em; }
	#content ul { list-style: none; margin-left: 1em; }
	
		#content ul li {
			padding-left: 14px;
			background: url(/image/content_li.gif)  no-repeat left center;
			line-height:1.2em;						
		}
		
		.serv li {
		margin-left:190px;
		padding-left: 14px;
			background: url(/image/content_li.gif)  no-repeat left center;
			
		}
	
	.chel {
	margin-bottom:0px !important;
	margin-left:-13px !important;
	background:none !important;
	
	}	
	#polig-left {
	float:left;
	width: 210px;
	}
	#polig-right{
	float:left;
	height:100%;
	padding-left:70px;
	padding-top:45px;	
	}
	#polig {
	width:955px;
	margin:0;
	}
	#polig a {
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	}
	#polig a:hover {
	text-decoration:underline;
	}
	.buklet {
	background-image:url(/image/vertikal3.jpg);
	background-repeat:no-repeat;
	}
	.kalendar {
	background-image:url(/image/kalendary.jpg);
	background-repeat:no-repeat;
	}
	.logo {
	background-image:url(/image/logo.jpg);
	background-repeat:no-repeat;
	}
	.moduly {
	background-image:url(/image/moduly.jpg);
	background-repeat:no-repeat;
	}
	.naruzka {
	background-image:url(/image/naruzka.jpg);
	background-repeat:no-repeat;
	}
	.upakovka {
	background-image:url(/image/upakovka.jpg);
	background-repeat:no-repeat;
	}
	.fotonaruzka{
	width:655px !important;
	}	
	#foto {
	width:585px;
	background-color:#FFFFFF;
	padding:10px 5px 10px 5px;
	}
	#portfolio {
	background-color:#FFFFFF;
	background-image:url(/image/portfolio.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:338px;	
	float:left;
	font-size:12px;
}
	#portfolio1 {
	background-color:#FFFFFF;
	width:660px;
	float:left;
	height:338px;
	overflow:hidden;
	}
	#portfolio1 img {
	margin:20px 20px 0 0;
	padding:0;
	}
	#portfolio ul {
	padding:130px 0 0 0;
	margin:0;	
	float:left;
	}
	#portfolio ul li {
	background:none !important;
	list-style-image: none;
	margin-left:33px;
	padding:0;
	}
	#portfolio a {
	font-size:11px;
	}
	#foto img {
	margin-right:-10px;
	margin-left:-8px;
	margin-bottom:-10px;
	}
	.align_left { float: left; }
	.align_right { float: right; }
	.align_center { text-align: center; }
	
	#content table {
		width: 100%;
		border-collapse: collapse;
		margin: 0 auto 1em auto;
	}
	
	#content table td, #content table th{
		border: 1px #C74201 solid;
		vertical-align: top;
		padding: 3px 4px;
		
		background: #ECE9E3;
	}
	
	#content table th {
		background: #E4DFD7;
		color: #C74201;
	}

 h1, h2 {
		font: bold 1.0em Verdana;
		text-transform: uppercase;
		line-height: 41px;
		padding-left: 17px;
		margin-bottom: 1em;
		margin-left:50px;
		background-image: url(/image/pal.gif);
		background-repeat:no-repeat;
	}
	h2 {
	margin-left: 203px;
	}
	.samples {
	margin:0px !important;
	}
	#img{
	margin-right:20px;
	float:left;	
}
#img img {
margin:0 25px 0 0;
padding:0;
}
	
/* footer */

#footer {
	position: absolute;
	
	bottom: 0px;
	height: 59px;
	width: 100%;
	width: expression(document.body.clientWidth < 990? "984px":"100%" );
	
	background: #CFD9DC url(/image/footer.jpg) no-repeat;
}

.natur_footer #footer {
	position: relative!important;
}

	#footer div {
		height: 58px; 
		position: absolute;
		width: 34%;
		left: 33%;
		
		line-height: 58px; // line-height: 59px;
		text-align: center;
		
		background: #FBB656;
	}
		
		#footer a {
			text-transform: uppercase;
			font-weight: bold;
			font-size: .7em;
			text-decoration: none;
			
			color: #000;
		}
		
			#footer a:hover { color: #fff; }
			
	#footer .contacts {
		line-height: 59px;
		position: absolute;
		overflow: hidden;
		width: 33%;
		right: 0px;
		top: 0px;
		
		background: #709499 url(/image/footer_contact.jpg) no-repeat center center;
	}