body {
	margin:0;
	background:#fff url("../images/new/bg2.png") repeat-x top;
	font-family: helvetica, arial, sans-serif;
	color:#333;
	font-size:12px;
	text-align:center; /* centers the frame in IE5 Win */
}

/* global values */

a { text-decoration:underline; color: #4d3220; }
a:hover { color: #000; }

a img { border:0 } /* turn off default borders around images inside anchors */

p, li, td { line-height:150% }
p { margin:0.8em 0 }

form { margin:0 }

h1, h2, h3, h4, h5 {
	color:#4d3220;
	font-weight:normal;
	line-height:150%;
	margin-bottom:0;
}

h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }

th, td { padding:0.3em 1em 0.3em 0; border-bottom:1px solid #ddd; text-align:left; vertical-align:top }
th { padding-top:1em }
table { border-spacing:0 }

/* layout DIVs */

#frame {
	text-align:left; /* reset the text-align value */
	width:740px;
	margin:0px auto;
}

#top {
	position:relative;
	height:127px;
	background:#fff url("../images/new/banner.jpg") no-repeat center right;
}

#top p#featured_competition_link {
	position:absolute;
	margin:0;
	top:10px;
	right:10px;
}

#top p#featured_competition_link a {
	border:1px solid #4d3220;
	background-color:#4d3220;
	padding:0.3em 0.7em;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#top p#featured_competition_link a:hover {
	background-color:black;
	border:1px solid #000;
}

/* some utility classes */

.hide { display:none }
#left ul li, #fullpagecontent ul li { list-style-image:url("../images/list-arrow.png"); }
#right ul li { list-style-image:url("../images/list-arrow2.png"); }
.right {
	float:right;
}
.left {
	float:left;
}

.textright {
	text-align:right;
}

.hilite {
	color:red;
}

img.right {
	margin:0 0 8px 8px;
}

.newspic {
	float:right;
	margin:1em 0 1em 1em;
}

.newspic img { border:1px solid #C6C4AC; }
.clear { clear:both }
.wee, .small { font-size:10px; color:#666 }

/* TOP LEVEL NAVIGATION */

#nav {
	height:29px;
	margin-bottom:0;
}

#nav ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: center;
	/* border-bottom:1px solid #FFC75A */
}

#nav ul li {
	display: inline;
	text-align: center;
	padding:0 0.5em 0 0;
	margin:0;
	font-size:12px;
	line-height:28px;
}

#nav ul li a { color:#B0A49C; text-decoration:none; }
#nav ul li a.selected, #nav ul li a:hover { color:#fff; }

/* /TOP LEVEL NAVIGATION */

/* Sub level nav */

#subnav {
	height:29px;
	background-color:#696046;
}

#subnav ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	/* border-bottom:1px solid #FFC75A */
}

#subnav ul li {
	display: inline;
	text-align: center;
	padding:0 0.5em 0 0;
	margin:0;
	font-size:11px;
	line-height:24px;
}

#subnav ul li a { color:#E3DFD0; text-decoration:none; }
#subnav ul li a.selected, #subnav ul li a:hover { color:#fff; }

/* sub level nav anchor ID rules are separated into individual stylesheets e.g. subnav-why.css for the 'why' section */

/* /Sub level nav */

/* Buttons */

ul.buttonList {
	list-style-type: none;
	margin:0px;
}

ul.buttonList li {
	padding-bottom:1em;
	list-style-image: none;
}

ul.buttonList li a {
	height:38px;
	width:228px;
	text-decoration: none;
	display: block;
	text-align: center;
	color:#fff;
}

a#button_findstockist { background: transparent url("../images/button_findstockist.gif") top no-repeat; }
a#button_findstockist:hover { background: transparent url("../images/button_findstockist_on.gif") top no-repeat; }

a#button_build { background: transparent url("../images/button_build.gif") top no-repeat; }
a#button_build:hover { background: transparent url("../images/button_build_on.gif") top no-repeat; }

a#button_mirage { background: transparent url("../images/button_mirage.gif") top no-repeat; }
a#button_mirage:hover { background: transparent url("../images/button_mirage_on.gif") top no-repeat; }

a#button_download { background: transparent url("../images/button_download.gif") top no-repeat; }
a#button_download:hover { background: transparent url("../images/button_download_on.gif") top no-repeat; }

a#button_decking { width:173px; background: transparent url("../images/button_deckboards.gif") top no-repeat; }
a#button_decking:hover { width:173px; background: transparent url("../images/button_deckboards_on.gif") top no-repeat; }

a#button_joists { width:173px; background: transparent url("../images/button_joists.gif") top no-repeat; }
a#button_joists:hover { width:173px; background: transparent url("../images/button_joists_on.gif") top no-repeat; }

a#button_balustrading { width:173px; background: transparent url("../images/button_balustrading.gif") top no-repeat; }
a#button_balustrading:hover { width:173px; background: transparent url("../images/button_balustrading_on.gif") top no-repeat; }

a#button_bsw {
	display:block;
	width:158px;
	height:27px;
	background: transparent url("../images/bsw-logo2.gif") top no-repeat;
}

a#pdf_button_warranty {
	display:block;
	width:180px;
	height:75px;
	background: transparent url("../images/pdf-button-warranty.gif") top no-repeat;
}

a#pdf_button_warranty:hover {
	background: transparent url("../images/pdf-button-warranty-on.gif") top no-repeat;
}

a#pdf_button_brochure {
	display:block;
	width:236px;
	height:75px;
	background: transparent url("../images/pdf-button-brochure.gif") top no-repeat;
}

a#pdf_button_brochure:hover {
	background: transparent url("../images/pdf-button-brochure-on.gif") top no-repeat;
}

a#range2007_button {
	display:block;
	width:236px;
	height:75px;
	background: transparent url("../images/2007range_button.gif") top no-repeat;
}

a#range2007_button:hover {
	background: transparent url("../images/2007range_button-on.gif") top no-repeat;
}

a#pdf_button_builddeck {
	display:block;
	width:180px;
	height:75px;
	background: transparent url("../images/pdf-button-buildeck.gif") top no-repeat;
}

a#pdf_button_builddeck:hover {
	background: transparent url("../images/pdf-button-buildeck-on.gif") top no-repeat;
}

a.button {
	padding:0.4em 0.7em;
	background-color:#4d3220;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

a.button:hover {
	background-color:black;
}

#leftHome li {
	text-align:left;
	list-style:none;
	margin:0;
	padding:0.2em 0;
}

#leftHome li a.button {
	display:block;
	border:1px solid #fff;
	width:190px;
	text-align:center;
}


/* /Buttons */

#content {
	/* background: #fff url("../images/new/content-bg-dark-left.png") left repeat-y; */
	background-color:#fff;
	border-bottom:6px solid #4D3220;
	/* clearing floats trick by http://annevankesteren.nl/archives/2005/03/clearing-floats */
	_height:1%;
  	overflow:auto;
}

#fullpagecontent {
	background-color: #fff;
	border-bottom:6px solid #4D3220;
  	padding-top:10px !important;
	padding:30px;
}

#left, #leftHome {
	float:left;
	width:297px;
}

#right {
	float:left;
	width:382px;
	padding-top:10px !important;
	padding:30px;
}

#footer {
	text-align:right;
}

#leftHome {
	/* background: #43401F url("../images/tablechairs2.jpg") top left no-repeat; */
	background: transparent url("../images/new/table-spa.jpg") top left no-repeat;
	padding-top:330px;
	text-align:center;
}

.bg_features {
	height:400px;
	background: transparent url("../images/deckingingravelgarden.jpg") center left no-repeat;
}

.bg_products {
	height:400px;
	/* background: transparent url("../images/singlechair.jpg") center right no-repeat; */
	background: transparent url("../images/new/deck-plant.jpg") center right no-repeat;
}

.bg_deckboards {
	height:450px;
	/* background: transparent url("../images/deckingandchair.jpg") center right no-repeat; */
	background: transparent url("../images/deckingcloseup.jpg") top center no-repeat;
}

.bg_grip {
	height:450px;
	/* background: transparent url("../images/deckingandchair.jpg") center right no-repeat; */
	background: transparent url("../images/deckingcloseup.jpg") top center no-repeat;
}

.bg_treatment {
	height:455px;
	/* background: transparent url("../images/beadingondeck.jpg") top center no-repeat; */
	background: transparent url("../images/prowax.jpg") top center no-repeat;
}

.bg_products .buttonList {
	margin:220px 0 20px 20px;
}

.bg_joists {
	height:411px;
	background: transparent url("../images/new/joists_posts.jpg") top center no-repeat;
}

.bg_why {
	height:400px;
	background: transparent url("../images/new/table-red-pots.jpg") top center no-repeat;
}

.bg_benefits {
	height:400px;
	background: transparent url("../images/new/axxys.jpg") bottom center no-repeat;
}

.bg_warranty {
	height:400px;
	/* background: transparent url("../images/deckingandchair-flipx.jpg") top center no-repeat; */
	background: transparent url("../images/new/hammock.jpg") bottom right no-repeat;
}

.bg_nhbc {
	height:240px;
	background: transparent url("../images/balconydecking.jpg") top center no-repeat;
}

/* heading image replacement rulles are in headings.css */

/* form fields */

form { margin:0; }
legend { font-weight:normal; color:#999; background-color:transparent }
fieldset {
	border:1px solid #ccc;
	background-color:#fff;
}

fieldset table {
	width:90%;
	margin:0.5em auto;
}

input, select, textarea {
	font-family: helvetica, arial, sans-serif;
	color: #826F2A;
	border:1px solid #826F2A;
	font-size:12px;
}

.submit {
	color:#fff;
	border-width:3px;
	background-color:#826F2A;
	font-weight:bold;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#pooh {
	display: none;
}

/* simple button */
.button a:link, .button a:visited {
	display:block;
	padding:0.4em 1em;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
	color: #c63;
	border:1px outset #826F2A;
	font-weight:bold;
}

.button a:hover { 
	border:1px outset #826F2A;
	background-color: #c63;
	color: #fff;
}

.button a:active { 
	border:1px outset #826F2A;
	background-color: #c63;
	color: #fff;
}

#balustradingProducts td {
	padding:0 15px 10px 0;
}

.thirdBox {
	width:200px;
	float:left;
	margin-right:20px;
}

.halfBox {
	width:300px;
	float:left;
	margin-right:20px;
}

.thirdBox img, .halfBox img {
	border:1px solid #826F2A;
}

/* Article Items */

.faqitem {
	padding-left:20px;
	background:url("../images/triangle-close.gif") 0 2px no-repeat;
}

.faqitem p:last-child {
	padding-bottom:1em;
	border-bottom: 1px solid #ccc;
}

/* hr styling from http://www.saila.com/usage/tips/defn.shtml?hr */

hr {
	text-align: center;
	width: 100%;
	height: 1px;
	color: #ccc;
	border: none;
	clear:both;
} /* For Internet Explorer */


html>body hr {
 	margin-right: 0;
 	width: 100%;
 	height: 1px;
 	background-color: #ccc;
 	border: none;
} /* For Gecko-based browsers */

html>body hr {
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	border: 0px solid #ccc;
} /* For Opera and Gecko-based browsers */

#right hr { color:#dce9b5; }
html>body #right hr { background-color:#dce9b5; border-color:#dce9b5; }

#form_frame {
	float:right;
	width:300px;
	border:1px dotted #7B7962;
	padding:10px;
	margin-left:10px;
	background-color:#ECEADD;
}

#form_frame td {
	text-align:left;
	vertical-align:top;
	padding:0.2em 0.2em 0.2em 0;
	/* white-space:nowrap; */
}

.nowrap {
	white-space:nowrap;
}

.contactdetails {
	padding-left:25px;
}



.tel { background:transparent url("../images/mobile_icon.gif") top left no-repeat; }
.fax { background:transparent url("../images/fax_icon.gif") top left no-repeat; }
.address { background:transparent url("../images/envelope_icon.gif") top left no-repeat; }

.building_images {
	float:right;
	margin:0 0 10px 10px;
}

.building_images p {
	margin-top:0;
	font-size:11px;
	color:#666;
	text-align:right;
}

.building_images img {
	border:1px solid #7B7962;
}

#gallery {
	margin:4px auto;
	border:1px solid #ddd;
}
#gallery td {
	padding:5px;
	font-size:11px;
	color:#666;
}

.gallerypic {
	border:2px solid #ccc;
}

#imagetitle {
	color:#69c;
}

#buildingForm {
	padding:0 1em;
	float:right;
}

#datatable td, th {
	padding:0.5em;
	border-bottom:1px solid #7B7962;
}

#datatable th {
	background-color:#7B7962;
	color:white;
}

.photocredit {
	color:#666;
	font-size:11px;
}

#welcome_right {
	width:195px;
	float:right;
	margin-left:10px;
}

#welcome_right ul {
	border:1px solid #ccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:1em 1em 1em 3em;
	margin:0;
}

#homeArticles h4 {
	border-bottom:1px solid #918341;
	margin-bottom:0.4em;
}

#homeArticles h3, #homeArticles p {
	margin:0.2em 0;
}


#treatmentprocess {
	width:160px;
	border:1px solid #657D2E;
	background:url(../images/flashlogo.gif) no-repeat 146px 14px #DDE4A4;
	text-decoration:none;
	padding:8px 20px 8px 8px;
}


#treatmentprocess a{
	text-decoration:none;
	width:18px;
	color:#918341;
	
	
}

#treatmentprocess a:hover{
	color:#333;
}

#ideas_examples td {
	padding:5px;
}

.pdf_download, .pdf {
	padding-left:20px;
	background:url(../images/pdf-small.gif) 0 3px no-repeat transparent;
}

/* slideshow rules */

#slideshow {
	width:250px;
	margin:10px 0 10px 20px;
}

#slide_holder {
	width:250px;
}

#slide_holder img {
	border:1px solid #4c321f;
}

ul#slide_selector {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#slide_selector li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	list-style-image:none;
}

#right ul#slide_selector li {
	list-style-image:none;
}

#slide_selector li a {
	display:block;
	padding:0.3em 0.6em;
	border:1px solid #4c321f;
	color:#4c321f;
	text-decoration:none;
	margin-right:2px;
}

#slide_selector li a:hover {
	background-color:#fff;
}

#slide_selector li a.selected {
	background-color:#fff;
}

#slideshowpro {
	width:600px;
	height:475px;
	margin:10px auto;
}