* {
margin : 0;
padding : 0;
}

body {
padding : 0;
margin : 1px;
background-color : #000;
color : #000;
font-family : Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size : 75%;
}
.c:after {
content : ".";
clear : both;
display : block;
visibility : hidden;
height : 0;
font-size : 0;
line-height : 0;
}

.left {
clear : none;
float : left;
}
.right {
clear : none;
float : right;
}
.rel {
position : relative;
}
.static {
position : static;
}
.fixed {
position : fixed;
}
.abs {
position : absolute;
}
.print {
display : none;
}
.hidden {
visibility : hidden;
text-decoration : none;
}
.ta_l {
text-align : left;
}
.ta_c {
text-align : center;
}
.ta_r {
text-align : right;
}
.bold {
font-weight : bold;
}
.italic {
font-style : italic;
}
h1, h2, h3, h4, h5, h6, p, code, pre, q, blockquote, dl, ul, ol, #address {
padding : 0 5px 0 5px;
margin : 0;
font-size : 1em;
line-height : 1.25em;
font-family : Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
vertical-align : baseline;
color : #000;
font-weight : normal;
}
ul {
margin-left : 250px;
}
h1, h2, h3, h4, h5, h6, ul li {
font-weight : bold;
}
h1 {
font-size : 2.4em;
}
h2 {
font-size : 1.7em;
}
h3 {
font-size : 1.25em;
}
h4 {
font-size : 1.2em;
}
h5 {
font-size : 1.6em;
}
h6 {
font-size : 1.4em;
}
p {
font-size : 1.15em;
}
code, pre {
font-size : 1em;
}
q, blockquote {
font-size : 1em;
}
#address {
font-size : 1em;
color : #fff;
text-align : left;
}
#address2 {
font-size : 1em;
color : #000;
text-align : left;
margin-left : 50px;
}
div.org, div.adr {
font-weight : bold;
}
div.outer {
width : 1000px;
margin-left : auto;
margin-right : auto;
}
div.header {
text-align : center;
width : 1000px;
height : 163px;
background : url(images/layout/header.png) no-repeat 0 0;
font-size : 0;
}
div.header h1 {
visibility : hidden;
}
div.content {
width : 1000px;
background : url(images/layout/content_bg.png) 0 0;
}
ul#navigation {
padding : 0;
margin : 0;
top : 14px;
right : 20px;
display : block;
color : #fff;
vertical-align : top;
width : 242px;
}
ul#navigation li {
clear : none;
display : block;
margin : 0;
padding : 0;
vertical-align : top;
height : 30px;
}
ul#navigation li a {
display : block;
color : #fff;
font-size : 0;
line-height : 1em;
margin : 0;
padding : 0;
height : 30px;
text-decoration : none;
}
ul#navigation li a span, ul#navigation li.nav_top span {
visibility : hidden;
}
ul#navigation li.nav_top {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_top.png) no-repeat 0 0;
display : block;
color : #fff;
font-size : 0;
line-height : 1em;
margin : 0;
padding : 0;
height : 30px;
}
ul#navigation li.nav_home a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_home.png) no-repeat 0 0;
}
ul#navigation li.nav_decking a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_decking.png) no-repeat 0 0;
}
ul#navigation li.nav_railings a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_railings.png) no-repeat 0 0;
}
ul#navigation li.nav_fencing a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_fencing.png) no-repeat 0 0;
}
ul#navigation li.nav_pergolas a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_pergolas.png) no-repeat 0 0;
}
ul#navigation li.nav_lighting a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_lighting.png) no-repeat 0 0;
}
ul#navigation li.nav_hottubs a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_hottubs.png) no-repeat 0 0;
}
ul#navigation li.nav_specials a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_specials.png) no-repeat 0 0;
}
ul#navigation li.nav_partners a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_partners.png) no-repeat 0 0;
}
ul#navigation li.nav_hardware a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_hardware.png) no-repeat 0 0;
}
ul#navigation li.nav_about a {
width : 242px;
height : 30px;
background : url(images/layout/nav/nav_about.png) no-repeat 0 0;
}
ul#navigation li a:hover {
background-position : 0 -30px;
}
img {
border-style : none;
}
img.floatLeft {
float : left;
margin : 4px;
}
img.floatRight {
float : right;
margin : 4px;
}
img.floatLeftNoMarg {
float : left;
margin : 0;
margin-right : 5px;
}
img.floatRightNoMarg {
float : right;
margin : 0;
}
.red {
clear : none;
float : left;
width : 242px;
}
.green {
clear : none;
float : right;
width : 758px;
background-image : url(images/layout/content_top.png);
background-repeat : no-repeat;
background-position : left top;
}
.green h2 {
margin-bottom : 15px;
}
.green p {
margin-top : 5px;
margin-bottom : 5px;
}
.blue {
clear : both;
background : url(images/layout/content_bg.png) 0 0;
}
.blue:after {
content : ".";
clear : both;
display : block;
height : 0;
visibility : hidden;
}
div.footer {
text-align : center;
width : 1000px;
height : 148px;
background : url(images/layout/footer.png) no-repeat 0 0;
font-size : 1em;
position : relative;
}
#box0 {
width : 20%;
height : 55%;
position : absolute;
left : 20px;
top : 20px;
}
#box1, #box2, #box3 {
text-align : left;
}
#box1 {
background : url(images/layout/box1.png) no-repeat 0 0;
width : 250px;
height : 122px;
position : absolute;
left : 246px;
top : 4px;
}
#box2 {
background : url(images/layout/box2.png) no-repeat 0 0;
width : 250px;
height : 122px;
position : absolute;
left : 500px;
top : 4px;
}
#box3 {
background : url(images/layout/box3.png) no-repeat 0 0;
width : 244px;
height : 122px;
position : absolute;
left : 755px;
top : 4px;
}
#span1, #span2 {
width : 250px;
height : 122px;
position : absolute;
font-size : 0;
}
#span3 {
width : 244px;
height : 122px;
position : absolute;
font-size : 0;
}
div.footer2 {
text-align : center;
width : 1000px;
font-size : 0.8em;
position : relative;
}
ul#footernav {
position : absolute;
padding : 0;
margin : 0;
left : 100px;
display : block;
color : #fff;
vertical-align : top;
text-transform : uppercase;
}
ul#footernav li {
clear : none;
float : left;
display : block;
margin : 0;
padding : 5px;
vertical-align : top;
}
ul#footernav a {
color : #888;
}
ul#footernav a:hover {
color : #bbb;
}
div.contentbox {
margin : 1px;
padding : 5px;
clear : both;
display : block;
overflow : hidden;
}
div.halfbox {
margin : 1px;
padding : 0;
float : left;
width : 360px;
}
div.halfbox a {
font-size : 0.8em;
}
.aboutLeft {
clear : none;
float : left;
width : 315px;
margin : 0;
padding : 0;
text-align : left;
}
.aboutRight {
clear : none;
float : right;
width : 430px;
margin : 0;
padding : 0;
}
.green h3 {
background : #7c0c0d;
margin-left : 5px;
margin-right : 11px;
margin-top : 5px;
margin-bottom : 5px;
color : white;
}
.green #banner {
background : #7c0c0d;
margin-left : 5px;
margin-right : 5px;
margin-top : 15px;
padding : 2px;
width : 97.4%;
color : white;
}
.green .banner {
background : #7c0c0d;
margin-left : 5px;
margin-right : 5px;
margin-top : 15px;
padding : 2px;
width : 97.4%;
color : white;
}
.centercontent {
text-align : center;
}
.centercontent img {
margin-left : 50px;
margin-right : 50px;
margin-bottom : 10px;
}
#banner img {
vertical-align : top;
}
.banner img {
vertical-align : top;
}
div.specialsbox {
background-color : #808080;
border : 2px solid #999999;
height : 210px;
text-align : center;
}
div.specialsbox p {
color : #ffffff;
font-weight : bold;
font-size : 1.4em;
}
div.specialsbox #leftbox {
margin-top : 15px;
}
div.quarterbox {
margin : 1px;
padding : 0;
float : left;
width : 180px;
}
div.quarterbox a {
font-size : 1em;
text-decoration : none;
}
.gallerybanner{
text-decoration : none;
}
.centercontent table {
width : 600px;
text-align : left;
margin-left : 100px;
margin-top : 15px;
margin-bottom : 15px;
}
div.wrapper {
margin-bottom : 1em;
}
.centercontent table th {
width : 50%;
}
.wrapper ul {
width : 500px;
margin-left : 150px;
}
.wrapper ul li {
float : left;
width : 250px;
}

br {
clear : left;
}

.green br{
clear: none;
}

#shadetree{
margin-left: 20px;
}

br#clearLeft{
clear: left;
}