/* Browser Amnesia
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
/* table { border-collapse: separate; border-spacing: 0; } */
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
.homeimg {margin:10px 0px 0px 20px;}

/* Begin CSS
-------------------------------------------------------------- */
html {}
body {
	font-size: 75%;
	color: #222; 
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background: url('../img/struc/site_bg.png') repeat-x scroll top center;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 33px; margin-top: 0.1em; margin-bottom: 0.25em; color: #431c0f;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	text-transform: uppercase;
	display: block;
	font-size: 45%;
}
h4 span, h5 span, h6 span {
	font-size: 90%;
}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; font-size: 12px; }
/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } */
.imgleft	{ margin: 0px 4px 0 0; float:left;}
.imgright	{ margin: 0px 4px 0 7px; float:right;}
.flashtips {float: left; margin:0;}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }


a:focus, 
a:hover     { color: #000; }
a           { color: #91ba38; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

body#builddeck #body_content{ font-size: 12px; line-height: 23px; }
body#builddeck #bad_nav {float:left; width:310px; height:62px; margin-left:50px; position: absolute; top: 18px; right: 58px; }
	body#builddeck #bad_nav select#navselect_menu { width: 310px;}
	body#builddeck #bad_nav td {font-size:9px; color:#633;}
	body#builddeck #bad_nav td a:active, body#builddeck #bad_nav td a:link, body#builddeck #bad_nav td a:visited {font-size:9px; color:#968078; text-decoration:none}
	body#builddeck #bad_nav td a:hover {font-size:9px; color:#809266; text-decoration:none}
body#builddeck h2 {float:left; height:40px; margin-bottom:-7px; padding-top:14px}
body#builddeck h2.nowrap {float:none; height:62px; margin-bottom:-7px; padding-top:14px}
body#builddeck h4 {font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; color:#32621b; margin-bottom:4px;  height: auto;}
body#builddeck #bd_figure1 { float:right; position:relative; top:0px;}
body#builddeck #bd_figure_right { float:left; position:relative; top:0px; width:470px;}
body#builddeck #bd_figure_text {padding:65px 10px 0px 490px; height:290px; position:relative; top:0px; }
	body#builddeck #bd_figure_text img {padding:4px 4px 0px 0px; align:absmiddle; position:relative; top:5px}
body#builddeck #bd_figure1 img {padding-left:40px;} 
body#builddeck #maintable td {font-size:12px; color:#633; padding-left:7px;}
body#builddeck #maintablealt {font-size:12px; color:#633; padding-left:0px;}
body#builddeck #maintablealt td.tblbold {vertical-align:top;}
body#builddeck #builddeck_footer, body#real_wood_decking #builddeck_footer {height:40px}
body#builddeck #builddeck_footer_left, body#real_wood_decking #builddeck_footer_left  {float:left;}
body#builddeck #builddeck_footer_right, body#real_wood_decking #builddeck_footer_right {float:right; text-align: right;width:311px; font-family:Arial, Helvetica, sans-serif; font-size:11px}
	body#builddeck #builddeck_footer_right a, body#real_wood_decking #builddeck_footer_right a {color:#F63;}
	body#builddeck #builddeck_footer_right img, body#real_wood_decking #builddeck_footer_right img {padding:4px 0px 0px 3px; align:absmiddle; position:relative; top:5px}

.tiporange {font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#f27131;font-weight:bold;}
.totiny {font-size:8px; line-height: 9px;}
.caption {font-family:Verdana, Geneva, sans-serif;font-size:10px; line-height:12px}

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; font-size: 12px; }

ul.links li {border-bottom-style:solid; border-bottom-width:1px; border-bottom-color: #CCCCCC; line-height:25px; width:480px;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */
.sample_images_bottom {vertical-align:bottom; padding-bottom:10px;}
.sample_images_top {vertical-align:top;}

table.flooring_grade tr	th { border-bottom: 1px solid #d1d0b3; font-size: 12px; font-weight: bold; color: #f16722; vertical-align: bottom; padding: 10px 15px 1px 15px;}
table.flooring_grade tr	td { border: 1px solid #e5e4d3; border-top-width: 0px; font-size: 12px; color: #566d33; padding: 10px 15px;}
	table.flooring_grade tr	td strong { margin-right: 15px;}
table.flooring_grade tr.head_tr { border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
table.flooring_grade tr td.desc { border-left-width: 0px;}
tr.even	td	{ background:url(/img/struc/tablebkgd.png); }
table.flooring_grade tfoot tr td { border: none; color: #7f9064; font-size: 11px; line-height: 13px;}

#capTbl td {
	vertical-align:top;
}

body#builddeck #maintablealt_sub td {
	background-color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#566d33;
	padding: 15px 15px 15px 15px;
	line-height:13px;
	vertical-align:top;
}
body#builddeck #maintablealt_sub td.colorshow {
	background:url(/img/struc/tablebkgd.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#566d33;
	padding: 15px 15px 15px 15px;
	line-height:13px;
	vertical-align:top;
}

tr.oddrow td, tr.evenrow td.bkgdcolor {
	background:url(/img/struc/tablebkgd.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#566d33;
	padding: 11px 10px 11px 20px;
	line-height:13px;
}
tr.evenrow td  {
	background-color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#566d33;
	padding: 11px 15px 11px 20px;
	line-height:13px;
}
tr.evenrow td.tblbold, tr.oddrow td.tblbold {
	font-weight:bold;
}
tr.headerrow {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#f27131;
	padding: 0px 10px 0px 15px;
	font-weight:bold;
	line-height:13px;
	background-color:#FFFFFF;
}
tr.headerrow td {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#f27131;
	padding: 0px 10px 6px 15px;
	font-weight:bold;
	line-height:13px;
	background-color:#FFFFFF;
	vertical-align:bottom;
}
tr.headerrow td.headerrowfacts {
	padding: 0px 10px 6px 20px;
}

/* Dividers
-------------------------------------------------------------- */
#borderline {width:875px; height:1px; background-color:#e5e4d3;} 

/* Misc Global Classes
-------------------------------------------------------------- */
.right 		{ float: right; } /* YKMOFL */
.left 		{ float: left; }
.clear 		{ clear: both; }
.clearall	{ clear: both; width: 100%; display: block;}
.cleft 		{ clear: left; }
.cright 	{ clear: right; }
.clear:after, .cleft:after, .cright:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* Form Styling
-------------------------------------------------------------- */
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */
input.text, input.title,
textarea, select {
	margin:0.5em 0;
	border:1px solid #bbb;
}

#navselect select {
	font-size:11px;	
	border:1px solid #bbb;
	height:22px;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

.rightimg 		{ float: right; padding:0px 0px 15px 40px; } /* YKMOFL */
.titleimg  {margin-bottom:6px;}
#body_content .doubleline {
	margin: 10px 0px 20px 0px;
	height:10px;
	width:875px;
	background: url('../img/struc/doubleline.png') repeat-x scroll top center;
}
#body_content h2 {
	margin-bottom:22px;
}
#body_content h3 {
	color:#431c0f;
	font-size:14px;
	font-weight:bold;
}
	#body_content h3 img {
	vertical-align:middle;
	padding-left:10px;
}
#body_content h4 {
	color:#7c952f;
	font-size:13px;
	font-weight:bold;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Layout Elements
-------------------------------------------------------------- */
	#kontainer {
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		text-align: center;
		display: block;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
		#content {
			text-align: left;
			width: 981px;
			margin: 0 auto;
			padding: 0px 0px 167px 0px;
		}
			#header {
				position: relative;
			}
			body.index #header {
				/* background: url('../img/struc/header.png') no-repeat scroll 0px 32px; */
				width: 981px;
				height: 533px;
			}
			body.subpage #header {
				/* background: url('../img/struc/header.png') no-repeat scroll 0px 32px;*/
				width: 981px;
				height: 363px;
			}
				#header a.home_button {
					display: none;
					text-indent: -99999px;
					position: absolute;
					top: 12px;
					left: 6px;
					background: url('../img/struc/housey.gif') no-repeat scroll top left;
					width: 16px;
					height: 16px;
				}
					#header a.home_button:hover { background: url('../img/struc/housey.gif') no-repeat scroll bottom left; }
					body.subpage #header a.home_button {
						display: block;
					}
				#header h1 {
					position: relative;
					z-index: 9999;
					margin: 0px 60px 0px 50px;
					padding-top: 75px;
					font-size: 35px;
					font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
					color: #431c0f;
					font-weight: normal;
				}
					#header h1 strong {
						color: #213619;
						font-weight: normal;
					}
				#header #navcover {
					width: 981px;
					height: 100px;
					position: absolute;
					top: 93px;
					left: 0px;
					z-index: 11;
				}
				#header ul#nav {
					position: absolute;
						top: 141px;
						z-index: 10;
					width: 981px;
					height: 98px;
					margin: 0px;
					padding: 0px;
				}
					#header ul#nav li {
						display: inline;
						float: left;
						margin: 0px;
						padding: 0px;
					}
						#header ul#nav span.arrow, #header ul#nav span.arrow_ind {
							display: block;
							background: url('../img/struc/arrow.png') no-repeat scroll top left;
							width: 28px;
							height: 12px;
							position: absolute;
								top: 98px;
							display: none;
						}
							body.nwhy #kontainer #header ul span.arrow_ind, body #kontainer #content #header ul.nwhy span.arrow { display: block; left: 95px; }
							body.nrwd #kontainer #header ul span.arrow_ind, body #kontainer #content #header ul.nrwd span.arrow { display: block; left: 309px; }
							body.nbyb #kontainer #header ul span.arrow_ind, body #kontainer #content #header ul.nbyb span.arrow { display: block; left: 509px; }
							body.nbad #kontainer #header ul span.arrow_ind, body #kontainer #content #header ul.nbad span.arrow { display: block; left: 691px; }
							body.nbap #kontainer #header ul span.arrow_ind, body #kontainer #content #header ul.nbap span.arrow { display: block; left: 873px; }
							
							
							#header ul span.arrow { left: ; }
						#header ul#nav li a {
							float: left;
							display: block;
							width: 219px;
							height: 98px;
							text-indent: -99999px;
							background: transparent url('../img/struc/nav_sprited.png') no-repeat;
							margin: 0px;
							padding: 0px;
						}
						#header ul#nav li.nwhy a { width: 197px; background-position: 0px 54px; }
						#header ul#nav li.nrwd a { width: 232px; background-position: -198px 54px; }
						#header ul#nav li.nbyb a { width: 187px; background-position: -430px 54px; }
						#header ul#nav li.nbad a { width: 178px; background-position: -617px 54px; }
						#header ul#nav li.nbap a { width: 186px; background-position: -795px 54px; }
							body.nwhy #header ul#nav li.nwhy a, #header ul#nav li.nwhy a:hover { background-position: 0px -44px; }
							body.nrwd #header ul#nav li.nrwd a, #header ul#nav li.nrwd a:hover { background-position: -198px -44px; }
							body.nbyb #header ul#nav li.nbyb a, #header ul#nav li.nbyb a:hover { background-position: -430px -44px; }
							body.nbad #header ul#nav li.nbad a, #header ul#nav li.nbad a:hover { background-position: -617px -44px; }
							body.nbap #header ul#nav li.nbap a, #header ul#nav li.nbap a:hover { background-position: -795px -44px; }

				div#section_banner {
					position: absolute;
						top: 237px;
					width: 981px;
					height: 216px;
					overflow: hidden;
					background: transparent url('../img/struc/section_banner_bg.png') no-repeat bottom left;
				}
				body.index div#section_banner {
					height: 296px;
				}
				body.subpage div#section_banner {
					height: 126px;
				}
				
				
			#body_content {
				position: relative;
				background: url('../img/struc/content_bg.png') repeat-y scroll top left;
			}
				body.index #body_content, body.subpage #body_content {
					padding: 20px 50px 10px 50px;
					color: #32621b;
					font-size: 12px;
					line-height: 19px;
					font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
				}
				body.index #body_content img {
				
				}
				#body_content a {
					color: #91ba38;
					text-decoration:none;
					font-weight:bold;
				}
			#content_footer {
				background: url('../img/struc/content_footer.png') no-repeat scroll top left;
				width: 981px;
				height: 55px;
			}
				#content_footer ul.ancillary_nav {
					float: left;
					margin: 15px 0px 0px 20px;
					font-family: Georgia, Times, serif;
					font-size: 17px;
					color: #32621b;
				}
					#content_footer ul.ancillary_nav li {
						display: inline;
						float: left;
					}
						#content_footer ul.ancillary_nav li.last a {
							background-image: none;
						}
						#content_footer ul.ancillary_nav li a {
							display: block;
							float: left;
							color: #32621b;
							text-decoration: none;
							padding: 0px 21px 0px 19px;
							background: url('../img/struc/subnav_r_border.gif') no-repeat scroll center right;
						}
							#content_footer ul.ancillary_nav li a:hover, #content_footer ul.ancillary_nav li a:visited {
								color: #1C380F;
							}
							
/*							Icon List
--------------------------------------------*/
							ul.icon_list {
								float: right;
								width: 237px;
								border-top: 1px solid #d7d6ca;
								background-color: #FFF;
								margin: 0px 0px 20px 20px;
								padding: 0px;
							}
								ul.icon_list li {
									list-style-type: none;
									padding: 10px 15px 10px 90px;
									border-left: 1px solid #d7d6ca;
									border-right: 1px solid #d7d6ca;
									border-bottom: 1px solid #d7d6ca;
									background-position: 15px 15px;
									background-repeat: no-repeat;
								}
									ul.icon_list li.li_recycle { background-image: url('../img/struc/icon_recycle.png'); }
									ul.icon_list li.li_plant { background-image: url('../img/struc/icon_plant.png'); }
									ul.icon_list li.li_sun { background-image: url('../img/struc/icon_sun.png'); }
									ul.icon_list li.li_insulate { background-image: url('../img/struc/icon_insulate.png'); }
										ul.icon_list li p {
											font-size: 11px;
											color: #8e7769;
										}
							ul.linelist350 {
								margin-right: 350px;
								margin-left: 5px;
							}
								ul.linelist350 li {
									list-style-position: inside;
									padding-top: 5px;
									padding-bottom: 5px;
									border-bottom: 1px solid #e8e8d9;
								}
								ul.linelist350 li.last {
									border-bottom: none;
								}
							ul.linelist {
								margin-right: 260px;
								margin-left: 5px;
							}
								ul.linelist li {
									list-style-position: inside;
									padding-top: 5px;
									padding-bottom: 5px;
									border-bottom: 1px solid #e8e8d9;
								}
								ul.linelist li.last {
									border-bottom: none;
								}
				#content_footer form {
					float: right;
					position: relative;
					width: 214px;
					margin: 16px 16px 0px 0px;
				}
					#content_footer input#bottom_search { 
						position: absolute;
						font-family: Georgia, Times, serif;
						font-weight: normal;
						color: #467232;
						line-height: 16px;
						margin: 0px 0px 0px;
						padding: 7px 20px 0px 10px;
						width: 185px;
						height: 14px;
						background: #FFF url('../img/struc/search_arrow.png') no-repeat 94% 50%;
						border-top: 1px solid #a6b9b2;
						border-left: 1px solid #bccbc5;
						border-right: 1px solid #FFF;
						border-bottom: 1px solid #FFF;
						display: inline;
						float: left;
						font-size: 12px;
					}
					#content_footer form #search_go {
						display: inline;
						float: left;
						width: 15px;
						position: absolute;
							right: 4px;
						border: none;
						cursor: pointer;
						text-indent: -999999px;
						background-color: transparent;
					}
			#sub_content_footer {
				height:46px;
				position: relative;
			}	
				div#social_media {
					float: left;
					width: 405px;
					height: 20px;
					margin-top: 17px;
				}
					#sub_content_footer div#social_media p {
						margin: 0px 12px 0px 0px;
						float: left;
						padding: 0px;
						font-size: 10.2px;
						color: #73a135;
						line-height: 14px;
					}
					div#social_media ul {
						float: left;
						margin: 0px;
						padding: 0px;
					}
						div#social_media ul li {
							margin: 0px;
							padding: 0px;
							display: inline;
							float: left;
						}
							div#social_media ul li a {
								display: block;
								float: left;
								width: 16px;
								height: 16px;
								margin-right: 8px;
								background: transparent url('../img/struc/social_media_bg.png') no-repeat ;
								text-indent: -99999px;
							}
							div#social_media ul li a.fb { background-position: top left; display: none;} 		/* When adding Facebook link back in, 	*/
							div#social_media ul li a.tw { background-position: -16px 0px; }	/* take margin off of twitter 			*/
							div#social_media ul li a.li { background-position: -32px 0px; }
							div#social_media ul li a.yt { background-position: -48px 0px; }						
							div#social_media ul li a.wp { background-position: -64px 0px; }


				div#bottom_right { float:right; }
					div#sub_content_footer div#bottom_right a { float: right; text-decoration:none;color:#73a135;background-color:#fcfcfa;position:relative;top:7px;padding:8px 17px 9px 12px;border:1px solid #e7e7d8;margin-left:5px; display: block;}
						div#sub_content_footer div#bottom_right a:hover { color:#4B6B20;}
						div#sub_content_footer div#bottom_right a img { position:relative;top:2px;margin-left:4px;margin-right:4px;}
						
	#footer {
		background: #FFF url('../img/struc/footer_bg.png') repeat-x top left;
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		display: block;
		height: 159px;
		z-index: 999;
		padding: 0px;
		margin: 0px;
		color: #333;
		text-align: center;
		font-size: 12px;
	}
		#footer div.content {
			text-align: left;
			margin: 0px auto;
			padding: 0px;
			width: 981px;
		}
			div#left_footer {
				float: left;
			}
				div#left_footer p {
					margin-top: 24px;
					font-size: 10.2px;
					color: #73a135;
				}
			div#right_footer {
				float: right;
			}
				div#right_footer ul {
					float: right;
					display: block;
					margin: 14px 0px 0px 35px;
					padding: 10px 35px 0px 0px;
					border-right: 1px solid #E6E6E0;
				}
					div#right_footer ul.last {
						border-right-style: none;
					}
					div#right_footer ul li {
						list-style-type: none;
					}
						div#right_footer ul li a {
							text-decoration: none;
							font-size: 10.2px;
							color: #73a135;
						}
							div#right_footer ul li a:hover {
								color: #4B6B20;
							}
div.resourcesbox {
	float:right;
	margin-left:30px;
	line-height:0px;
	top:15px;
	position:relative; 
	padding-bottom:37px;
	width:309px;
}
#js_test {
	position: relative;
	z-index: 9999;
}