<!--
body { background: #72D2FC; margin-top: 0px;}
#bgShadow {
	background: url(images/tileBaseBg.gif) repeat-y; 
	background-position: center top;
	}
#containerMain {
	width: 800px; 
	background: url(images/tileBgMain.jpg) repeat-x #FFEACC;
	margin-left: auto; margin-right: auto; 
}
#containerGallery {
	width: 800px; 
	background: url(images/bgRGallery.jpg) no-repeat #70C8F8; background-position: right top;
	margin-left: auto; margin-right: auto; 
}

.mainTable { 
	width: 800px; 
	margin-left: auto; margin-right: auto; 
	font: 10pt Arial, Helvetica, sans-serif;
	}	
.left { 
	width: 237px; 
	vertical-align: top; 
	background: url(images/bgLHome.jpg) no-repeat;
	}
.leftSec { 
	width: 237px; 
	vertical-align: top; 
	background: url(images/bgLSec.jpg) no-repeat;
	}
.leftGallery { 
	width: 237px; 
	vertical-align: top;
	background: url(images/bgLGallery.jpg) no-repeat #70C8F8;
	}	
	

.rightHome{
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgRHome.jpg) no-repeat;
	}
.rightAbout {
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgAbout.jpg) no-repeat;
	}	
.rightContact {
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgContact.jpg) no-repeat;
	}
.rightDesign {
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgDesign.jpg) no-repeat;
	}	
.rightStages {
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgStages.jpg) no-repeat;
	}
.rightTstm {
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgTstm.jpg) no-repeat;
	}
.rightLiner {
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgLiner.jpg) no-repeat;
	}	
.rightPoolCare {
	width: 563px; 
	vertical-align: top; 
	background: url(images/bgPoolCare.jpg) no-repeat;
	}	
.rightGallery {
	width: 563px; 
	vertical-align: top; 
	}	
	

#contactInfo {
	width: 217px; height: 174px;
	margin: 22px 0px 0px 20px;
	background: url(images/contactBox_bg.jpg) no-repeat;
	text-align: center;
	color: #EB511B;
	font-weight: bold;
	padding-top: 18px;
}

#contactInfoSec {
	width: 217px; height: 174px;
	margin: 19px 0px 0px 20px;
	background: url(images/contactBox_bg2.jpg) no-repeat;
	text-align: center;
	color: #EB511B;
	font-weight: bold;
	padding-top: 18px;
}

#contactInfoGallery {
	width: 217px; height: 174px;
	margin: 19px 0px 0px 20px;
	background: url(images/contactBoxG_bg.jpg) no-repeat;
	text-align: center;
	color: #EB511B;
	font-weight: bold;
	padding-top: 18px;
}


.navLeftHome {
	width: 217px;
	margin: 83px 0px 0px 20px;
	padding: 0px;
	text-indent: -9999px;
}
.navLeftHome li a {display: block; height: 32px; width: 217px;}
.navLeftHome li {
	list-style-type: none;
	height: 32px;
	margin-top: 0px; margin-bottom: 0px;
}
li.homeH {background: url(images/b_homeH_off.jpg) no-repeat; height: 37px; margin: 0px; padding: 0px;}
li.homeH:hover {background: url(images/b_homeH_on.jpg) no-repeat; height: 37px;}
li.aboutH {background: url(images/b_aboutH_off.jpg) no-repeat; margin: 0px; padding: 0px;}
li.aboutH:hover {background: url(images/b_aboutH_on.jpg) no-repeat;}
li.designH {background: url(images/b_designH_off.jpg) no-repeat; margin: 0px; padding: 0px;}
li.designH:hover {background: url(images/b_designH_on.jpg) no-repeat;}
li.stagesH {background: url(images/b_stagesH_off.jpg) no-repeat;}
li.stagesH:hover {background: url(images/b_stagesH_on.jpg) no-repeat;}
li.linerH {background: url(images/b_linerH_off.jpg) no-repeat;}
li.linerH:hover {background: url(images/b_linerH_on.jpg) no-repeat;}
li.galleryH {background: url(images/b_galleryH_off.jpg) no-repeat;}
li.galleryH:hover {background: url(images/b_galleryH_on.jpg) no-repeat;}
li.poolH {background: url(images/b_poolH_off.jpg) no-repeat;}
li.poolH:hover {background: url(images/b_poolH_on.jpg) no-repeat;}
li.tstmH {background: url(images/b_tstmH_off.jpg) no-repeat;}
li.tstmH:hover {background: url(images/b_tstmH_on.jpg) no-repeat;}
li.contactH {background: url(images/b_contactH_off.jpg) no-repeat; height: 43px;}
li.contactH:hover {background: url(images/b_contactH_on.jpg) no-repeat; height: 43px;}



.navLeftSec {
	width: 217px;
	margin: 83px 0px 0px 20px;
	padding: 0px;
	text-indent: -9999px;
}
.navLeftSec li a {display: block; height: 32px; width: 217px;}
.navLeftSec li {
	list-style-type: none;
	height: 32px;
	margin-top: 0px; margin-bottom: 0px;
}
li.homeSec {background: url(images/b_home2_off.jpg) no-repeat; height: 37px; margin: 0px; padding: 0px;}
li.homeSec:hover {background: url(images/b_home2_on.jpg) no-repeat; height: 37px;}
li.aboutSec {background: url(images/b_about2_off.jpg) no-repeat; margin: 0px; padding: 0px;}
li.aboutSec:hover {background: url(images/b_about2_on.jpg) no-repeat;}
li.designSec {background: url(images/b_design2_off.jpg) no-repeat; margin: 0px; padding: 0px;}
li.designSec:hover {background: url(images/b_design2_on.jpg) no-repeat;}
li.stagesSec {background: url(images/b_stages2_off.jpg) no-repeat;}
li.stagesSec:hover {background: url(images/b_stages2_on.jpg) no-repeat;}
li.linerSec {background: url(images/b_liner2_off.jpg) no-repeat;}
li.linerSec:hover {background: url(images/b_liner2_on.jpg) no-repeat;}
li.gallerySec {background: url(images/b_gallery2_off.jpg) no-repeat;}
li.gallerySec:hover {background: url(images/b_gallery2_on.jpg) no-repeat;}
li.poolSec {background: url(images/b_pool2_off.jpg) no-repeat;}
li.poolSec:hover {background: url(images/b_pool2_on.jpg) no-repeat;}
li.tstmSec {background: url(images/b_tstm2_off.jpg) no-repeat;}
li.tstmSec:hover {background: url(images/b_tstm2_on.jpg) no-repeat;}
li.contactSec {background: url(images/b_contact2_off.jpg) no-repeat; height: 43px;}
li.contactSec:hover {background: url(images/b_contact2_on.jpg) no-repeat; height: 43px;}



.navLeftGallery {
	width: 217px;
	margin: 83px 0px 0px 20px;
	padding: 0px;
	text-indent: -9999px;
}
.navLeftGallery li a {display: block; height: 32px; width: 217px;}
.navLeftGallery li {
	list-style-type: none;
	height: 32px;
	margin-top: 0px; margin-bottom: 0px;
}
li.homeG {background: url(images/b_homeG_off.jpg) no-repeat; height: 37px; margin: 0px; padding: 0px;}
li.homeG:hover {background: url(images/b_homeG_on.jpg) no-repeat; height: 37px;}
li.aboutG {background: url(images/b_aboutG_off.jpg) no-repeat; margin: 0px; padding: 0px;}
li.aboutG:hover {background: url(images/b_aboutG_on.jpg) no-repeat;}
li.designG {background: url(images/b_designG_off.jpg) no-repeat; margin: 0px; padding: 0px;}
li.designG:hover {background: url(images/b_designG_on.jpg) no-repeat;}
li.stagesG {background: url(images/b_stagesG_off.jpg) no-repeat;}
li.stagesG:hover {background: url(images/b_stagesG_on.jpg) no-repeat;}
li.linerG {background: url(images/b_linerG_off.jpg) no-repeat;}
li.linerG:hover {background: url(images/b_linerG_on.jpg) no-repeat;}
li.galleryG {background: url(images/b_galleryG_off.jpg) no-repeat;}
li.galleryG:hover {background: url(images/b_galleryG_on.jpg) no-repeat;}
li.poolG {background: url(images/b_poolG_off.jpg) no-repeat;}
li.poolG:hover {background: url(images/b_poolG_on.jpg) no-repeat;}
li.tstmG {background: url(images/b_tstmG_off.jpg) no-repeat;}
li.tstmG:hover {background: url(images/b_tstmG_on.jpg) no-repeat;}
li.contactG {background: url(images/b_contactG_off.jpg) no-repeat; height: 43px;}
li.contactG:hover {background: url(images/b_contactG_on.jpg) no-repeat; height: 43px;}




.shOrange {margin-top: 379px; margin-right: 122px; text-align: right;}
.shOrangeSec {margin-top: 288px; margin-bottom: 0px; margin-right: 122px; text-align: right;}
.shGallery {margin-top: 92px; margin-bottom: 0px; margin-right: 40px; text-align: right;}

#contentMainR {margin-top: 23px; margin-right: 40px; margin-left: 35px;}

#contentMainTstm {margin-top: 23px; margin-right: 40px; margin-left: 35px;}
#contentMainTstm p {margin-top: 0px; margin-bottom: 10px; background: white; border: 1px solid #FCD393; padding: 10px 15px; font-size: 9pt; font-style: italic;}

#contentContact {width: 473px; margin-top: 23px; margin-left: 35px; margin-bottom: 14px; background: url(images/bgContactTile.gif) repeat-y;}

#designBanner {margin: 32px 0px 0px 20px;}

#footerM {
	background: url(images/footer_bg2.jpg) no-repeat; 
	background-position: 0px bottom; width: 800px;  
	height: 73px; margin: 0px auto; 
	text-align: right; vertical-align: bottom; 
	font: 9pt Arial, Helvetica, sans-serif;
	}
#footerM p {margin: 0px;}

.visitGallery {text-align: center; margin-top: 20px;}

.textBold {font-weight: bold;}
.textBoldIt {font-weight: bold; font-style: italic;}

.clearfloat {
	clear:both;
}


form {margin: 0px; padding: 0px;}
label, label span {display: block; padding-bottom: .25em; }
label {float: left; width: 100%; margin-left: 24px;}
label span {float: left; width: 31%; text-align: left;}
.tagComments {display: block; float: left; width: 31%; text-align: left;}
#comments {width: 55%;}

fieldset {border: 0px; margin-bottom: 0px;}

fieldset input {float: left; width: 55%; border: 1px solid #FFAC35; margin-left: 10px; padding-top: 4px; padding-bottom: 4px;}
fieldset input:hover {border-color: #FFCD20;}
fieldset input:active, input:focus {border-color: #FF8D42;}

.inputAddress {width: 55%;}
.inputAddress:hover {border-color: #FFCD20;}

fieldset textarea {float: left; width: 55%; border: 1px solid #FFAC35; margin-left: 10px;}
.boxComments {float: left; width: 55%; border: 1px solid #FFAC35; margin-left: 10px; padding-bottom: 0px; margin-bottom: 0px;}
.boxComments:hover {border-color: #FFCD20;}

.radioB {float: left; width: 20px; margin-right: 4px; border: none;}

#menuStages {
	float: right;
	width: 169px;
	margin-top: 27px; margin-bottom: 25px;
}
#menuStages p {margin-top: 0px; margin-bottom: 2px;}
#menuStages img {border: none; cursor: pointer;}

#caption_stages1, #caption_stages2, #caption_stages3, #caption_stages4, #caption_stages5, #caption_stages6, #caption_stages7, #caption_stages8, #caption_stages9, #caption_stages10 {float: left; width: 346px; margin-left: 26px; position: absolute; top: 340px; font-size: 9pt; overflow: hidden; visibility: hidden;}

#caption_stages1 p, #caption_stages2 p, #caption_stages3 p, #caption_stages4 p, #caption_stages5 p, #caption_stages6 p, #caption_stages7 p, #caption_stages8 p, #caption_stages9 p, #caption_stages10 p {margin-top: 0px;}
#caption_stages1 {visibility: visible;}

#stagesPic {float: left; width: 350px; margin-left: 26px; position: absolute; top: 392px;}
#stagesPic img {border: 2px solid #FFE3B0;}

#boxGallery {width: 522px; height: 410px; }

-->


