body{margin:12px auto 12px auto;text-align:center;font-family:'trebuchet MS';position:relative;}

h1{font-size:14pt;color:#005387;font-weight:400;margin:0 0 -10px 0;padding:0 0 0 10px;}

#wholePg{width:984px;text-align:center;background-color:#464646;border:6px solid #5FB1E0;margin:auto;position:relative;}

#pageContainer{text-align:center;margin:8px auto 8px auto;width:950px;}

#headerContainer{width:950px;height:284px;}
#silverTop{width:950px;height:59px;background-image:url('/images/bg-silver-top.jpg');background-repeat:repeat-x;text-align:left;}
#logo{float:left;margin:0 0 0 12px;width:293px;height:59px;}
#tagline{float:left;margin-left:5px;padding-top:34px;width:240px;height:25px;font-size:12pt;font-weight:700;}
#phoneNumber{float:right;margin-right:5px;font-size:14pt;font-weight:700;width:130px;height:25px;padding-top:34px;}

#navArea{text-align:left;width:950px;height:240px;clear:both;float:left;margin:5px 0 0 0px;padding:0;text-align:center;}
#headerNavContainer{height:230px;width:240px;background-color:#666666;margin:5px auto 0 auto;border:4px solid #5FB1E0;float:left;padding:0 0 0 4px;position:relative;text-align:center;}
#navArea > #headerNavContainer{height:225px;width:225px;background-color:#666666;margin:5px 0 0 0;border:4px solid #5FB1E0;float:left;padding:0 0 0 4px;position:relative;}
#mainGraphicContainer{height:230px;width:700px;float:left;margin:5px 0 0 8px;border:4px solid #5FB1E0;float:left;background-image:url('/images/main-graphic-1.jpg'); }
#navArea > #mainGraphicContainer{height:225px;width:700px;float:left;margin:5px 0 0 3px;border:4px solid #5FB1E0;float:left;background-image:url('/images/main-graphic-1.jpg');}

#home{margin:0px 0 0 0;padding:0px 0 0 0;text-align:center;height:34px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#headerNavContainer > #home{margin:8px 0 0 0;padding:8px 0 0 0;text-align:center;height:25px;background-image:url('images/nav-item.gif');background-repeat:no-repeat;width:218px;}

#arch{margin:0 0 0 0;padding:5px 0 0 0;text-align:center;height:34px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#headerNavContainer > #arch{margin:0 0 0 0;padding:8px 0 0 0;text-align:center;height:25px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#deck-repairs{margin:0 0 0 0;padding:5px 0 0 0;text-align:center;height:33px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#headerNavContainer > #deck-repairs{margin:0 0 0 0;padding:8px 0 0 0;text-align:center;height:25px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#wash-seal{margin:0 0 0 0;padding:5px 0 0 0;text-align:center;height:33px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#headerNavContainer > #wash-seal{margin:0 0 0 0;padding:8px 0 0 0;text-align:center;height:25px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#gallery{margin:0 0 0 0;padding:5px 0 0 0;text-align:center;height:33px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#headerNavContainer > #gallery{margin:0 0 0 0;padding:8px 0 0 0;text-align:center;height:25px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#contact-us{margin:0 0 0 0;padding:5px 0 0 0;text-align:center;height:33px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}
#headerNavContainer > #contact-us{margin:0 0 0 0;padding:8px 0 0 0;text-align:center;height:26px;background-image:url('/images/nav-item.gif');background-repeat:no-repeat;width:218px;}

a.navlink{color:#1DAEE8;font-size:10pt;text-align:center;height:20px;margin:0 0 0 0;text-decoration:none;}
a.navlink:hover{color:#ffffff;font-size:10pt;text-align:center;height:20px;margin:0 0 0 0;text-decoration:underline;}

#contentContainer{clear:both;width:950px;height:auto;border:4px solid #5FB1E0;margin:10px auto 0 auto;text-align:center;padding:0 0 0 0px}
#pageContainer > #contentContainer  {clear:both;width:941px;height:auto;border:4px solid #5FB1E0;margin:25px auto 0 auto;text-align:center;padding:0 0 0 0px;}
#pageMessageContainer{background-image:url('/images/content-title-bar.jpg');background-repeat:repeat-x;width:925px;height:32px;margin:0 auto 0 auto;position:relative;}
#contentContainer > #pageMessageContainer{background-image:url('/images/content-title-bar.jpg');background-repeat:repeat-x;width:933px;height:32px;margin:5px auto 0 auto;}
#pageMessage{height:auto;position:absolute;top:5px;left:100px;}


#contentContainer > #pageContentContainer{background-color:#ffffff;width:933px;height:auto;margin:5px auto 0 auto;text-align:center;}

#pageContent{background-image:url('/images/bg-gradient.jpg');background-repeat:repeat-x;text-align:left;width:915px;margin:5px auto 0 auto;padding:8px 5px 0 5px;height:auto;font-size:10pt;font-weight:400;}

#homeColumnContainer{width:940px;text-align:center;margin:5px auto 0 auto;}
#contentContainer >#homeColumnContainer{width:950px;text-align:center;margin:5px auto 0 auto;}
#homeLeftColumnContainer{width:200px;float:left;text-align:center;margin:5px auto 0 7px;background-color:#ffffff;padding:5px 0 0 0;}
#homeColumnContainer > #homeLeftColumnContainer{width:200px;float:left;text-align:center;margin:5px auto 0 5px;background-color:#ffffff;}
#homeRightColumnContainer{width:720px;float:left;text-align:center;margin:5px 0 0 5px;background-color:#ffffff;}
#homeColumnContainer > #homeRightColumnContainer{width:726px;float:left;text-align:center;margin:5px 0 0 5px;background-color:#ffffff;}

#homeRightColumnContent{width:700px;text-align:left;background-color:#5FB1E0;padding:5px;margin:5px auto 10px auto;clear:left;font-size:12pt;height:540px;}
#homeLeftColumnContent{background-image:url('/images/bg-left-column.jpg');background-repeat:repeat-x;text-align:center;width:180px;padding:5px;font-size:10pt;margin:auto;clear:left;height:525px;}


#footerMessageContainer{background-image:url('/images/content-title-bar.jpg');background-repeat:repeat-x;width:925px;height:32px;margin:5px auto 0 auto;position:relative;}
#contentContainer > #footerMessageContainer{background-image:url('/images/content-title-bar.jpg');background-repeat:repeat-x;width:933px;height:32px;margin:5px auto 0 auto;}
#footerMessage{height:auto;position:absolute;top:5px;left:100px;}

a:hover {color:#990000; text-decoration:none;} 


/*  lightbox stuff */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 0px 10px 10px 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

/* prev/next links are anchors instead of images to adhere to the standard Lightbox html */
#prevLink, #nextLink{
	display: inline-block;
	}
#prevLink { width: 57px; height: 20px; background: url(../images/prevlabel.gif) no-repeat;}
#nextLink { width: 61px; height: 20px; background: url(../images/nextlabel.gif) no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel_over.gif) no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel_over.gif) no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; overflow: hidden;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

#permanav{
	/*
		Min-height ensures that even when the nav buttons are hidden, there is still whitespace above the photo.
		See IE6 Min-Height Fast Hack: http://www.dustindiaz.com/min-height-fast-hack/
	*/
	min-height: 10px;
	height: auto !important;
	height: 10px;
	text-align: center;
	}
	
	
	
	/*  resources tabs   */
#tabContainer{position:relative;}
#tabRow{}
#tab1{cursor: pointer;}
#tab2{cursor: pointer;}
#tab3{cursor: pointer;}
#tab4{cursor: pointer;}

#tipsBox{display:none;position:absolute;top:420px;left:30px;height:auto;width:450px;border:2px solid #333333;background-color:#faebd7;padding:4px;z-index:1;}
#articlesBox{display:none;position:absolute;top:420px;left:30px;height:auto;width:450px;border:2px solid #333333;background-color:#faebd7;padding:4px;cursor:pointer;z-index:1;}
#projectsBox{display:none;position:absolute;top:420px;left:30px;height:auto;width:450px;border:2px solid #333333;background-color:#faebd7;padding:4px;cursor:pointer;z-index:1;}
#testimonialsBox{display:none;position:absolute;top:420px;left:30px;height:auto;width:450px;border:2px solid #333333;background-color:#faebd7;padding:4px;cursor:pointer;z-index:1;}

.leftTab{height:36px;width:16px;background-image:url('/images/left-round-tab.gif');float:left;}
.centerTab{height:36px;width:auto;background-image:url('/images/bg-round-tab.gif');background-repeat:repeat-x;float:left;color:#ffffff;padding-top:12px;font-weight:700;font-size:11pt;}
.centerTab a{font-size:11pt;color:#ffffff;text-decoration:none;}
.rightTab{height:36px;width:17px;background-image:url('/images/rt-round-tab.gif');float:left;}