body{
	background: url(/images/bamboo.jpg) center top;
    background-attachment: fixed;
    background-color: #6AB06A;
	margin:0px;
	padding:0px;
	color:#5F2615;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 14px;
	text-align: center;
}
h1{display: none;}
h2{display: none;}
h3{display: none;}
a{color:#5F2615;text-decoration: underline;}
a:visited{color:#217C1F;text-decoration: underline;}
a:hover {color:#A53F1B; text-decoration: none;}
a:active {color:#97D596; text-decoration: none;}

acronym { border: none; cursor: help; 
font-style: italic;}

#container{
	background: url(/images/div_bg.jpg) center top repeat-y;
	width:820px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1050px;
}

#neopolitancontainer{
	background: url(/images/div_bg.jpg) center top repeat-y;
	width:820px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:931px;
}

#endgraincontainer{
	background: url(/images/div_bg.jpg) center top repeat-y;
	width:820px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:875px;
}

#flooringcontainer{
	background: url(/images/div_bg.jpg) center top repeat-y;
	width:820px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1010px;
}

#strandcontainer{
	background: url(/images/div_bg.jpg) center top repeat-y;
	width:820px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1900px;
}

#plywoodcontainer{
	background: url(/images/div_bg.jpg) center top repeat-y;
	width:820px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1910px;
}

#contactcontainer{
	background: url(/images/div_bg.jpg) center top repeat-y;
	width:820px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:910px;
}


#preamble{
	position: absolute; top: 137px; left: 50px;
	padding-top:35px;
	width:813px;
}
#preamble h3{
	display:none;
}


#logo{
background-image: url(/images/header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 0px;
	width:820px;
	padding-top:35px;}


#welcome{
background-image: url(images/welcome.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:316px;
	padding-top:40px;}

#flooring{
background-image: url(/images/flooring.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:316px;
	padding-top:40px;}
    
#plywood2{
background-image: url(/images/plywood.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:316px;
	padding-top:40px;}

#ran1,#ran2,#ran3,#ran4 {
display:none;}

#updates{
background-image: url(/images/updates.jpg);
background-repeat: no-repeat;
position: absolute;
color:#5F2615;
font-family: Verdana, Tahoma, sans-serif;
font-size: 14px;
text-align: justify;
width:730px; 
top: 615px; 
left: 50px;
padding-top:40px;}


#bamboofaqs{
background-image: url(/images/bamboofaqs.jpg);
background-repeat: no-repeat;
position: absolute;
text-align:center; 
color:#97D596; 
font-size:13px;
width:730px; 
top: 800px; 
left: 50px;
padding-top:40px;}

#news{
background-image: url(/images/news.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:416px;
	padding-top:40px;}
    
#about{
background-image: url(/images/about.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:416px;
	padding-top:40px;}
    
#neopolitan{
background-image: url(/images/neopolitan.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:416px;
	padding-top:30px;}
    
#endgrain{
background-image: url(/images/endgrain.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:416px;
	padding-top:30px;}

#neopolitan3{
	position: absolute; top: 210px; left: 175px;
	width:336px;
	padding-top:30px;}
    
#tech{
background-image: url(/images/tech.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:416px;
	padding-top:40px;}
    
#plyboostrand{
background-image: url(/images/plyboostrand.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:416px;
	padding-top:40px;}      
  
#explanation3{
background-image: url("/CSS/images/confirmation.jpg");
background-repeat: no-repeat;
	position: absolute; top: 307px; left: 45px;
	width:600px;
	padding-top:35px;} 
    
#contact{
background-image: url(/images/contact.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:316px;
	padding-top:40px;}    
    
#confirmation{
background-image: url(/images/confirmation.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:450px;
	padding-top:40px;}    
    
#sitemap{
background-image: url(/images/sitemap.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:450px;
	padding-top:40px;}       
    
#explanation h3{display: none;}


#requirements h3{display: none;}


#footer{
position: absolute; 
top: 990px;
width:800px; 
font-size: 10px;
}


#neopolitanfooter{
position: absolute; 
top: 870px;
width:800px; 
font-size: 10px;
}

#endgrainfooter{
position: absolute; 
top: 815px;
width:800px; 
font-size: 10px;
}

#flooringfooter{
position: absolute; 
top: 950px;
width:800px; 
font-size: 10px;
}

#plywoodfooter{
position: absolute; 
top: 1850px;
width:800px; 
font-size: 10px;
}

#strandfooter{
position: absolute; top: 1840px;
width:800px; font-size: 10px;
}

#contactfooter{
position: absolute; top: 850px;
width:800px; font-size: 10px;
}

#intro{
	width:375px;
}

#pageHeader{
width:279px;
height:170px;

}



#index{
width:430px; 
position: absolute; top: 200px; left: 330px;
padding-top:60px;}

#plywood{
width:430px; 
position: absolute; top: 200px; left: 370px;
padding-top:60px;
}

#flooringthumbs{
width:430px; 
position: absolute; top: 630px; left: 330px;;
font-size: 11px;
text-align: center;
}

#events{
width:230px; 
position: absolute; top: 200px; left: 530px;
padding-top:60px;}

#bamboo{
width:430px; 
position: absolute; top: 202px; left: 529px;
padding-top:0px;}

#about2{
width:276px; 
position: absolute; top: 198px; left: 534px;
padding-top:0px;}

#lresources{
	position: absolute; top: 400px; right: 0px;
	width:185px;
	padding-top:0px;
	padding-top:35px;}



li{list-style-type: none;}
ul{padding-top:0px;
padding-left:0px;
padding-right:0px;
padding:0px;
margin:0px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#chromemenu{
width: 98%;
font-family: Verdana, Tahoma, sans-serif;
font-size: 14px;
font-weight: bold;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #813515;
width: 90%;
background: url(/images/chromebg.jpg) center center repeat-x;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #97D596;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #9C3F1A;
}

#chromemenu ul li a:hover{
background: url(/images/chromebg2.jpg) center center repeat-x;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #97D596;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 225px;
height: 80px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}