body{
  font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: white;
  padding: 0; margin: 0; 
  background-color: #2a2216; 
}

li{
  list-style: url(item.gif);
  padding-bottom: 10px;
}


#page, #footer, #header{
  width: 767px;
  margin: 0px auto 0px auto;
}

#page{
  width: 807px;
  background: url(page-bg.gif) repeat-y;
  overflow: visible;
}

#top-line{
  margin-left:20px;
  width: 766px;
  height: 5px;
  background-color: #e48213;
  overflow: hidden;
}

#top-left{
  float: left;
  width: 262px;
  height: 329px;
  background-image: url(top-hoblinabg.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-right: 1px solid #910902;
  margin-right: 4px;
}

#top-left .line{
  height:8px;
  display: block;
  font-size: 0;
}


#top-left p{
  position: relative;
  top: 184px;
  left: 73px;
  font-size: 11px;
  color: white;
  display: inline;
}


#activity-col{
  float: left;
  width: 58px;
  background: url(activity-left.gif) no-repeat;
  height: 404px;
  margin-left: 20px;
  display: inline;
}

#top-right{
  float: left;
  width: 406px;
  padding-right: 4px;
  border-right: 1px solid #910902;
  height: 329px;
}


#menu{
  font-size: 11px;
  float:left;
  width: 406px;
  height: 33px;
  background-color: #3e3224;
}

#menu ul{
  padding:0;
  margin:0;
}


#menu li{
  list-style: none;
  height: 23px;
  float: left;
  border-right: 1px solid white;
  padding: 9px 16px 0 17px;
}

#menu li a{
  margin-top: 9px;
  color: white;
  text-decoration: none;
}

#menu li.current{
  background: #e48213;
  height: 23px;
  color: white;
}

#menu li.contact{
  border: 0px;
  width: 47px;
}


#menu li a:hover{
  text-decoration: underline;
}

#home, #about-us, #services, #reference, #contact, #wood-win, #doors, #materials, #site-map{
  float:left;
  width: 406px;
  height: 256px;
  border-bottom: 4px solid #3e3224;
}

#home{
  background: url(home.jpg);
}

#about-us{
  background: url(about-us.jpg);
}

#services{
  background: url(services.jpg);
}

#reference{
  background: url(reference.jpg);
}

#contact{
  background: url(contact.jpg);
}

#wood-win{
  background: url(wood-win.jpg);
}

#doors{
  background: url(doors.jpg);
}

#materials{
  background: url(materials.jpg);
}

#site-map{
  background: url(site-map.jpg);
}


#nav-product{
  float: left;
  height: 37px;
  background-color: #990800;
  width: 100%;
}

#nav-product ul{
  padding:0;
  margin: 13px 0 0 2px;
}


#nav-product li{
  list-style: none;
  float: left;
  border: none;
  padding: 0 12px 0 12px;
}


#nav-product li a{
  font-size: 11px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}

#nav-product li a:hover{
  color: #f7e59c;
  text-decoration: none;
}

#nav-product li a.current{
  color: #f7e59c;
}


#nav-sub-product{
  font-size: 11px;
  float: left;
  height: 28px;
  width:  708px;
  border-top: 1px solid #cfaeae;
  border-bottom: 1px solid #cfaeae;
  text-align: right;
}


#nav-sub-product ul{
  padding: 8px 35px 0 0;
  margin: 0;
  float: right;
}

#nav-sub-product li{
  float: left;
  list-style: none;
  padding-right: 25px;
}

#nav-sub-product a:link, a:visited{
  text-decoration: none;
  color: white;
}

#nav-sub-product a:hover{
  color: #ddc1a4;
}

#nav-sub-product a.current{
  color: #ddc1a4;
}



/*
    content
*/


#content{
  float: left;
  width: 582px;
  overflow: visible;
  padding: 30px 0 40px 73px;
  text-align: justify;
}

h1{
  font-weight: normal;
  color: #eddcbb;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
/*
#content h2{
  color: #eddcbb;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0 0 0;
  margin: 0;
}
*/

#content h2{
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 0 3px 0;
  margin: 0;
}


#content h3{
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 0 3px 0;
  margin: 0;
}

p{
  margin: 0;
  padding: 0;
}


#news{
  float: left;
  padding-left: 208px;
}

#news h1{
  padding-top: 20px;
}

a:link, a:visited{
  color: white;
  padding: 0;
  margin: 0;
}

a:hover{
  color: #f7e59c;
}


/*
    footer
*/

#footer{
  float: left;
  width: 709px;
  height: 92px;
  padding-top: 50px;
  padding-left: 78px;
  clear: both;
  font-size: 11px;
}

#footer .left{
  float: left;
  width: 189px;
  height: 50px;
  padding-left: 73px;
}

#footer .right{
  float: left;
  width: 420px;
  padding-left: 15px;
  display: inline;
  height: 50px;
}


#nav-footer{
  padding:0;
  margin: 0;
}

#nav-footer li{
  float: left;
  list-style: none;
  padding-right: 20px;
  margin: 0
}


#nav-footer a{
  border-top: 1px solid white;
  padding-top: 3px;
  color: white;
  text-decoration: none;
}

#nav-footer a:hover{
  border-top: none;
}

.reference{
  text-align: left;
  float: left;
  padding: 0 0 25px 0;
  font-size: 11px;
}


.reference ul{
  padding: 5px 0 0 0;
  margin: 0;
}

.reference li{
  width: 18px;
  height: 15px;
  background-color: #870c05;
  list-style: none;
  float: left;
  text-align: center;
  padding: 3px 0 0 0;
  margin-right: 2px;
}

.text-part h2{
  color: #eddcbb;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0 0 0;
  margin: 0;
}

.text-part p{
  padding: 10px 0 0 0;
}


.image-part{
  width:151px;
  float: left;
}

span.small-white{
  font-size: 9px;
  margin: 0px 0px 2px 5px;
  display: block;
  color: #f4eceb;
}

span.small-brown{
  font-size: 9px;
  margin: 0px 0px 2px 5px;
  display: block;
  color: #eddcbb;
}




.reference img{
  border: 1px solid #cba8a7;
  padding: 4px;
}

.reference a{
  color: white;
  text-decoration: none;
  font-size: 9px;
}

.reference a:hover{
  text-decoration: underline;
}


.text-part{
  padding-left: 57px;
  float: left;
  width: 349px;
}


#column2{
  float: left;
  padding-left: 204px;
}

/*
  referencie
*/

#reference-image{
  padding:0;
  margin: 0;
}

#reference-image li{
  height: 18px;
  width: 18px;
  background-color: #870c05;
}

#reference-image li a{
  color: white;
  text-decoration: none;
}

#reference-image li a:hover{
  text-decoration: underline;
}


/*
  product
*/


.product{
  float: left;
  padding: 0 0 20px 0;
  width: 574px;
  font-size: 11px;
  text-align: left;
}

.product img{
  border: 1px solid #cba8a7;
  padding: 4px;
}


.product-image-part{
  width:151px;
  float: left;
}


.product-text-part{
  padding-left: 57px;
  float: right;
  width: 365px;
}

.product-text-part ul{
  padding: 0;
  margin: 0 0 0 15px;
}


/*
.product-text-part h1{
  color: #eddcbb;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

*/

.product p{
  margin: 0;
  padding: 10px 0 0 0;
}

.product h1{
  margin-bottom: 5px;
}


.product-image{
  float: left;
  padding: 0 5px 8px 0;
}


/*
  contact
*/


.contact-image{
  width: 151px;
  float: left;
}

.contact-image img{
  border: 1px solid #cba8a7;
  padding: 4px;
}


.contact-text{
  padding-left: 57px;
  float: left;
  width: 369px;
  font-size: 11px;
}


input, textarea{
  font-family: Tahoma;
  font-size:11px;
  border: 0;
  background-color: #d9ceb9;
  padding: 3px;
  margin: 3px 0 0 0;
  width: 171px;
}

textarea{
  width: 368px;
  height: 100px;
  margin-bottom: 25px;
  padding: 0;
  overflow: hidden;
}


.button{
  border: 1px  solid #d9b7b6;
  background-color: #990800;
  width: 120px;
  color: white;
  padding: 2px 15px 5px 15px;
  overflow: visible;
  height: 22px;
}

label{
  margin-bottom: 2px;
  height: 50px;
}


/*  */

#sitemap-text{
  padding-left: 208px;
  float: left;
  width: 369px;
  font-size: 11px;
}

#sitemap-text ul{
  margin:5px 3px 0 15px;
  padding: 0;
}

#sitemap-text li{
  padding: 0 0 2px 0;
  margin: 0;
}

#sitemap-text a{
  color: white;
  padding: 0;
  margin: 0;
}

#sitemap-text a:hover{
  color: #f7e59c;
}

#sitemap-product .sub{
  margin:0;
  padding:0 0 3px 10px;
}

#sitemap-text .sub li{
  list-style: none;
}


#sitemap-product{
  float: left;
  width: 240px;
}


#sitemap-info{
  float: left;
  width: 120px;
}

a.author{
  color:white;
  border:none;
}

#cleaner{
  clear: both;
}