@charset "utf-8";
/* CSS Document */

body {
	position:relative;
	margin:0 auto;
}
#bannerbg {
	position:relative;
	display:block;
	background:url(img/bannerbg.jpg) 0 0 repeat-x;
	height:85px;
	margin:0px 0px 0px 0px;
	padding:0px;
	z-index:4;
}
#bannerlogo {
	position:absolute;
	left:0px;
	top:2px;
	background:url(img/decksruslogotop.jpg) 0 0 no-repeat;
	width:179px;
	height:83px;
	margin:0 auto;
	border:none;
}
#footerlogo {
	position:relative;
	background:url(img/decksruslogo.jpg) 0 0 no-repeat;
	width:146px;
	height:83px;
	display:block;
	margin:0 auto;
	border:none;
}
.minwidthwrapper {
	position:relative;
	margin:0 auto;
	width:1024px;
	z-index:2;
}
#topmenubg {
	position:relative;
	background:url(img/topmenubg.jpg) 0 0 repeat-x;
	height:54px;
	margin:0 auto;
	z-index:3;
}
#topmenu {
	position:relative;
	height:54px;
	width:1024px;
	margin: 0 auto;
	z-index:6;
	background:url(img/topmenubg.jpg) 0 0 repeat-x;
}
#topmenufloating {
	position:relative;
	height:30px;
	width:1024px;
	margin: 0 auto;
	z-index:6;
	background:url(img/topmenubg.jpg) 0 0 repeat-x;
}
#topmenu ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	z-index:6;
}
#topmenu li {
	float:left;
	margin:0px 0px 0px 0px;
	z-index:6;
}
#topmenu a {
	float:left;
	position:relative;
	text-decoration: none;
	z-index:6;
	padding-top:10px;
	text-align:center;
	color: #555555;
}
#topmenu a:link, #topmenu a:active, #topmenu a:visited {
	z-index:6;
}
#topmenu ul ul {
	position: relative;
	top:-10px;
	left:-2px;
	width:127px;
	z-index: 500;
}
#topmenu ul li ul li a {
	position:relative;
	left:1px;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
	width:222px;
	height:20px;
	background-color:#ffffff;
	margin:0 auto;
}
#topmenu ul li ul.howitworksul li a {
	width:149px;
	z-index:5;
}
#topmenu ul li ul.optionsul li a {
	width:244px;
	z-index:5;
}
#topmenu ul li ul.webuildbetterul li a {
	width:222px;
	z-index:5;
}
#topmenu ul li ul.deckedul li a {
	width:164px;
}
#topmenu ul li ul li a:hover {
	background-color:#F4EBE2;
	margin:0 auto;
}
div#topmenu ul ul {
	display: none;
}
div#topmenu ul li:hover ul {
	display: block;
}
div#topmenu ul ul, div#topmenu ul li:hover ul ul, div#topmenu ul ul li:hover ul ul {
	display: none;
}
div#topmenu ul li:hover ul, div#topmenu ul ul li:hover ul, div#topmenu ul ul ul li:hover ul {
	display: block;
}
.bottomone {
	border-top: #999999 dashed 1px;
	border-bottom:#000000 1px solid;
}
.smallborder {
	border-top: #999999 dashed 1px;
}
.howitworks {
	width:149px;
	height:54px;
	margin:0 auto;
}
.howitworks:hover {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	left:-1px;
	border-left:#957E78 1px solid;
	border-right:#957E78 1px solid;
}
.howitworksli {
	position:relative;
	width:149px;
	height:54px;
	margin:0 auto;
	top:-2px;
}
.howitworksli:hover {
	position:relative;
	left:-1px;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	border-left:#957E78 1px solid;
	border-right:#957E78 1px solid;
}
body#howitworkspage .howitworks {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	height:43px;
}
.options {
	width:244px;
	height:54px;
	margin:0 auto;
}
#topmenufloating .options, #topmenufloating .optionsli {
	height:30px;
}
.options:hover {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
	left:-1px;
}
.optionsli {
	position:relative;
	width:244px;
	height:54px;
	top:-2px;
	margin:0 auto;
}
.optionsli:hover {
	position:relative;
	left:-1px;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
}
body#optionspage .options {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	height:43px;
}
.webuildbetter {
	width:222px;
	height:54px;
	margin:0 auto;
}
.webuildbetter:hover {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	border-left:#CCCCCC 1px solid;
	border-right:#957E78 1px solid;
	left:-1px;
}
body#webuildbetterpage .webuildbetter {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	height:43px;
}
.webuildbetterli {
	position:relative;
	width:222px;
	top:-2px;
	height:54px;
	margin:0 auto;
}
.webuildbetterli:hover {
	position:relative;
	left:-1px;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	border-left:#CCCCCC 1px solid;
	border-right:#957E78 1px solid;
}
.cost {
	width:214px;
	height:45px;
	margin:0 auto;
	top:-2px;
}
.cost:hover {
	position:relative;
	width:214px;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
	border-bottom:#000000 1px solid;
}
.costli {
	position:relative;
	width:222px;
	top:-2px;
	height:45px;
	margin:0 auto;
}
.costli:hover {
	position:relative;
	left:-1px;
	height:44px;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
	border-bottom:#957E78 1px solid;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
}
.areasserved {
	width:100px;
	height:45px;
	margin:0 auto;
	top:-2px;
}
.areasserved:hover {
	position:relative;
	width:100px;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
	border-bottom:#000000 1px solid;
}
body#areasservedpage .areasserved {
	position:relative;
	left:1px;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	height:43px;
}
.decked {
	position:relative;
	width:164px;
	height:54px;
	margin:0 auto;
}
.decked:hover {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	left:-1px;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
}
.deckedli {
	position:relative;
	width:164px;
	top:-2px;
	height:54px;
	margin:0 auto;
}
.deckedli:hover {
	position:relative;
	left:-1px;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	border-left: #CCCCCC 1px solid;
	border-right:#957E78 1px solid;
}
body#deckedpage .decked {
	position:relative;
	background: url(img/topmenubuttonhover.jpg) 0 0 repeat-x;
	height:43px;
}
#contentwrapper {
	float:left;
	position:relative;
	width:795px;
	height:auto;
	background-color:#f1e3d2;
	background-image:url(img/bottomgradient.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0 auto;
	z-index:1;
	padding:10px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.6em;
}
#contentwrapper p {
	text-indent:25px;
}
#contentwrapper li {
	margin-bottom:5px;
}
#menubox {
	float:left;
	width:195px;
	height:265px;
	margin:0 auto;
}
#sidemenu {
	position:relative;
	height:27px;
	width:195px;
	margin: 0 auto;
	z-index:6;
}
#sidemenu ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	z-index:6;
}
#sidemenu li {
	clear: left;
	float:left;
	margin:0px 0px 0px 0px;
	z-index:6;
}
#sidemenu a {
	float:left;
	text-decoration: none;
	z-index:6;
	padding-top:10px;
	padding-left:10px;
	color: #555555;
	width:185px;
	height:27px;
	margin:0 auto;
}
#sidemenu a:link, #sidemenu a:active, #sidemenu a:visited {
	z-index:6;
}
.home {
}
.home:hover, body#home .home {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.realstories {
}
.realstories:hover, body#realstoriespage .realstories {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.photogallery {
}
.photogallery:hover, body.photogallerypage .photogallery {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}

.actualdeckdesigns {
}


.actualdeckdesigns:hover, body#actualdeckdesigns .actualdeckdesigns {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}


.beforeandafter {
}
.beforeandafter:hover, body.beforeandafterpage .beforeandafter {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.beforeafter {
}
.beforeafter:hover, body#beforeafterpage .beforeafter {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
#sidemenu ul li a.hasslefree {
	height:40px;
}
.hasslefree {
}
.hasslefree:hover, body#guaranteepage .hasslefree {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.includepergola {
}
.includepergola:hover, body#pergolapage .includepergola {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.addgazebo {
}
.addgazebo:hover, body#gazebopage .addgazebo {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.addhottub {
}
.addhottub:hover, body#addhottubpage .addhottub {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.faqs {
}
.faqs:hover, body#faqspage .faqs {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.decklighting {
}
.decklighting:hover, body#decklightingpage .decklighting {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.deckwithpergolas {
}
.deckwithpergolas:hover, body#deckwithpergolaspage .deckwithpergolas {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.deckwithgazebos {
}
.deckwithgazebos:hover, body#deckwithgazebospage .deckwithgazebos {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
#sidemenu ul li a.deckrefurb {
	height:40px;
}
.deckrefurb {
}
.deckrefurb:hover, body#deckrefurbpage .deckrefurb {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.freeconsult {
}
.freeconsult:hover, body#freeconsultpage .freeconsult {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.contactus {
}
.contactus:hover, body#contactuspage .contactus {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
#sidemenu ul li a.sendsketch {
	height:50px;
}
.sendsketch {
}
.sendsketch:hover, body#sendsketch .sendsketch {
	background: url(img/leftmenubuttonhover.jpg) 0 0 repeat-x;
}
.indent {
	text-indent:20px;
	display:block;
}
.txtblock {
	border: #999999 thin solid;
	padding:5px;
}
.icon a {
	background-color:#F2F9FF;
	float:left;
	position:relative;
	top:-25px;
	width:75px;
	height:75px;
	text-align:center;
}
.icon a:hover {
	background-color: #CAE4FF;
}
#footer {
	position:relative;
	margin:0 auto;
	width:795px;
	display:block;
	height:auto;
	text-align:center;
	font-size:.7em;
	font-family: Arial, Helvetica, sans-serif;
	z-index:2;
}
body.photogallerypage #footer {
	position:relative;
	height:auto;
	margin:0 auto;
	width:795px;
	float:left;
	text-align:center;
	font-size:.7em;
	font-family: Arial, Helvetica, sans-serif;
	z-index:2;
}
.mooSlide {
	position:absolute;
	height:30px;
	margin:0 auto;
	z-index:2;
}
#textstyler {
	font-size:14px;
	position:relative;
	width:auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.6em;
	padding:20px;
	padding-top:0px;
	margin:0 auto;
}
#textstyler p {
	text-indent:25px;
}
#textstyler center a img {
	border:none;
}
.logoinfo {
	float:left;
	position:relative;
	display:block;
	margin:0 auto auto 200px;
	line-height:83px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.05em;
}
.clr {
	clear:both;
}
.photogalleryspacer {
	margin:0 auto;
	height:500px;
	width:795px;
	float:left;
	position:relative;
}
.captionholder {
	height:20px;
	padding:0px;
	margin:0 auto;
	text-align:center;
	width:735px;
	font-size:.85em;
}
h1 {
	font-size:1.4em;
	color:#444444;
}
.textimg {
	border:thin solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:10px;
}
.textimgleft {
	border:thin solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:10px;
	float:left;
	margin-right:15px;
}
.textimgright {
	border:thin solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:10px;
	float:right;
	margin-left:15px;
}
.quote {
	border:1px solid #CCC;
	background-color:#FFF6EB;
	padding:20px;
	margin:0 auto;
}
.testimonial {
	background-color:#FFF4E7;
	padding:25px;
	margin:20px auto;
	font-style:italic;
	border:2px dashed #999;
}
.testimonialright {
	background-color:#FFF4E7;
	float:right;
	padding:25px;
	width:250px;
	height:auto;
	margin:20px auto;
	margin-left:20px;
	font-style:italic;
	border:2px dashed #999;
}
.testimonialleft {
	background-color:#FFF4E7;
	float:left;
	padding:25px;
	width:250px;
	height:auto;
	margin:20px auto;
	margin-right:20px;
	font-style:italic;
	border:2px dashed #999;
}
.testimonial p, .testimonialright p, .testimonialleft p {
	padding-top:0px;
	margin-top:0px;
}
ul.colors li {
	line-height:50px;
	display:block;
	clear:left;
	float:left;
	list-style-image:none;
	list-style:none;
	list-style-type:none;
}
ul.colors li img {
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}
.freedeckbuyersguide {
	position:relative;
	float:right;
	width:200px;
	height:200px;
	margin:0 auto;
	margin-left:15px;
	background:url(img/starburst.png) 0 0 no-repeat;
}
.map {
	position:relative;
	z-index:1;
	margin:0 auto;
}
.mapoverlay {
	z-index:2;
	background:url(img/logooverlaytrans.png) 0 0 no-repeat;
	position:absolute;
	width:177px;
	height:80px;
	top:0px;
	right:0px;
	margin:0 auto;
}
.mapiframeholder {
	width:600px;
	height:600px;
	margin:0 auto;
	position:relative;
}
.mapiframeholdersmall {
	width:600px;
	height:300px;
	margin:0 auto;
	position:relative;
}
.centerlinkemph {
	display:block;
	background-color:#D1AC80;
	border:2px solid #FFF;
	width:50%;
	height:auto;
	margin:10px auto 10px auto;
	text-decoration:none;
	padding:5px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}
.centerlinkemph:hover {
	background-color:#D9B993;
	text-decoration: underline;
	border-color:#CCC;
}
/* New PHotogallery classes, etc added by Cameron on 2/18/2010     */

.photogalleryholder {
	margin:0 10px 10px 10px;
	background-color:#FFF;
	padding:25px;
}
.galleryholder {
	margin:0 5px;
	background-color:#FFF;
	padding:5px;
}
.photogalleryholder a {
	display:block;
	float:left;
	width:auto;
	padding:5px;
	margin:5px;
	height:auto;
	border:1px solid #CCC;
	background-color:#FFF;
	text-decoration:none;
	color:#333;
}
.galleryholder a {
	display:block;
	float:left;
	width:auto;
	padding:5px;
	margin:5px;
	height:auto;
	text-align:center;
	border:1px solid #CCC;
	background-color:#FFF;
	text-decoration:none;
	color:#333;
}
.photogalleryholder a:hover, .galleryholder a:hover {
	border:1px solid #999;
	background-color:#F1E3D2;
}
.photogalleryholder a img, .galleryholder a img {
	float:left;
	margin:0 auto;
	border:none;
	width:auto;
	height:auto;
}
.photogalleryholder a.typeholder {
	width:330px;
	padding:10px;
	display:block;
	float:left;
	height:auto;
	position:relative;
}
.galleryholder a.typeholder {
	width:173px;
	padding:5px;
	margin:4px;
	display:block;
	float:left;
	height:auto;
	position:relative;
}
.txtimg {
	border:1px solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:5px;
}
.txtimgright {
	border:1px solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:5px;
	float:right;
	margin-left:15px;
}
.txtimgleft {
	border:1px solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:5px;
	float:left;
	margin-right:15px;
}
.photogalleryholder h2, .galleryholder h2 {
	margin-top:0px;
	padding-top:0px;
}
.galleryholder h1 {
	margin-top:0px;
	padding-top:0px;
}
.photogalleryholder a img.txtimgright, .galleryholder a img.txtimgright {
	border:1px solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:5px;
	float:right;
	margin-left:15px;
}
.photogalleryholder a img.txtimgleft, .galleryholder a img.txtimgleft {
	border:1px solid #CCCCCC;
	background-color:#ffffff;
	padding:5px;
	margin:5px;
	float:left;
	margin-right:15px;
}
#contentwrapper ul li.overviewnav ul {
	width:455px;
	float:right;
}
#contentwrapper ul li.overviewnav ul li {
	margin-bottom:5px;
	margin-left:5px;
}
.photogalleryholder a.nextlink {
	width:auto;
	padding:5px;
	float:right;
	text-align:center;
	text-decoration:none;
	text-align:right;
}
.photogalleryholder a.previouslink {
	width:auto;
	padding:5px;
	float:left;
	text-align:center;
	text-decoration:none;
	text-align:left;
}
a.nextlink {
	width:auto;
	padding:10px;
	float:right;
	text-align:center;
	text-decoration:none;
	border:1px solid #999;
	background:#FFFFFF url(img/29.png) scroll right center no-repeat;
	padding-right:35px;
	text-align:right;
}
a.nextlink:hover {
	background-color:#F7EEE4;
	border:1px solid #CCC;
}
a.previouslink {
	width:auto;
	padding:10px;
	float:left;
	text-align:center;
	text-decoration:none;
	border:1px solid #999;
	background:#FFFFFF url(img/33.png) scroll left center no-repeat;
	padding-left:35px;
	text-align:left;
}
a.previouslink:hover {
	background-color:#F7EEE4;
	border:1px solid #CCC;
}
.bottomofphotogallerylink {
	text-align:center;
	font-weight:bold;
	font-size:16px;
	border:1px solid #999;
	background:#fff;
	width:350px;
	margin:0 auto 30px auto;
	display:block;
	padding:10px;
	text-decoration:none;
	color:#333;
	float:none;
}

.bottomofphotogallerylink:hover {
	background-color:#F1E3D2;
	border:1px solid #333;
	color:#000;
}

.downloadlink{
	background:url(img/31.png) scroll 5px center no-repeat;
	height:32px;
	line-height:32px;
	width:auto;
	padding:5px;
	padding-left:45px;
	text-align:left;
	color:#06C;
	text-decoration:none;
	display:block;
	position:relative;
}