* {
	margin: 0;
	padding: 0;
}

html, body {
	  margin: 0;
	  padding: 0;
	  height: 100%; 
}

body {
  	background: #fff url(/images/background.gif) repeat-y top center;
	text-align: center;
	font: 75%/130%  "Lucida Grande", "Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;

}


ul {
	list-style: none;
}

h1 {
	
	border-top: 3px solid #330099;
	line-height: 1em;
	padding: 0;
	margin: 0;
	text-indent: -3000px;
	overflow: hidden;
	background: url(/images/logo.gif) no-repeat top left;
	height: 88px;
	
}

h2 {
	color: #D72E95;
	line-height: 1em;
	font-size: 20px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
}

#mainContent h3 {
	color: #74AFF4;
	line-height: 1em;
	font-size: 14px;
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
}

#mainContent ul li {
background: url(/images/bullet2.gif) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 0;
}

#sidebarContent h3 {
	color: #D72E95;
	line-height: 1em;
	font-size: 18px;
	padding: 7px 0;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
}

p {
padding: 6px 0;
line-height: 120%;
}


/************************/
/* 		NAVIGATION		*/
/************************/

#siteNavigation ul {
width: 176px;
float: left;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #9DC7F7;
height: 156px;
width: 178px;
display: block;
voice-family: "\"}\""; 
voice-family: inherit;
width: 176px; /* correct width for IE6 */

}

html>body #siteNavigation ul { width: 176px; }


#siteNavigation a {
	display: block;
	padding: 3px 6px 3px 12px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	width: 176px;
	border-bottom: 1px dashed #fff;
	background: #74AFF4 url(/images/top_nav_bg.gif) repeat-y top left;
	font-size: 110%;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 158px; /* correct width for IE6 */

}

html>body #siteNavigation a { width: 158px; }

#siteNavigation a.last {
border-bottom: 2px solid #fff;
}

#siteNavigation a:hover, #siteNavigation a.here {
background: #6695CC;
}

#middleNavigation {
float: right;
height: 156px;
width:574px;
background: #74AFF4 url(/images/middle_bg1.jpg) no-repeat top left;
}

#hot_tubsbody #middleNavigation {
background: #74AFF4 url(/images/middle_bg2.jpg) no-repeat top left;
}

#poolsbody #middleNavigation {
background: #74AFF4 url(/images/middle_bg3.jpg) no-repeat top left;
}

#servicesbody #middleNavigation {
background: #74AFF4 url(/images/middle_bg1.jpg) no-repeat top left;
}

#saunas_steam_roomsbody #middleNavigation {
background: #74AFF4 url(/images/middle_bg4.jpg) no-repeat top left;
}


#aboutbody #middleNavigation {
background: #74AFF4 url(/images/middle_bg5.jpg) no-repeat top left;
}


#middleNavigation li {
display: inline;
}

#middleNavigation li a {
width: 189px;
height: 25px;
margin-top: 133px;
display: block;
float: left;
text-indent: -3000px;
overflow: hidden;
border-right: 2px solid #fff;
}

#middleNavigation li a.midhot {
	
	background: url(/images/middle_button_hottubs.gif) no-repeat top left;
}

#middleNavigation li a.midpool {

	background: url(/images/middle_button_pools.gif) no-repeat top left;
}

#middleNavigation li a.midservice {

	background: url(/images/middle_button_service.gif) no-repeat top left;
}

#middleNavigation li a:hover.midhot, #hot_tubsbody #middleNavigation li a.midhot  {
	
	background-position: 0 -25px;
}

#middleNavigation li a:hover.midpool, #poolsbody #middleNavigation li a.midpool {

	background-position: 0 -25px;
}

#middleNavigation li a:hover.midservice, #servicesbody #middleNavigation li a.midservice {

	background-position: 0 -25px;
}

/************************/
/* 		PAGE DIVS		*/
/************************/

#container-page {

  margin: 0 auto;
  background: #fff;
  width: 752px;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}


#contentHolder {
display: block;
clear: both;
margin: 0 15px;
padding: 15px 0;
}

#mainContent {
float: left;
width: 500px;
padding: 0 0 30px 0;
}

#sidebarContent {
float: right;
width: 200px;
padding: 0 0 30px 0;
}

#homebody #mainContent {
float: left;
width: 455px;
padding: 0 0 30px 0;
}

#homebody #sidebarContent {
float: right;
width: 245px;
padding: 0 0 30px 0;
}

#contactbody #mainContent {
float: left;
width: 455px;
padding: 0 0 30px 0;
}

#contactbody #sidebarContent {
float: right;
width: 245px;
padding: 0 0 30px 0;
}

#mapbody #mainContent {
float: left;
width: 455px;
padding: 0 0 30px 0;
}

#mapbody #sidebarContent {
float: right;
width: 245px;
padding: 0 0 30px 0;
}


/************************/
/* 		FOOTER			*/
/************************/


#non-Footer {
position: relative;
min-height: 100%;
width: 752px;
margin: 0 auto;
padding: 0 0 15px 0;
text-align: left;
}

* html #non-Footer
{
height: 100%;
}

#footerHolder {
background: #F1F7FE;
height: 50px;
width: 752px;
margin: 0 auto;
text-align: left;
padding: 0 0 0 0;
font-size: 90%;
clear: both;
position: relative;

}

#footer p {
padding: 10px;
color: #fff;
}


#footerHolder li {
display: inline;
padding: 0 3px;
margin: 0;
}

#footerHolder p {
clear: both;
padding: 0 5px;
margin: 0;
}

#footerHolder ul {
clear: both;
padding: 5px 5px 0px 5px;
margin: 0;
}

#footerHolder a {
text-decoration: none;
color: #000;
}

#footerHolder a:hover {
text-decoration: underline;
}

.contactButton {
	text-align: center;
	line-height: 1em;
	margin: 0 auto;
	padding: 10px 0;
	text-indent: -3000px;
	overflow: hidden;
}

.contactButton a {

	display: block;
	background: url(/images/questions_button.gif) no-repeat top left;
	height: 75px;
	width: 147px;
	text-decoration: none;
	text-align: center;
}

.contactButton a:hover {
	text-decoration: none;
}

img.homeimage {
margin: 0 5px 5px 0px;
border: 1px solid #000;
}

img.productimage {
margin: 0 5px 5px 0px;
padding: 2px;
border: 1px solid #000;
}

img.productimage2 {
margin: 10px 5px 5px 10px;
padding: 4px;
}

/************************/
/* 	   RELATED LINKS	*/
/***********************/

#relatedLinks li {
background: url(/images/bullet.gif) no-repeat 0 50%;
padding-left: 20px;
margin: 3px 0;
}

a {
text-decoration: none;
color: #330099;
}

a:hover {
text-decoration: underline;
}

/*************************/
/*		SITE MAP		 */
/************************/

#mainContent ul.sitemapwrapper li {
	color: #74AFF4;
	line-height: 1em;
	font-size: 14px;
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
	font-weight: bold;
	background: #fff;
}

#mainContent ul.sitemap {
padding: 0 15px;
}

#mainContent ul.sitemap li {
background: url(/images/bullet.gif) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 3px 0;
font-weight: normal;
font-size: 12px;
}



/************************/
/*     CONTACT FORM     */
/***********************/

input, textarea {
font: 100%/130%  "Lucida Grande", "Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;
width: 350px;
}

input.contactbutton
{
    margin: 5px 0 0 0;
	color: #330099; 
	background-color:#ffffff; 
	border:1px solid #330099; 
	cursor: pointer;
	padding: 2px;
	width: 120px;
}

.smart_req { color: red; }
.smart_label_error { font-weight: bold; background: #FFFFCC; }
.smart_error { color: red; }
.smart_req {  color: red;}
.emq { color: red; font-weight: bold; }

p.fail {
background: #FFCCCC url(/images/fail_icon.gif) no-repeat 5px 50%;
border: 1px solid #DB2929;
margin: 6px 0;
padding: 6px 6px 6px 42px;
line-height: 22px;
font-weight: normal;

}


p.success {

background: #E7F4D4 url(/images/success_icon.gif) no-repeat 5px 50%;
border: 1px solid #00D100;
margin: 6px 0;
padding: 6px 6px 6px 42px;
line-height: 22px;
font-weight: normal;

}

dl.productsBrowse {
margin: 5px 0 10px 0;
display: block;
clear: both;
}