body {
	background:url(img/tile-bg.jpg) repeat top center #006699;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	margin:10px auto;
}

form {
	margin:15px 0px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	}

input {background:#FFF;
	border:1px solid #CCCCCC;
	padding:3px;
	font-size:8pt;
	color:#999999;
	}

h2 {
	font-size:12pt;
	font-weight:600;
	letter-spacing:-1pt;
	color:#0D4262;
	}

li {
	font-size:9pt;
	color:#333333;
	}


/*DIVS*/
.clearer {clear:both; height:0px;}

#wrapper {
	width:840px;
	margin:0 auto;
	}
	
#topquote {
	width:755px;
	padding:0px 15px 0px 70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	margin:0 auto;
	color:#FFFFFF;
	}
#request {
	width:136px;
	height:62px;
	float:right;
	
	}
#logo {
	margin-left:55px;
	clear:right;
	width:785px;
	height:204px;
	background:url(img/logo.jpg) no-repeat top center #FFFFFF;
	}
#content {
	width:840px;
	background:url(img/content-bg.gif) repeat-y top right;
	}	
#nav {
	width:175px;
	float:left;
	}
#copy {
	width:380px;
	float:left;
	margin-left:20px;
	}
.rule {
	width:30px;
	height:500px;
	float:left;
	background:url(img/v-rule.jpg) no-repeat top center;
	}
#multi {
	width:210px;
	float:left;
	margin-top:30px;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
#ssp {
	width:590px;
	height:auto;
	float:left;
	margin-top:30px;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
#footer {
	margin-left:55px;
	clear:right;
	width:785px;
	height:30px;
	background:url(img/footer.gif) no-repeat top center;
	}

#info {
	margin:10px auto;
	text-align:right;
	font-size:8pt;
	color:#FFFFFF;
	}
	
/*rollovers*/
a .alt { display: none; }
a#request1 {
    display: block;
    width: 132px;
    height: 62px;
    background-image:url(img/request-a.gif);
    margin: 0;
	float:left;
}
a#request1:hover {background-image: url(img/request-b.gif);}

a#home {
	display:block;
	width:175px;
	height:47px;
	background-image:url(img/nav/home1.gif);
	margin:0;
	float:left;
	}
a#home:hover {background-image:url(img/nav/home2.gif);}

a#pools {
	display:block;
	width:175px;
	height:36px;
	background-image:url(img/nav/pools1.gif);
	margin:0;
	float:left;
	}
a#pools:hover {background-image:url(img/nav/pools2.gif);}

a#spas {
	display:block;
	width:175px;
	height:36px;
	background-image:url(img/nav/spas1.gif);
	margin:0;
	float:left;
	}
a#spas:hover {background-image:url(img/nav/spas2.gif);}

a#gallery {
	display:block;
	width:175px;
	height:37px;
	background-image:url(img/nav/gallery1.gif);
	margin:0;
	float:left;
	}
a#gallery:hover {background-image:url(img/nav/gallery2.gif);}

a#equip {
	display:block;
	width:175px;
	height:37px;
	background-image:url(img/nav/equip1.gif);
	margin:0;
	float:left;
	}
a#equip:hover {background-image:url(img/nav/equip2.gif);}

a#faq {
	display:block;
	width:175px;
	height:37px;
	background-image:url(img/nav/faq1.gif);
	margin:0;
	float:left;
	}
a#faq:hover {background-image:url(img/nav/faq2.gif);}

a#contact {
	display:block;
	width:175px;
	height:45px;
	background-image:url(img/nav/contact1.gif);
	margin:0;
	float:left;
	}
a#contact:hover {background-image:url(img/nav/contact2.gif);}
/*LINK STYLES*/
#topquote a:link, #topquote a:visited, #info a:link, #info a:visited {
	color:#55c9e5;
	text-decoration:none;
	}
	
#topquote a:hover, #topquote a:active, #info a:hover, #info a:active {
	color:#55c9e5;
	text-decoration:underline;
	}

#content a:link, #content a:visited {
	color:#333333;
	}
#content a:hover {
	color:#999999;
	text-decoration:none;
	}
#content a:active {
	color:#dd6822;
	}
/*TYPOGRAPHY*/
#topquote p {
	padding-top:18px;
	}
	
#copy h1 {
	font-size:18pt;
	text-transform:uppercase;
	color:#dd6822;
	margin-bottom:-15px;
	padding:0px;
	}
	
#copy p {
	font-size:9pt;
	line-height:18pt;
	text-align:justify;
	color:#4b4b4b;
	}

#multi p {
	padding:0px 8px;
	line-height:14pt;
	}
#multi h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#126482;
	padding:0px 8px;
	}

.multimg {
	text-align:center;
	border:1px solid #999999;
	margin:8px auto;
	}

/*FORM STYLES*/
	
table.estimate, table.estimate td {
	padding:8px;
	font-size:9pt;
	}

input.services {
	width:360px;
	color:#666666;
	}
	
textarea.services {background:#FFF;
	border:1px solid #CCCCCC;
	padding:3px;
	font-size:8pt;
	width:350px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#666666;
	}	
	
.subbie {
	background:url(img/submit.jpg) top center no-repeat;
	width:113px;
	height:47px;
	border:2px solid #CCCCCC;
	text-align:right;
	margin:8px;
	}	
	
.blue {
	background-color:#D6EAF5;
	}
.orange {
	background-color:#F4F9FB;
	}
/*misc styles*/
.imgpusher {
	padding:0px 10px 10px 0px;
	}
.invis {display:none;}