/* CSS Document */

body{background: #fdfdfc url(../images/background.jpg) repeat-x bottom; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; color:#000;}


a:link {color:#8F6928; text-decoration:underline;}
a:hover {color:#C28F3E; text-decoration:underline;}
a:visited {color:#8F6928; text-decoration:underline;}

/* ---{Containers}--- */
#wrapper {width:804px; height:auto; margin-left:auto; margin-right:auto;}
#logo {width:419px; height:68px; float:left;}
#maincontent {width:804px; height:575px; background:url(../images/bg_repeat_main.jpg) repeat-y; float:left;}
#chairfade {width:417px; height:275px; background:url(../images/img_fadeimage.jpg) no-repeat right bottom; float:left;}
#flashholder {width:779px; height:289px; margin-left:auto; margin-right:auto; padding-top:15px;}
#pp1 {background:url(../images/bg_pp1.jpg) no-repeat; width:364px; font-family: Arial, Helvetica, sans-serif; height:205px; float:left; padding: 55px 5px 0px 12px; margin-left:3px;}
#pp2 {background:url(../images/pp2.jpg) no-repeat; width:169px; height:67px; float:left; margin-left:15px; padding:175px 8px 0 8px;}
#pp3 {background:url(../images/pp3.jpg) no-repeat; width:169px; height:67px; float:left; margin-left:15px; padding:175px 8px 0 8px;}
#pp4 {background:#bab095;/*url(../images/bg_asfeaturedin.jpg) no-repeat;*/ font-family: Arial, Helvetica, sans-serif; width:324px; height:auto; float:left; padding: 0px 10px 5px 15px; color:#FFF;}
#pp4 h1{font-size:15px; font-family: Arial, Helvetica, sans-serif; font:bold; color:#903a39;}
#footer {background:url(../images/bg_footer.jpg) no-repeat; width:805px; height:118px; margin-left:auto; margin-right:auto; float:left; padding: 0px 0px 0px 120px;}
#subfooter {width:390px; position:relative; bottom:20px; left:220px;}
a img {border:none;}

/* ---{Sub-Pages}--- */
#subcontentbg {width:804px; min-height:575px; !important height:auto; background:url(../images/bg_repeat_main.jpg) repeat-y; float:left; background-color:##CCCCCC}
#subpagemain {width:550px; padding: 0px 0px 15px 50px;}
#gallerymain {width:700px; padding: 0px 0px 30px 50px;}
#subbgfooter {/*width:404px;*/width:805px;height:20px; background:url(../images/bg_repeat_main.jpg) repeat-y; /*padding: 0px 200px 10px 220px;*/ text-align:center; float:left;}
#rightimg {float:right; height:185px; width:250px; margin: 10px 0px 10px 10px; border: 1px solid #8f3b3b;}
#leftimg {float:left; margin: 0px 10px 10px 0px; border: 1px solid #8f3b3b;}
#quoteholder {float:left; width:500px; height:100px; padding:15px; background:url(../images/quote.jpg) no-repeat top left;}
#subheader {width:790px; height:177px; margin-left:auto; margin-right:auto; margin-top:7px;}
.aboutus {background:url(../images/h_aboutus.jpg) no-repeat;}
.gallery{background:url(../images/h_gallery.jpg) no-repeat;}
.faqs {background:url(../images/h_faqs.jpg) no-repeat;}
.services {background:url(../images/h_services.jpg) no-repeat;}
.contactus {background:url(../images/h_contactus.jpg) no-repeat;}
.links {background:url(../images/h_aboutus.jpg) no-repeat;}
.sitemap {background:url(../images/h_aboutus.jpg) no-repeat;}
.privacy {background:url(../images/h_aboutus.jpg) no-repeat;}
.compositedecks {background:url(../images/h_composite.jpg) no-repeat;}
.wooddecks {background:url(../images/h_wooddecks.jpg) no-repeat;}
.pavers {background:url(../images/h_pavers.jpg) no-repeat;}
.lighting {background:url(../images/h_lighting.jpg) no-repeat;}
.decking {background:url(../images/h_decking.jpg) no-repeat;}
.patiopavers {background:url(../images/h_patiopavers.jpg) no-repeat;}
.outdoorkitchen {background:url(../images/h_outdoorkitchen.jpg) no-repeat;}
.fences {background:url(../images/h_fences.jpg) no-repeat;}
.gazebos {background:url(../images/h_gazebos.jpg) no-repeat;}
.maintenance {background:url(../images/h_maintenance.jpg) no-repeat;}
.design {background:url(../images/h_design.jpg) no-repeat;}
.cjlauren {background:url(../images/h_cjlauren.jpg) no-repeat;}
.press {background:url(../images/h_press.jpg) no-repeat;}
.pergolas {background:url(../images/h_pergolas.jpg) no-repeat;}
.awnings {background:url(../images/h_awnings.jpg) no-repeat;}

/* ---{Typography}--- */

h2 {font-size:16px; color:#8f3b3b;}
h3 {font-size:13px; color:#8f3b3b; font-weight:lighter;}

.question {font-size:12px; font-weight:bold; color:#8f6928;}
#list {list-style:none;}
#sitemap {list-style:none; padding-left:15px; margin:0;}

.quote {font-style:italic; font-size:14px; color:#8f3b3b; text-align:center;}
.quotename {font-style:normal; font-size:11px; color:#8f3b3b; text-align:center; font:Arial, Helvetica, sans-serif; font-variant:small-caps;}


a.mainlink:link {color:#8F6928; text-decoration:underline;}
a.mainlink:hover {color:#C28F3E; text-decoration:underline;}
a.mainlink:visited {color:#8F6928; text-decoration:underline;}

a.featured:link {color:#8F6928; text-decoration:underline;}
a.featured:hover {color:#8f3b3b; text-decoration:underline;}
a.featured:visited {color:#8F6928; text-decoration:underline;}

a.footer:link {color:#8F6928; text-decoration:none;}
a.footer:hover {color:#C28F3E; text-decoration:underline;}
a.footer:visited {color:#8F6928; text-decoration:none;}

.subfoot {color:#8F6928; text-decoration:none; font-size:9px; font-family:Arial, Helvetica, sans-serif;}
a.subfoot:hover {background:#FFF; text-decoration:none;font-size:9px; font-family:Arial, Helvetica, sans-serif;}
a.subfoot:visited {color:#8F6928; text-decoration:none;font-size:9px; font-family:Arial, Helvetica, sans-serif;}


.disclaimer { font-family:Arial, Helvetica, sans-serif;font-size:9px; color:#8F6928; text-decoration:none; text-align:center;}
a.disclaimer:link { font-family:Arial, Helvetica, sans-serif;font-size:9px; color:#8F6928; text-decoration:underline; text-align:center;}
a.disclaimer:hover { font-family:Arial, Helvetica, sans-serif;font-size:9px; color:#C28F3E; text-decoration:underline; text-align:center;}
a.disclaimer:visited { font-family:Arial, Helvetica, sans-serif;font-size:9px; color:#8F6928; text-decoration:underline; text-align:center;}

.pushpoint {color:#8f6928; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px;}
.pplink:link {color:#8f6928; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:bold;}
.pplink:hover {color:#C28F3E; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:bold;}
.pplink:visited {color:#8f6928; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:bold;}

/* ---{Navigation}--- */
#menuwrapper {width:800px; height:38px; float:left; background: url(../images/bg_nav.jpg) repeat-x; margin-left:2px; }
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#p7menubar, #p7menubar ul {	padding: 0;	margin:0;list-style: none;font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFF;}
#p7menubar a {display: block;text-decoration: none;	font-size: .85em;color: #FFF; }
#p7menubar a.trigger {padding:0; background:url(../images/bg_nav.jpg) repeat-x;}
#p7menubar li {	float: left;width: 9em;}
#p7menubar li ul, #p7menubar ul li  {width: 134px;}
#p7menubar ul li a  {border-right: 0;padding: 3px 12px 4px 16px; background:#ffffff; background-position:left center; border:1px solid #afa896;}
#p7menubar li ul {position:absolute; display:none; top:113px;}
#p7menubar li:hover a, #p7menubar a:focus,#p7menubar a:active, #p7menubar li.p7hvr a {color: #8f6928;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:normal; text-decoration:none;}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {display:block;} 
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {color: #8f6928;}
#p7menubar ul a:hover {	!important;color:#8f6928!important; text-decoration:underline;}
#p7menubar li {width: auto;}