/* author Andreykiv A.V. */
/* data 22.09.2008 */

@import "reset.css";
	
html, body{ height:100%; }	
	
body{
	font-family:Tahoma;	
	font-size:12px;
	color:#6d5c37;
	background:#131313;
	padding:0 11px; 
	}	
	
div{ margin:0 auto; }
	
.ul li{ list-style:none; }

a:link,
a:visited{ 
	color:#913a24;
	text-decoration:none; 
	}
	
a:hover{ text-decoration:underline; }

/* UTIL */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
	}
	
.easyfix{ overflow:hidden; }	
	
.float-left{ float:left; }
.float-right{ float:right; }

.none span,
.none a span{	
	display:none; 
	}

/* headings */
h1, h2, h3, h4, h5, h6{ line-height:1; }

h2,
h2 a:link,
h2 a:visited{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-transform:uppercase;
	color:#811d06;
	font-weight:normal;
	text-decoration:none;	
	}
	
h2 a:hover{
	color:#685027;
	}
	
h3{
	line-height:1.3;
	font-size:11px;
	color:#811d06;
	}		
		
/* Main */
.main{
	position:relative;
	min-width:973px;
	max-width:1578px;	
	min-height:100%;
	background:url(../img/bg-main.jpg) repeat-y 0 471px #FAF5E9;
	}
	
.header{
	position:relative;
	z-index:100;
	height:375px;
	background:url(../img/bg-header-00.jpg) repeat-x top;	
	}
	
.content{
	position:relative;
	z-index:255;
	padding:0 10px 92px 11px;	
	}
	
.wrapper{
	padding:0;
	border-top:1px solid #DBCDAE;
	background:url(../img/line-content.gif) repeat-y 100% 0;	
	}

.left-col{
	position:relative;
	float:left;
	width:308px;	
	}

.middle-col{
	position:relative;
	margin-left:334px;
	padding:48px 20px 0 0;	
	}
	
.right-col{
	position:relative;
	float:right;
	width:100%;	
	}

.bottom{
	position:absolute;
	height:164px;
	width:100%;
	bottom:0;
	left:0;
	background:url(../img/bg-footer-01.jpg) repeat-x bottom;
	}
	
/* fotter */
.fotter-one{ background:url(../img/bg-footer-04.jpg) no-repeat 0 136px; }	
.fotter-two{
	position:relative;
	background:url(../img/bg-footer-05.jpg) no-repeat 100% 136px;
	height:164px;
	}
	
.fotter-two address{
	position:absolute;
	z-index:255;
	bottom:33px;
	left:346px;
	}	
	
.footer-left{
	position:absolute;
	top:-65px;
	left:0;
	z-index:0;
	background:url(../img/bg-footer-02.jpg) no-repeat 0 0;
	width:201px;
	height:201px;
	}
	
.footer-right{
	position:absolute;
	top:-141px;
	right:0;
	z-index:0;
	background:url(../img/bg-footer-03.jpg) no-repeat 0 0 ;
	width:256px;
	height:277px;
	}
	
.footer-line{
	position:absolute;
	z-index:0;
	top:0;
	left:320px;
	background:url(../img/line2-content.gif) repeat-y 0 0;
	width:7px;
	height:138px;
	}
	
/* header */
.header-line{
	position:relative;
	font-size:0;
	line-height:0;
	height:11px;
	background:#131313;
	}
	
.paper-clip{
	position:absolute;
	z-index:255;
	top:0;
	}	
	
.one-clip{ left:114px; }	
.two-clip{ right:106px; }		
	
.header-one{ background:url(../img/bg-header-01.jpg) no-repeat 0 0; }							
.header-two{ 
	background:url(../img/bg-header-03.jpg) no-repeat 0 181px;
	padding-right:10px;
	}						
.header-three{ background:url(../img/bg-header-02.jpg) no-repeat 790px 0; }						
.header-four{
	position:relative;
	height:365px;
	background:url(../img/bg-header-04.jpg) no-repeat 790px 181px;
	padding:0 12px;
	}
	
.line-header{
	position:relative;
	top:353px;
	display:block;
	height:1px;
	font-size:0;
	line-height:0;
	background:url(../img/line-header.gif) repeat-x top;
	}
	
.sr-header{
	position:absolute;
	z-index:1;
	top:10px;
	right:0;
	width:16px;
	height:355px;	
	background:url(../img/sr-header.gif) no-repeat 0 0;
	}		
	
.logo{
	position:absolute;
	z-index:255;
	top:79px;
	left:65px;
	}
	
.string{
	position:absolute;
	z-index:1000;
	top:305px;
	left:11px;
	}
	
.yzor-header{
	position:absolute;
	z-index:0;
	top:0;
	right:-10px;	
	}	
	
/* corner */
.corner{
	position:absolute;
	z-index:999;
	height:16px;
	width:16px;
	top:375px;
	font-size:0;
	line-height:0;
	}
	
.one-corner{
	left:10px;
	background:url(../img/corner.gif) no-repeat 0 0;
	}	
	
.two-corner{
	right:10px;
	background:url(../img/corner.gif) no-repeat -16px 0;
	}
	
.img-button{
	position:absolute;
	z-index:1000;
	top:53px;
	left:0;
	}
	
/* paper-block */
.paper-block{
	position:relative;
	height:289px;
	}
	
.paper{
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	}
	
.pensil{
	position:absolute;
	z-index:200;
	top:52px;
	left:65px;
	}
	
.scissors, .paperBlock_2, .paperBlock_3 {
	position:absolute;
	z-index:200;
	top:92px;
	left:0;
    width:138px;
	height:116px;
	background-image: url(../img/scissors.png);
	background-color: transparent;
	}
	
.tell, .paperBlock_6 {
	position:absolute;
	z-index:200;
	top:108px;
	left:0;
   width:178px;
	height:127px;
	background-image: url(../img/tell.png);	
	}		
	
.paperBlock_10, .paperBlock_11 {
	position:absolute;
	z-index:200;
	top:110px;
	left:0;
    width:146px;
	height:122px;
	background-image: url(../img/meter.png);
	background-color: transparent;
	}
	
/* left-nav */
.left-nav{
	padding:63px 0 0 61px;
	}	
	
.left-nav h2{
	padding-bottom:15px;
	}
	
.left-nav h2 a{
	display:block;
	height:15px;
	}	
	
.about-company a:link,
.about-company a:visited{ background:url(../img/title/about-company.gif) no-repeat 0 0;	} 
.about-company a:hover{ background:url(../img/title/about-company.gif) no-repeat 0 -15px; }
	
.our-services a:link,
.our-services a:visited{ background:url(../img/title/our-services.gif) no-repeat 0 0; }
.our-services a:hover{ background:url(../img/title/our-services.gif) no-repeat 0 -15px; }

.catalogue-production a:link,
.catalogue-production a:visited{ background:url(../img/title/catalogue-production.gif) no-repeat 0 0; }
.catalogue-production a:hover{ background:url(../img/title/catalogue-production.gif) no-repeat 0 -15px; }

.contact-information a:link,
.contact-information a:visited{ background:url(../img/title/contact-information.gif) no-repeat 0 0; }
.contact-information a:hover{ background:url(../img/title/contact-information.gif) no-repeat 0 -15px; }

.news a:link,
.news a:visited{ background:url(../img/title/news.gif) no-repeat 0 0;	}
.news a:hover{ background:url(../img/title/news.gif) no-repeat 0 -15px; }

/* our-telephones */
.our-telephones{
	position:relative;
	z-index:255;
	margin-top:-40px;
	padding-left:112px;
	}			
	
.our-telephones h2{
	padding-bottom:8px;
	}				
	
.our-telephones li{
	padding-bottom:6px;
	}
	
/* right-col */
.right-col h2{
	padding-bottom:12px;
	}
	
.top-content{
	background:url(../img/line3-content.gif) repeat-x bottom;
	padding-bottom:16px;
	margin-bottom:32px;	
	}
.h-dots{
	background:url(../img/line3-content.gif) repeat-x bottom;
	height:16px;
	margin-bottom:32px;	
	}

.content-bottom{
	margin-bottom:20px;
	}
	
.content-bottom .float-left,
.content-bottom .float-right{
	width:48%;	
	}

.content-bottom .img-float{
	float:left;
	padding:2px 12px 0 0;
	}

.content-bottom .img-float img, img.border{
	border:2px solid #BEA575;
	padding:1px;	
	vertical-align:top;	
	}
	
/* model */
.model{
	position:absolute;
	z-index:240px;
	top:97px;
	}
	
.one-model{ right:43px; }									
.two-model{ right:216px; }
.three-model{ right:405px; }
.four-model{ right:61px; }									
.five-model{ right:229px; }
.six-model{ right:398px; }

p {
	margin-bottom: 1em;
}