@charset "utf-8";
/* CSS Document */
html, body {margin:0px; padding:0px;height:100%;}
.hidden {display:none;}
h2 {
   margin:0px;
   padding:0px;
   font-family:Copperplate Light, Copperplate Gothic Light, serif;
   font-size:.95em;
   margin:25px 0 0 0;
   color:#333;
   font-weight:100;
}
#container {
   width:100%;
   min-height:100%;
   margin-bottom:-100px;
   margin-top:0 auto;
   margin-left:0 auto;
   margin-right:0 auto;
   position:relative;
}
.contain {
   width:809px;
   margin:0 auto;
   height:100%;
}
.header {
   width:809px;
   height:83px;
   background:url(images/header_back.jpg) no-repeat bottom center;
}
.logo {
   width:276px;
   height:49px;
   background:transparent url(images/logo.png) no-repeat;
   float:left;
   position:absolute;
   top:54px;
   width:276px;
   margin:0 0 0 10px;   
}
ul.nav {
   width:300px;
   height:50px;
   float:right;
   margin:30px 0 0 0;
   padding:0px;
}
ul.nav li {
   list-style:none;
   float:left;
   margin:0 10px 0 0;
}
ul li.last {margin:0px;}
ul.nav li a {
   color:#FFF;
}
ul.nav li ul {
   position:absolute;
   margin:0px;
   padding:0px;
   width:310px;
   padding:10px;
   margin:0 0 0 -10px;
   background:#FFF;
   display:none;
}

ul.nav li ul li {
      
}
ul.nav li ul li a {color:#000;}
ul.nav li a span {position:absolute;z-index:-999px;}
a.aboutus {
   background:url(images/nav.jpg) no-repeat 0px 8px;
   padding:0 20px;
}
a.aboutus:hover {background-position:0px -10px;}
a.services {
   background:url(images/nav.jpg) no-repeat -61px 8px;
   padding:0 27px;   
}
a.services:hover {background-position:-61px -10px;}
a.products {
   background:url(images/nav.jpg) no-repeat -120px 8px;
   padding:0 29px;   
}
a.products:hover {background-position: -120px -10px;}
a.contactus {
background:url(images/nav.jpg) no-repeat -180px 8px;
   padding:0 34px;   
}
a.contactus:hover {background-position:-180px -10px;}
a.links {
   background:url(images/nav.jpg) no-repeat -253px 8px;
   padding:0 17px;   
}
a.links:hover {background-position:-253px -10px;}
middle {
   width:809px;
   height:294px;
}
.left {
   float:left;
   width:6px;
   height:294px;
   background:url(images/bar_left.jpg) no-repeat left;
   border-right:1px solid #FFF;
}
.flash {
   float:left;
   width:795px;
   height:294px;
   background:url(images/flash_shadow.png) no-repeat center;
}
.player {
   width:795px;
   height:294px;
   position:absolute;
   z-index:-999;
}
.right {
   float:right;
   width:6px;
   height:294px;
   background:url(images/bar_right.jpg) no-repeat right;
   border-left:1px solid #fff;
}
.content {
   width:809px;
   height:100%;
   background:url(images/content_back.jpg) no-repeat top center;
   float:left;
   padding:40px 0 0 0;
   font-family:Arial,sans-serif;
}
.content p {font-size:.75em;color:#333;}
p.first {margin:40px 0 0 170px;}
.wrapper {
   padding:15px;
   width:779px;
   height:100%;

}
.wrapper img {
   float:left;
   margin:0 20px 0 0;
}
.wrapper p a {
   text-decoration:none;
   color:#006699;
   font-size:.75em;
}
.wrapper p a:hover {
   text-decoration:underline;
   color:#333;
}
.readmore {
   width:762px;
   height:31px;
   background:url(images/expand_back.jpg) no-repeat top right;
   text-align:right;
}
.readmore a {
   background: transparent url(images/readmore.png) no-repeat top left;
   font-family:Copperplate Light, Copperplate Gothic Light, serif;
   font-size:.6em;
   color:#666;
   text-decoration:none;
   margin:0 130px 0 0;
   line-height:20px;
   padding:0 0 0 10px;
}
.readmore a:hover {
   background-position:bottom left;
   color:#069;
}
#distributors {
}
a.thumbbig {position:relative}
a.thumbbig img {
   width:157px;
   height:77px;
   position:absolute;
}
.title {
   width:277px;
   height:69px;
   background:transparent url(images/title_back.png) no-repeat top left;
   float:left;
   position:absolute;
   top:355px;
   margin:0 0 0 10px;
   text-align:center;
}
a#title, a#title2, a#title3, a#title4, a#title:visited, a#title2:visited, a#title3:visited, a#title4:visited  {color:#000;text-decoration:none;font-size:1em;}
a#title:hover, a#title2:hover, a#title3:hover, a#title4:hover {color:#006699;}

#services_images {
   float:right;
   margin:-12px 0 0 0;
}
.contact_form {
   float:left;
   width:464px;
}
.contact_form input {
   background:#fff;
   border:1px solid #999;
   color:#666;
   font-size:.8em;
   height:20px;
   margin:0 0 10px;
   padding:3px 0 0 5px;
   width:464px;
}
.contact_form textarea {
   background:#fff;
   border:1px solid #999;
   color:#666;
   height:118px;
   margin:0 0 10px;
   padding:3px 0 0 5px;
   width:464px;
}
#send {
   margin:0px;
   padding:0px;
   width:100px;
   cursor:pointer;
}
#send:hover {
   background:#999
   color:#FFF;
}
.contact_info {
   background:url(images/contactinfo_back.jpg)  no-repeat;
   width:255px;
   height:199px;
   padding:15px 0 0 45px;
   float:right;
}
.links_info {
   width:464px;
   float:left;
}
ul.links_list {
   list-style:none;
   font-size:.75em;
   margin:0px;
   padding:0px;
}
ul.links_list li {
   margin:0 0 10px 0;
}
ul.links_list li a {
   text-decoration:none;
   color:#333;
}
ul.links_list li a:hover {
   text-decoration:underline;
   color:#006699;
}
.clearfooter {
   height:100px;
   clear:both;
}
#footer {
   width:100%;
   height:100px;  
   float:left;
   font-family:Arial,sans-serif;
   font-size:.7em;
   background:url(images/footer_bac.jpg) no-repeat center top;
   position:relative;
   bottom:0px;
}
ul.fleft {
   float:right;
   width:100px;
   list-style:none;
   margin:10px 0 0 0;
   padding:0px;
   
}
ul.fleft li a {
   text-decoration:none;
   color:#666;
}
ul.fleft li a:hover {
   text-decoration:underline;
   color:#006699;
}
ul.fright {
   float:left;
   width:650px;
   text-align:left;
   list-style:none;
   margin:20px 0 0 0;
   padding:0px;
}
ul.fright li {
   color:#333;
   float:left;
   margin:0 10px 0 0;
}
ul.fright li a {
   text-decoration:none;
   color:#333;
}
ul.fright li a:hover {
   text-decoration:underline;
   color:#006699;
}
ul.fright li ul {
   list-style:none;
   margin:0px;
   padding:0px;
}
ul.fright li ul li {}
.info_left {
	float:left;
	width:600px;
	padding:0 11px 0 0;
}
ul.info_right {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.info_right li {
	margin:0px;
	padding:0px;
	height:90px;
}
ul.info_right li a span{
	position:relative;
	text-align:center;
	top:32px;
	left:15px;
}
ul.info_right li a:hover {
	font:20px;	
}
ul.info_right li a {
	text-decoration:none;
	color:#000;
}
#expandinfo, #expandinfo2, #expandinfo3, #expandinfo4 {
	height:100%;	
}
.products_decking {
	min-height:350px;
	margin:10px 0 10px 0;
}
.products_flooring {
	min-height:350px;
	margin:10px 0 10px 0;
}
.products_doors {
	min-height:450px;
	margin:10px 0 10px 0;
}
.products_furniture {
	min-height:350px;
	margin:10px 0 10px 0;
}
.product_images {
	float:left;
	margin:0 10px 10px 0;
}
#cboxContent {
	font-size:.75em;
	font-family:Arial,sans-serif;
}