/* Globals */
html {
	font-size: 12px;
	font-family: Verdana, sans-serif;
}

body {
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	line-height: 1.5em;
	color: #000000;
	background-color: #C6B49C;
	margin-top: 0;
	bottom: 0;
	text-align: center;
}

/* Text Styles */
p {
	margin: 0 0 16px 0;
	padding: 0;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

.red {
	color: #CC0000;
}

h1 {
	border-bottom: 1px solid #6D6D6D;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
}

h2 {
	margin: 6px 0 8px 0;
	padding: 0 0 8px 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #006666;
}

h3 {
	font-size: 12px;
	line-height: 19px;
	padding: 0px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
}

ul li {
	margin: 0 0 1em 0;
	padding: 0;
}

ol li {
	margin: 0 0 1em 0;
	padding: 0;
}

fieldset {
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0 #CCCC99 solid;
}

fieldset.submit {
	border-style: none;
	float: none;
	width: auto;
	padding-left: 9em;
}

label {
	float: left;
	width: 8em;
	text-align: right;
	margin-right: .5em;
	vertical-align: bottom;
}

textarea {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Main Structure */
#master {
	width: 916px;
	margin: 0 auto 0 auto;
}

#main {
	width: 916px;
	background-repeat: repeat-y;
	background-image: url(/images/sideshadow.gif);
	margin: 0 auto 0 auto;
}

#bottomshadow {
	width: 916px;
	height: 18px;
	background-repeat: no-repeat;
	background-image: url(/images/bottomshadow.gif);
}

/* Header */
#header {
	width: 858px;
	height: 147px;
	margin-left: auto;
	margin-right: auto;
}

#headerlogo {
	width: 144px;
	height: 147px;
	background-image: url(/images/logo.jpg);
	float: left;
}

#headerbar {
	width: 714px;
	height: 147px;
	margin-right: auto;
	float: left;
}

#headertopper {
	width: 714px;
	height: 94px;
	margin-right: auto;
	background-image: url(/images/topper.jpg);
	position: relative;
	float: left;
}

/* Top Nav */
#topnav {
	width: 714px;
	height: 53px;
	background-image: url(/images/topmenu.jpg);
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}

#topnav li {
	float: left;
}

#topnav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 53px;
	background-image: url(/images/topmenu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li#topnav_imagine a {
	left: 0;
	width: 238px;
	background-position: 0px 0px;
}

li#topnav_design a {
	left: 238px;
	width: 238px;
	background-position: -238px 0px;
}

li#topnav_build a {
	left: 476px;
	width: 238px;
	background-position: -476px 0px;
}

li#topnav_imagine a:hover {
	background-position: 0px -53px;
}

li#topnav_design a:hover {
	background-position: -238px -53px;
}

li#topnav_build a:hover {
	background-position: -476px -53px;
}

#body_imagine li#topnav_imagine a {
	background-position: 0px 0px;
}

#body_design li#topnav_design a {
	background-position: -238px 0px;
}

#body_build li#topnav_build a {
	background-position: -476px 0px;
}

/* Side Nav */
#sidenav {
	width: 144px;
	float: left;
	line-height: 150%;
	margin-top: 31px;
	margin-bottom: 31px;
}

#nav {
	margin: 0;
	padding: 0;
	background-color: #004788;
	list-style-type: none;
	width: 144px;
	font-size: 12px;
	float: left;
	text-align: left;
}

#nav li {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

#nav a {
	line-height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 18px;
	border-bottom: 1px solid #5C85D6;
}

#nav_home a {
	border-top: 1px solid #5C85D6;
}

#nav a:hover {
	color: #66CCCC;
	background-color: #1A5A94;
}

#body_home #nav_home a,
#body_about #nav_about a,
#body_gallery #nav_gallery a,
#body_gallery_Freeform #nav_gallery a,
#body_gallery_Geometric #nav_gallery a,
#body_gallery_Spas #nav_gallery a,
#body_gallery_Water_Features #nav_gallery a,
#body_gallery_Commercial #nav_gallery a,
#body_imagine #nav_getstarted a,
#body_design #nav_getstarted a,
#body_build #nav_getstarted a,
#body_faqs #nav_faqs a,
#body_commercial #nav_commercial a,
#body_contact #nav_contact a {
	background-color: #00396D;
	color: #FF9900;
}

/* SubNav */

#subnav,
#subnav,
#subnav,
#subnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 144px;
	font-size: 10px;
	float: left;
	text-align: left;
	color: #FFFFFF;
}

#body_gallery #subnav ul,
#body_gallery_Freeform #subnav ul,
#body_gallery_Geometric #subnav ul,
#body_gallery_Spas #subnav ul,
#body_gallery_Water_Features #subnav ul,
#body_gallery_Commercial #subnav ul,
#body_imagine #subnav ul,
#body_design #subnav ul,
#body_build #subnav ul {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	list-style-type: none;
}

#body_gallery #subnav a:hover,
#body_gallery_Freeform #subnav a:hover,
#body_gallery_Geometric #subnav a:hover,
#body_gallery_Spas #subnav a:hover,
#body_gallery_Water_Features #subnav a:hover,
#body_gallery_Commercial #subnav a:hover,
#body_imagine #subnav a:hover,
#body_design #subnav a:hover,
#body_build #subnav a:hover {
	color: #00FEFE;
	background-color: #338b8b;
}

#body_gallery #subnav a,
#body_gallery_Freeform #subnav a,
#body_gallery_Geometric #subnav a,
#body_gallery_Spas #subnav a,
#body_gallery_Water_Features #subnav a,
#body_gallery_Commercial #subnav a,
#body_imagine #subnav a,
#body_design #subnav a,
#body_build #subnav a {
	line-height: 20px;
	text-decoration: none;
	display: block;
	padding: 0 0 0 30px;
	border-bottom: 1px solid #5C85D6;
	margin-right: 0;
	color: #FFFFFF;
	background-color: #006e6e;
}

#body_imagine #subnav_imagine a,
#body_design #subnav_design a,
#body_build #subnav_build a {
	color: #FF9900;
	background-color: #005858;
}

#body_gallery_Freeform #subnav_Freeform a,
#body_gallery_Geometric #subnav_Geometric a,
#body_gallery_Spas #subnav_Spas a,
#body_gallery_Water_Features #subnav_Water_Features a,
#body_gallery_Commercial #subnav_Commercial a {
	color: #FF9900;
	background-color: #005858;
}


/* Start Content Containers */
#content {
	width: 858px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#mainpane {
	float: left;
	width: 714px;
}

#flashintro {
	width: 714px;
	height: 312px;
}

#gallery {
	width: 634px;
	margin-top: 0;
}

#indexcontent {
	width: 714px;
	float: left;
	border-bottom: 3px #CC6600 solid;
	border-top: 3px #CC6600 solid;
	padding: 30px 0 30px 0;
}

.index {	font-family: georgia;
	font-size: 14px;
	font-style: italic;
	padding: 0 90px 0 90px;
}

#mainpanecontentshadow {
	width: 714px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(/images/contentshadow.gif);
}

#mainpanecontent {
	width: 634px;
	margin: 0px 40px 30px 40px;
}

#mainpanethirds {
	width: 414px;
	padding: 0 22px 0 0;
	float: left;
}

#mainpanegraphics {
	width: 198px;
	float: left;
	margin-top: 18px;
	margin-bottom: 18px;
}

.picture {
	float: left;
	width: 198px;
	display: block;
	margin-top: 20px;
}

#mainpanegraphicszero {
	width: 198px;
	float: left;
	margin-top: 0;
}

/* FAQs */
#body_faqs h3 {
	margin-bottom: 3px;
	color: #006666;
	font-size: 14px;
	margin-top: 0;
}

#faqs {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 634px;
}

#body_faqs p {
	margin-bottom: 12px;
	border-bottom: 1px #FFFFFF solid;
	padding-bottom: 8px;
}

#body_faqs #faqs li {
	margin-bottom: 6px;
	border-bottom: 1px #FFFFFF solid;
}

#body_faqs #faqs li a {
	text-decoration: none;
	color: #000099;
}

#body_faqs #faqs li a:hover {
	text-decoration: none;
	color: #3399FF;
}

#faqscontent {
	width: 634px;
	margin: 0 40px 0 40px;
}

.faqspanethirds {
	width: 414px;
	padding: 0 22px 0 0;
	float: left;
	background-color: transparent;
}

.faqsgraphics {
	width: 198px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}

/* Bottom Stuff */
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: center;
	clear: both;
	color: #CCCCCC;
	width: 858px;
}

#footer p {
	padding: 5px;
	margin: 0px;
	border: 0;
}

#footer a {
	color: #CCCCCC;
}