#container{
	margin: 0px auto;
	z-index: 1;
	overflow: hidden;
	position: relative;
	background-image: url(images/bg_shadow.gif);
	background-repeat: repeat-y;
	width:968px;
}

body {
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
}

#page{
	width: 802px;
	overflow: hidden;
	position: relative;
	margin-left: 79px;
}

#header{
	width: 802px;
	height: 163px;
	background-image: url(images/header-1.png);
}

#nav{
	width: 802px;
}

#headers{
}

#content{
	background-image: url(images/bg_content.gif);
	height: auto;
}

/* ------------------------------------------------------------ */
/* Navigation                                                   */
/* ------------------------------------------------------------ */

.nav1 a
{
	background-color: #FC6;
	background-image: url(images/sidnav_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 14px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	position: relative;
	width: 256px;
	height: 23px;
}

.nav1 a:hover
{
	background-color: #F30;
	background-image: url(images/sidnav_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 14px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

/* ------------------------------------------------------------ */
/* 2 COLUMN CONTAINER                                           */
/* ------------------------------------------------------------ */

.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden;
}

.twoColumnContainer
{
	width: 790px;
	clear: both;
}

.twoColumnContainer #leftColumn
{
	width: 260px;
	float: left;
}

.twoColumnContainer #rightColumn
{
	float: right;
	width: 500px;
	padding-right: 5px;
}

/* ------------------------------------------------------------ */
/* End 2 COLUMN CONTAINER                                       */
/* ------------------------------------------------------------ */
#lefttxt
{
	width: 370px;
	font-size: 12px;
	margin-bottom: 15px;
	padding-top: 5px;
	font-family: Arial, Helvetica, Verdana;
}

#leftimage{
}

#righttxt{
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
}

.rightheader{
	font-size: 13px;
	font-weight: bold;
	padding-left: 3px;
}

.date{
	color: orange;
	padding-left: 17px;
	line-height: 18px;
}

.paragraph{
	padding-left: 17px;
}

.imgspacer{
	margin-right: 6px;
	margin-left: 4px;
}

.squareimgspacer{
	margin-right: 5px;
}

.prodmain{
	padding-top: 3px;
	margin-left: 13px;
	line-height: 13px;
}

.prodtxt{
	font-size: 12px;
	width: 360px;
}

.prodlink{
	margin-top: 6px;
}


a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: green;
	text-decoration: none;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: green;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}

.txtlink{
	line-height: 22px;
}

.productinfo{
	margin-right: 5px;
	color:green;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	cursor: pointer;
}

.productinfo:hover{
text-decoration: none;
}

#rightColumn a{
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: green;
text-decoration: none;
cursor: pointer !important;
}

#rightColumn a:hover{
color: red;
text-decoration: none;
}

.link{
	margin-left: 5px;
	margin-top: 5px;
}

.bottomlink {
	font-size: 11px;
}

#contentbottom{
}

p {
	line-height: 13px;
}


/*Styles for the Individual Product pages (lumber.html, molding.html, etc.)*/

.indproduct{
	margin-top: 5px;
}

.indprodheader{
	font-size: 18px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial;
}

.prodimage{
	background-image: url(images/product_img_background.jpg);
	background-repeat: no-repeat;
	height:247px;
	width:235px;
	padding-top: 9px;
	padding-left: 4px;
	float: left;
	padding-right: 10px;
	margin-top: 5px;
}

.indprodtxt{
	font-size: 12px;
	width: 315px;
	padding-top: 13px;
	float: left; 
}

.indprodtxttop{
	font-size: 12px;
	float: left;
	padding-bottom: 10px;
	width: 450px;
}

#topprodtxt{
	font-size: 12px;
	width: 490px;
}

/*END Styles*/






/*Styles for the Content Pages (about.html, contact.html, etc.)*/

.aboutproduct{
	padding-top: 5px;
}

.aboutprodheader{
	font-size: 18px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial;
}

.aboutimage{
	background-image: url(images/product_img_background.jpg);
	background-repeat: no-repeat;
	height:160px;
	width:154px;
	padding-top: 8px;
	padding-left: 4px;
	margin-bottom: 10px;
	float: right;
}

.aboutprodtxt{
	font-size: 12px;
	width: 325px; 
	float: left;
	margin-top: 9px;
}

.aboutprodtxt_noimg{
	font-size: 12px;
	width: 500px;
	float: left;
	margin-top: 9px;
}

#spacerdiv{
	height: 30px;
}

.linksheader{
	font-size: 17px;
	font-weight: bold;
	font-family: helvetica, verdana, arial;
}

/*END Styles*/





/*Styles for the Individual Product pages (lumber.html, molding.html, etc.)*/
.indproduct{
	margin-top: 5px;
}

.indprodheader{
	font-size: 17px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial;
}

.prodimage{
	background-image: url(images/product_img_background.jpg);
	background-repeat: no-repeat;
	height:171px;
	width:160px;
	padding-top: 8px;
	padding-left: 4px;
	float: left;
	margin-right: 10px;
}

.indprodtxt1{
	font-size: 12px;
	width: 325px;
	float: right;
}
.prodlist1
{
	line-height: 16px;
	margin-left: 20px;
	padding-left: 20px;
	margin-top: 6px;
}

.prodlist2
{
	line-height: 16px;
	margin-left: 0px;
	padding-left: 20px;
	margin-top: 6px;
}


/*END Styles*/



/*Styles for the Single Column Page*/

#single_content{
	background-image: url(images/singlecol_bg.gif);
}

#single_conthead{
margin-left: 25px;
padding-bottom: 20px;
height: 33px
}

/*End Styles*/


/*Styles for Gallery*/

#gallery{
	width: 750px;
	height: 500px;
	margin-left: 25px;
	background-color: gray;
}

/*End Styles for Gallery*/


/*FAQ and News Headlines*/
.question{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
	font-family: Helvetica, Verdana, Arial;
	width: 650px;
	margin-left: 30px;
}

.answer{
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial;
	width: 650px;
	margin-left: 30px;
}
/*End Styles for FAQ and News Headlines*/


/*Styles for the Footer*/

/*Contact*/
#contact{
	float: left;
	padding-left: 30px;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial;
	width: 200px;
	line-height: 14px;
}

.nameHeader{
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	font-family: Helvetica, Verdana, Arial;
}

.continfo{
	margin-bottom: 15px;
}

#map{
	float: right;
	width: 300px;
	height: 300px;
	margin-right: 50px;
}
/*End Styles for Contact*/


/*Styles for the Footer*/

#footer{
}

#footertop
{
	background-repeat: repeat;
	height: 11px;
	width: 802px;
	z-index: 100;
}

#footertxt{
	text-align: center;
	font-size: 12px;
	font-family: helvetica, verdana, arial;
	margin-top: 4px;
	margin-bottom: 5px;
}

#space{
	height: 55px;
}

/*Styles for the Footer*/


/*Finding Contractor*/
.statement{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
	font-family: Helvetica, Verdana, Arial;
}

/*End Styles for Finding Contractor*/


/*Glossaries*/
.glossary
{
	line-height: 16px;
	margin-left: -20px;
	list-style-type: none;
}
	
.definition
{
	list-style-image: url(images/decoration_square.gif);
	line-height: 16px;
	margin-left: -20px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
	font-family: Helvetica, Verdana, Arial;
}

#bottomline{
	background-image: url(images/line_underproduct.gif);
	height: 2px;
	width: 750px;
}
/*End Glossaries*/
#lefttable{
	padding-left: 25px;
	width: 609px;
}

.formheight{
	line-height: 20px;
}

.formspacer{
	height: 10px;
}

.tablestuff{
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial;
}

/* ------------------------------------------------------------ */
/* Products Sidenavigation                                      */
/* ------------------------------------------------------------ */


#leftnav{
margin: 0;
padding: 0;
width: 256px;
overflow: hidden;
}

#leftnav *{
cursor: pointer;
}

#leftnav ul{
margin: 0;
padding: 0;
width: 220px;
}

#leftnav li{
list-style: none;

background; red;
width: 256px;
border-bottom: 2px solid #d5d5d5;
}

#leftnav a{
display: block;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
margin-left: 15px;
width: 256px;

}

#leftnav a.level1{
line-height: 12px;
height: 24px;
line-height: 25px;
vertical-align: middle;
}

#leftnav li.expandable a img{
margin-right: 7px;
margin-left: 15px;
}

#leftnav li.expandable a{
margin: 0;
}


#leftnav a:hover{

}

#leftnav li.expandable ul{
display: none;
}

#leftnav li.expandable ul ul{
display: block;
}

#leftnav li.expandable li{
border: 0;
background: #fcf5e3;
}

#leftnav li.expandable li a{
padding: 2px 0px;
}

#leftnav li.expandable li a img{
width: 35px;
height: 15px;
}

#leftnav li.expandable li a:hover{
background: #fbb102;
}


/* Level3 */
#leftnav li.expandable li li a{
background: #fce7b6;
}

#leftnav li.expandable li li a:hover{
background: #fcc585;
}

#leftnav li.expandable li li a img{
width: 50px;
height: 15px;
}


.form-error{
padding: 20px;
background: #ffcccc url(images/error.gif);
background-position: 25px 25px;
background-repeat: no-repeat;
border: 8px solid red;
margin-bottom: 20px;
}

.form-error h2{
margin-left: 75px;
}

.form-error ul{
margin-left: 88px;
}

.form-error ul li{
list-style: disc;
}

.form-highlight{
font-weight: bold;
color: red;
}

.form-highlight input{
border: 3px solid red;
background: #ffcccc;
color: black;
}

.form-highlight textarea{
border: 3px solid red;
background: #ffcccc;
color: black;
}