/* Color Guide
Color Name 1 - Hex Code
Color Name 2 - Hex Code
----------------------------------------- */
/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { background: #e9e9ce; font-family: Verdana, Geneva, sans-serif; font-size: 0.8em; color: #333; }
ul, li { list-style: none; }
img { border: none; }
h1 { background: inherit; color: #000; font-family: "Times New Roman", Times, serif; font-size: 2em; font-weight: bold; padding: 10px 0 0px; font-style: italic; }
h2 { background: inherit; color: #4c4e02; font-family: "Times New Roman", Times, serif; font-size: 1.7em; font-weight: bold; padding: 10px 0 0px; font-style: italic; }
h3 { font-size: 110%; font-weight: bold; padding: 5px 0; }
h4 { background: inherit; color: #4c4e02; font-family: "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold; padding: 10px 40px; font-style: italic; }
h4 a{
	text-decoration: none;
}
h4 a:hover{
	color: #4c4e02;
}

p { line-height: 1.4em; margin: 10px 0; }
a { background-color: inherit; color: #505207; text-decoration: underline; }
a:hover { background-color: inherit; color: #81572b; text-decoration: none; }
.clear { clear: both; }
.clearspace {
	clear: both;
	height: 20px;
}
.olivegreen {
	color: #4c4e02;
}



/* Main Divs
----------------------------------------- */
#header { background: url(../images/header_bg.jpg) 0 0 repeat-x; height: 343px; width: 100%; }
#indexhead {
	height: 320px;
	margin: 0 auto;
	width: 1000px;
	padding-top: 20px;
}
#insideheader { background: #000 url(../images/inside_header_bg.jpg) 0 0 repeat-x; height: 172px; width: 100%; }
#fscheader { background: url(../images/headerfsc_bg.jpg) 0 0 repeat-x; height: 172px; }
#reclaimedheader { background: url(../images/headerreclaimed_bg.jpg) 0 0 repeat-x; height: 172px; }
#renewableheader { background: url(../images/headerrenewable_bg.jpg) 0 0 repeat-x; height: 172px; }
#reconstitutedheader { background: url(../images/headerreconstituted_bg.jpg) 0 0 repeat-x; height: 172px; }
.logo { float: left; margin: 10px 0; text-align: center; width: 50%; }
.indexpic { float: left; margin: 50px 0 0 50px; text-align: left; }
.fsc { float: left; margin: 5px 0 0 250px; text-align: left; }

#wrapper {
	background: #d5d5b7 url(../images/wrapper_bg.jpg) 0 0 repeat-x;
	color: #000;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}
#contentwrap { background: inherit; color: #000; margin: 5px auto; padding: 10px 0 10px 40px; text-align: left; width: 900px; } 
#content{ float: left; margin: 0 40px 0 10px; width: 520px; }
#header {
}



/* Homepage Divs
----------------------------------------- */
#content_home_top{
	float: left;
	margin-bottom: 5px;
}
#content_home_top h2{
	font-size: 1.5em;
}
#content_home_left{
	float: left;
	width: 340px;
	margin-right: 40px;
	background: #FFFFFF url(../images/bkgd_home.jpg) repeat-y 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
}
#content_home_left p {
	font: 1.1em Verdana, Geneva, sans-serif;
}
#content_home_wrapper{
	float: left;
	width: 480px;
}
#content_home_widewrapper{
	margin-bottom: 20px;
}
#content_home_center{
	float: left;
	width: 140px;
	margin-right: 20px;
}
#content_home_center p{
	font-size: .9em;
	font-weight: bold;
	margin: 0px;
}
#content_home_center a{
	color: #000000;
	text-decoration: none;
}
#content_home_center a:hover{
	color: #81572b;
}
#content_home_center h2{
	font-size: 1.5em;
}
#content_home_center img{
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#content_home_right {
	float: left;
	width: 140px;
	margin-right: 20px;
}
#content_home_right p{
	font-size: .9em;
	font-weight: bold;
	margin: 0px;
}
#content_home_right a{
	color: #000000;
	text-decoration: none;
}
#content_home_right a:hover{
	color: #81572b;
}
#content_home_right h2{
	font-size: 1.5em;
	margin-bottom: 10px;
}
#content_home_right img{
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#content_home_farright {
	float: left;
	width: 140px;
}
#content_home_farright p{
	font-size: .9em;
	font-weight: bold;
	margin: 0px;
}
#content_home_farright a{
	color: #000000;
	text-decoration: none;
}
#content_home_farright a:hover{
	color: #81572b;
}
#content_home_farright h2{
	font-size: 1.5em;
	margin-bottom: 10px;
}
#content_home_farright img{
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#content_home_bottom{
	float: left;
	margin-top: 20px;
}
#content_home_bottom h2{
	font-size: 1.5em;
}
#content_home_bottom ul{
}
#content_home_bottom li{
	display: inline;
	padding-right: 40px;
}


/* About Divs
----------------------------------------- */
#content_about{
	float: left;
	margin: 0 40px 0 10px;
	width: 320px;
}
#content_about p{
	font: 1.1em Verdana, Geneva, sans-serif;
}
#content_about_right{
	float: left;
	padding: 5px 20px 20px 20px;
	width: 480px;
	background: url(../images/bkgd_about.jpg) repeat-y 0px 0px;
}
#content_about_right p{
}
#content_about img{
	float: left;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}


/* Products Divs
----------------------------------------- */
#content_products{
	float: left;
	margin: 0 40px 0 10px;
	width: 300px;
}
#content_products p{
	margin: 0px 0px 20px;
}
#content_products p a{
	color: #000000;
}
#content_products h1{
	margin-bottom: 10px;
}
#content_products h5{
	margin-bottom: 5px;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}
#content_products img{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
#content_products_right {
	float: left;
	padding: 5px 20px 40px 0;
	width: 520px;
}
#content_products_right p{
	font: 1.1em Verdana, Geneva, sans-serif;
}

/* Reclaimed Divs
----------------------------------------- */
#content_products_reclaimed{
	float: left;
	margin: 0 40px 0 10px;
	width: 510px;
}
#content_products_reclaimed p{
	margin: 0px 0px 10px;
}
#content_products_reclaimed h1{
	margin-bottom: 10px;
}
#content_products_reclaimed img{
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	margin-top: 5px;
}
#content_products_reclaimed_right {
	float: left;
	padding: 0px 20px 40px 0;
	width: 300px;
}
#content_products_reclaimed_right p{
	font: 1.1em Verdana, Geneva, sans-serif;
}
#content_products_reclaimed_right li{
	font: 1.1em Verdana, Geneva, sans-serif;
	margin-bottom: 5px;
}
#content_products_reclaimed_right img{
	margin-bottom: 5px;
	margin-top: 10px;
}

/* Renewable Divs
----------------------------------------- */
#content_products_renewable_left{
	float: left;
	margin: 0 60px 0 0px;
	width: 400px;
}
#content_products_renewable_left img{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}
#content_products_renewable_left h5{
	font-size: 1em;
	margin-top: 5px;
}
#content_products_renewable_right{
	float: left;
	margin: 0 0px;
	width: 400px;
}
#content_products_renewable_right img{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}
#content_products_renewable_right h5{
	font-size: 1em;
	margin-top: 5px;
}
#content_products_renewable_title{
	margin-bottom: 10px;
}


/* Veneers Divs
----------------------------------------- */
#content_products_veneer_title {
	float: left;
	margin: 0 10px 0 10px;
	width: 900px;
}
.veneers_block {
	width: 900px;
}
.content_products_veneer_left {
	float: left;
	margin: 0 20px 20px 10px;
	width: 520px;
}
.content_products_veneer_left img {
	float: left;
	margin-right: 10px;
}
.content_products_veneer_right {
	float: left;
	width: 340px;
	margin-bottom: 20px;
	padding-top: 10px;
}
.content_products_veneer_right td {
	font-size:.85em;
	text-align:center;
	padding:10px;
	vertical-align: top;
}
.content_products_veneer_right p {
	font-size:0.85em;
	margin: 0px 0px 0px 10px;
	font-style: italic;
}
.content_products_veneer_right2 {
	float: left;
	width: 400px;
	margin-bottom: 20px;
}
.content_products_veneer_right2 p{
	font-weight: bold;
	margin: 5px 0px 0px;
}
.content_products_veneer_right2 td {
	font-size:0.85em;
	text-align:center;
	padding:10px 10px 10px 0px;
	vertical-align: top;
}
.content_products_veneer_right2 h3 {
	color: #4c4e02;
	padding: 10px 0px 0px;
	font: italic normal 1.5em "Times New Roman", Times, serif;
}
.content_products_veneer_left2 {
	float: left;
	margin: 0 60px 20px 10px;
	width: 400px;
}
.content_products_veneer_left2 img {
	float: left;
	margin-right: 10px;
}

/* Hardware Divs
----------------------------------------- */
#content_products_hardware_title {
	float: left;
	margin: 0 0 10;
	width: 900px;
}
#content_products_hardware_title p{
	margin-right: 200px;
	margin-bottom: 20px;
	font-size: 1.1em;
}
.hardware_block {
	width: 400px;
	margin-bottom: 5px;
}
.hardware_block:after {
	content: ".";
	clear: both;
	visibility: hidden;
	display: block;
}
#content_products_hardware_left{
	float: left;
	margin: 0 60px 0 0px;
	width: 400px;
}
#content_products_hardware_left img{
	float: right;
	margin: 3px 0px 0px 10px;
}
#content_products_hardware_left p{
	margin: 0px 180px 0px 0px;
}
#content_products_hardware_left h5{
	font-size: 1em;
	margin-top: 5px;
}
#content_products_hardware_right{
	float: left;
	margin: 0 0px;
	width: 400px;
}
#content_products_hardware_right img{
	float: right;
	margin: 3px 0px 0px 10px;
}
#content_products_hardware_right p{
	margin: 0px 180px 0px 0px;
}
#content_products_hardware_right h5{
	font-size: 1em;
	margin-top: 5px;
}
#content_products_hardware_fullwidth{
	float: left;
	margin: 10 0 0;
	width: 850px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content_products_hardware_fullwidth p{
	margin: 0px;
	padding-right: 200px;
}
#content_products_hardware_fullwidth h5{
	font-size: 1em;
	margin-bottom: 5px;
}
#content_products_hardware_fullwidth img{
	border: 1px solid #AAAAAA;
	margin-right: 20px;
}
#content_products_hardware_fullwidth_hafele{
}
#content_products_hardware_fullwidth_hafele .centerblock{
	font-size: 1em;
	float: left;
	width: 275px;
	margin-bottom: 10px;
	padding-top: 10px;
}
#content_products_hardware_fullwidth_hafele .centerblock p{
	padding-right: 10px;
	padding-left: 15px;
	margin-top: 0px;
}
#content_products_hardware_fullwidth_hafele img{
	float: right;
}


/* Endorsements Divs
----------------------------------------- */
#content_endorse{
	float: left;
	margin: 0 40px 0 10px;
	width: 520px;
}
#content_endorse h1{
	margin: 0px 0px 10px;
}
#content_endorse p{
	margin: 0px 0px 5px;
	color: #000000;
}
#content_endorse p a{
	color: #000000;
	text-decoration: underline;
}
#content_endorse img{
	margin-top: 20px;
	margin-bottom: 10px;
}


/* Endorsements Divs
----------------------------------------- */
#content_endorse_right {
	float: left;
	padding: 5px 20px 40px 0;
	width: 300px;
}
#content_endorse_right p{
	font: 1.1em Verdana, Geneva, sans-serif;
}
#content_endorse_right img{
	margin-right: 10px;
	float: left;
}

/* FAQ Divs
----------------------------------------- */
#content_faq_right {
	float: left;
	padding: 0px 20px 40px 0;
	width: 300px;
}
#content_faq_right p{
	font: 1.1em Verdana, Geneva, sans-serif;
}
#content_faq_right li{
	font: 1.1em Verdana, Geneva, sans-serif;
	margin-bottom: 10px;
}



#greenproducts { float: left; padding: 5px 20px 40px 0; width: 300px; }
#greenproducts h2 { }
#greenproducts li {padding: 10px 0 0 10px; }
#greenproducts p.gogreen { background: inherit; color: #4c4e02; font-weight: bold; font-size: 1.2em; margin-top:0; padding: 0 15px; }
#greenproducts .greenborder { background-color:#f1f1db; border:1px solid #4c4e02; margin-top: 60px; width:260px; }

#products { border:none; border-collapse: collapse; width: 280px; margin-top:50px; }
#products td { font-size:.85em; text-align:center; padding:10px; }
#products a img { border: 1px solid #485000; height: 83px; margin-bottom:5px; padding: 4px; width: 100px; }
#products a:hover img { border: 1px solid #000; }


#partners { margin: 0 auto 25px auto; text-align: center; width: 845px; }
#partners li.first { padding-left: 45px; }
#partners li { display: inline; text-align:center; padding: 0 50px; }

/* Gallery Page */
#gallerycontent { float: left; margin: 0 50px; padding: 0 10px; width: 685px; }
#gallerycontent h2 { text-align:center; }
.portthumb { float:left; padding: 0 10px 25px 40px; width: 100%; }
.portthumb li { float: left; padding: 0 0 10px 10px; }
.portthumb a img { background-color: #f6f1db; border: 1px solid #485000; width: 135px; height: 110px; padding: 4px; }
.portthumb a:hover img { border: 1px solid #b0b360; }

#faqlist li { background: url('../images/arrow.gif') no-repeat 0 4px; padding: 0 0 10px 15px; }
#faqlist li a { text-decoration: none; }
#faqlist li a:hover { text-decoration: underline; }

.bullet li { background: url('../images/bullet.gif') no-repeat 0 4px; padding: 0 0 10px 15px; }

#topnav { background-color: #b0b360; border-top:1px solid #4c4e02; border-bottom:1px solid #4c4e02; color: #4c4e02; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; height: 21px; padding: 3px 0; text-align: center; }
#topnav ul { margin: 0 auto; text-align: center; /*width: 960px;*/ }
#topnav li { background: url(../images/separator.gif) left center no-repeat; display: inline; padding:0 10px 0 20px; text-align: center; }
#topnav li.first { background: none; }
#topnav li a { text-decoration: none; }
#topnav a:hover { background-color:inherit; color:#e9e9ce; text-decoration: none; }
#topnav a:hover, .bhome #topnav a.home, .babout #topnav a.about, .bprocess #topnav a.process, .bgreenproducts #topnav a.greenproducts, .bendorse #topnav a.endorse, .bgallery #topnav a.gallery, .bfaq #topnav a.faq, .bcontact #topnav a.contact { background-color:inherit; color:#e9e9ce; text-decoration:none; }



#dropmenudiv {
	background-color: #e9e9ce;
	border:1px solid #4c4e02;
	line-height: 18px;
	margin: 5px 0;
	position: absolute;
	z-index: 100;
}
#dropmenudiv a {
	display: block;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 3px;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
#dropmenudiv a:hover { background-color: #e9e9ce; }

/* Footer 
------------------------ */
#footer { background-color: #e9e9ce; border-top: 3px solid #b0b360; color:#70461a; padding:10px 0; text-align:center; }
#footer li { background: url(../images/fseperator.gif) 0 3px no-repeat; display:inline; padding:0 15px; }
#footer li.first { background:none; }
#footer li a { background-color:inherit; color:#626509; text-decoration: underline; }
#footer li a:hover { background-color:inherit; color:#b0b360; text-decoration: none; }
#footer a { background-color:inherit; color:#70461a; }
#footer a:hover { background-color:inherit; color:#81572b; }
#footer p { font-size:0.85em; }
#footer a:hover, .bhome #footer a.fhome, .babout #footer a.fabout, .bprocess #footer a.fprocess, .bgreenproducts #footer a.fgreenproducts,
.bgallery #footer a.fgallery, .bfaq #footer a.ffaq, .bcontact #footer a.fcontact { background-color:inherit; color:#b0b360; text-decoration:none; }

/* Contact Form
----------------------------------------- */
form { margin: 0 0 30px 0; padding: 0; }
fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #4c4e02; }
legend { background: inherit; color: #4c4e02; font-size: 1.3em; font-weight: bold; padding: 0 4px 8px 4px; }
dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last { font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select { margin: 5px 0; border: 1px solid #4c4e02; font-family: inherit; font-size: 1em; padding: 1px 3px; }
input.submit { margin-top: 1em; padding: 3px; color: inherit; background-color: #b0b360; }
.errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

#contactmap { float: left; margin-right:20px; padding: 0 10px; width: 300px; }

#contactform { float: left; padding: 60px 0 50px 10px; width: 480px; }


/* Text ToolTip
----------------------------------------- */
a.info{ position:relative; /*this is the key*/ z-index:24; background: inherit; color:#626509; text-decoration:underline; white-space: nowrap; }
a.info:hover{ z-index:25; background: transparent; color: #81572b; }
a.info span { display: none; }
a.info:hover span{ /*the span will display just on :hover state*/ 
background-color:#fff; border: 1px solid #4c4e02; color:#4c4e02; display: block; font-size: 0.8em; left:2em; padding: 7px; position: absolute; text-align: left; text-decoration: none; top: -5em; width:20em; white-space: normal; }

/* Images
----------------------------------------- */
img { border: none; }
img.mainpic { border: 2px solid #000; width: 399px; height: 249px; }
img.questionmark { width: 142px; height: 242px; margin: 50px; }
img.sidebar { padding-top: 10px; }
img.gogreenpic { margin: 10px 0 0 45px; }
img.sidebarpic { border:1px solid #4c4e02; margin-top:60px; padding: 4px; }


/* Self Cleared Float
----------------------------------------- */
#topnav:after,
#header:after,
#wrapper:after,
#contentwrap:after,
#partners:after,
#greenproducts:after,
#mockup:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

/* Extras
----------------------------------------- */
#mockup {
	background: url(../images/homepage.jpg) no-repeat center top;
	height: 484px;
}