body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}


div
 {color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: 100;
}

a:link {text-decoration: none; color: #6E6E37; text-decoration: underline;}
a:visited {text-decoration: none; color: #6E6E37; text-decoration: underline;}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: #DD4A38;}

a.b:link {text-decoration: none; color: #6E6E37; text-decoration: none;}
a.b:visited {text-decoration: none; color: #6E6E37; text-decoration: none;}
a.b:active {text-decoration: none}
a.b:hover {text-decoration: underline; color: #DD4A38;
}

 h1
 { color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: justify;
   font-weight: 800;
   }
   
#lineone
{
 width: 978px;
 border:0px solid #D3D6CF;
 padding:0px;
 margin:0 auto;  
 background: url(images/bg_1.jpg) repeat top left;
}
   
h2
 { font-size:11px;
  font-weight: 800;
  font-family: Arial, Helvetica, sans-serif;
 }
   
h4
 { font-size:9px;
 font-family: Arial, Helvetica, sans-serif;
 }
   
#productheaders
{ 
   background: url(images/bg_header.jpg) no-repeat top left; 
   letter-spacing:3px;
   color:#FFFAF4;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style:italic;
   text-indent: 20px;
   font-weight: 800;
   width: 978px;
   height: 22px;
   padding-top: 10px;
}
 
  h4
 { font-size:9px;
 }
 
 
p
 {color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: 100;
}

p.pics
 {color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: 100;
}

p.small
 {color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: 100;
}

p.categories
 {color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: 100;
   letter-spacing:-1px;
}

.categoriesheader
 {
   color: #333333; 
   margin-top:2px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: 600;
   text-indent: 5px;
}

p.subheadings
 {color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: 800;
   text-indent: 30px;
}


#wrapper { 
 width: 978px;
 border:0px solid red;
 padding:0px;
 margin:0 auto;
}


#header { 
 margin: 0;
 width: 978px;
 border:0px solid red;
 padding:0px;
 margin:0 auto;
 background-color:#FFFFFF;
}

#nav { 
 width: 976px;
 Height: 19px;
 border:1px solid #D3D6CF;
 padding:0px;
 margin:0 auto;
 background-color:#FFEBD7;
}

#pagesright { 
 float:right;
 margin-top: 0px;
 width: 150px;
 border:0px solid red;
 padding:0px;
}

#pagesleft { 
 float:left;
 margin-top: 0px;
 width: 200px;
 border:0px solid red;
 padding:0px;
}

#pages { 
 float:left;
 margin-top: 0px;
 width: 978px;
 border:0px solid red;
 padding:0px;
 background: url(images/bg_1.jpg) repeat top left;
}

#pagestext { 
 float:left;
 margin-top:0px;
 width: 600px;
 border:0px solid red;
 padding:0px;
}

#pagestextpadding{
margin-top:10px;
margin-left:20px;
margin-right:0px;
background-color:#FFFFFF;
}

#pagestextpaddingdecking{
margin-top:10px;
margin-left:20px;
margin-right:10px;
}

#hometextpadding{
margin-top:10px;
margin-left:20px;
margin-right:20px;
}


#footer { 
 margin: 0px;
 width: 328px;
 border:0px solid red;
 padding:0px;
}


/* separate page styles /////////////////////////////////////////*/

#homepage { 
 float:left;
 margin: 0px;
 width: 978px;
 border:0px solid red;
 padding:0px;
 background: url(images/bg_1.jpg) repeat top left;
}

#homepagetext { 
 float:left;
 margin: 0px;
 width: 650px;
 border:0px solid red;
 padding:0px;
}

#homepageproducts {
 float:right;
 margin-top:4px;
 margin-right:0px;
 margin-bottom:0px;
 margin-left:0px;
 width: 320px;
 border:0px solid red;
 padding:0px;
}

#homepagectas { 
 float:left;
 margin: 0px;
 width: 650px;
 border:0px solid red;
 padding:0px;
}

#homepagectas-innerleft { 
 float:left;
 margin: 0px;
 width: 328px;
 border:0px solid red;
 padding:0px;
}

#homepagectas-inner { 
 float:right;
 margin: 0px;
 width: 328px;
 border:0px solid red;
 padding:0px;
}


#products { 
 float:left;
 margin: 0px;
 width: 978px;
 border:0px solid red;
 padding:0px;
 background: url(images/bg_1.jpg) repeat top left;
}

#products_left{ 
 float:left;
 margin-top: 10px;
 width: 678px;
 border:0px solid red;
 padding-top: 10px;

}

#products_decking{ 
 float:left;
 margin-top: 10px;
 width: 978px;
 border:0px solid red;
 padding-top: 10px;

}

#products_ctas { 
 float:right;
 margin: 0px;
 width: 300px;
 border:0px solid red;
 padding:0px;

}


/* Menu *******************************************/

#menu{margin:0px 0px 0px 0px;padding:0px;width:976px; background-color:#FFEBD7;}
#menuArea{ margin:0px 0px 0px 0px;padding:0px;width: 976px; background-color:#FFEBD7;}
#menuArea li{float:left;position:relative;text-align:left;list-style:none;margin:0px;margin-left:69px;padding:0px;}
#menuArea li a {display:block;padding:2px;margin:0px;}
#menuArea li ul {display:none;position:absolute;top:18px;left:-4px;background-color:#FFFFFF;border:1px solid #BBBBBB;border-top:0px;margin:0px;padding:0px;}
#menuArea li li {width:100%;text-align:left;background-color:#FFFFFF;border-top:1px solid #F4F4F4;margin:0px;padding:0px;}
#menuArea li li a {display:block;padding:3px;margin:0px;}
#menuArea li li a:hover {display:block;padding:3px;margin:0px;background-color:#FFEBD7;}
#menuArea li:hover ul, #menuArea li.over ul{display:block;margin:0px;padding:0px;}

#menuHome ul{width:115px;}
#menuProducts ul{width:115px;}
#menuWhyQ ul{width:100px;}
#menuProductSupport ul{width:140px;}
#menuWhereBuy ul{width:135px;}
#menuContactUs ul{width:135px;}
#menuAboutUs ul{width:140px;}


#menu a:active, #menu a:link, #menu a:visited{color:#333333;text-decoration:none;font-size:12px;}
#menu a:hover{color:#000000;text-decoration:none;}

#menu li li a:active, #menu li li a:link, #menu li li a:visited{color:#032803;text-decoration:none;font-size:11px;}
#menu li li a:hover{color:#032803;text-decoration:underline;}

a#menuSelected:active, a#menuSelected:link, a#menuSelected:visited{color:#000000;text-decoration:none;font-size:12px;}
a#menuSelected:hover{color:#032803;text-decoration:none;}
/*Trev Code*/

#pagestextright { 
 float:right;
 margin-top:5px;
 margin-right:5px;
 margin-bottom:5px;
 margin-left:15px;
 width: 135px;
 border:0px solid red;
 padding:0px;
}

#pagestextwidepadding{
margin-top:10px;
margin-left:20px;
margin-right:20px;
}
#pagestextnoimages { 
 float:left;
 margin-top:0px;
 width: 800px;
 border:0px solid red;
 padding:0px;
}
.list
 {color: #333333; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: 100;
} 
#pagestextwide { 
 float:left;
 margin-top:0px;
 width: 800px;
 border:0px solid red;
 padding:0px;
}
.greentext
{
   color: #6E6E37; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: 600;
   }
.textfirefox {font-size: 11px}

