@charset "UTF-8";
/* CSS Document */

body {
width:775px;
margin:0 auto;
margin-top:1%;
background-image: url(../../bg.jpg);
color: #003366; 
font-size: 14px
}
a img {
border:none;
}

a {
text-decoration:none;
}

h2{ 
	text-align:right; 
	font-size: 20px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	border-bottom: 2px #FFFFFF dotted;
	margin-bottom: 6px;
	padding-right: 4px
	}
	
h4{line-height: 6px}

	.shortnav {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:10px;
		line-height:normal;
		margin-left:360px;		
		}
		.shortnav ul {
			  margin:0;
			  list-style: circle;
			  }
		.shortnav li {
			  display:inline;
			  float: left;
			  margin:0;
			  padding:0 0 0 8px;  
			  }
		.shortnav a {
		color: #003366;
			  float:left;
			  margin:0;
			  text-decoration:none;
			  }


/* ----- HEADER ----- */



#header {
width:775px;
height:82px;
background-image: url(../../spas/secondary_header.jpg)
}


		#headernav {
			width:525px;
			font-size:14px;
			line-height:normal;
			float:right;
			margin: 50px 4px 0 0;
			text-align:right
			  }
				#headernav ul {
					  margin:0;
					  }
				#headernav li {
					  display:inline;
					  margin:0;
					  padding:0;
					  }
				#headernav a {
					  float:left;
					  margin:0 0 0 25px;
					  text-decoration:none;
					  padding-left:15px;
					  background:url(dot.jpg) no-repeat left
					  }
				#headernav a span {
					  float:left;
					  display:block;
					  color: #003366
					  }
				
				#headernav a span {float:none;}
				
				#headernav a:hover span {
					  color:#000;
					  }


/* LAYOUT WRAPPER */




#wrapper{
width:773px;
background-color:#f2f7fb;
overflow:hidden; /* USE FIREFOX GUYS! WE ONLY NE 326-1888 ED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
height:231px;
border-left: #5a97a9 1px solid;
border-right: #5a97a9 1px solid;


}
#wrapper2{
width:773px;
height:222px;
background-color:#f2f7fb;
overflow:hidden; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
border-left: #5a97a9 1px solid;
border-right: #5a97a9 1px solid;

}
#wrapper3{
width:773px;
background-color:#f2f7fb;
overflow:hidden; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
border-left: #5a97a9 1px solid;
border-right: #5a97a9 1px solid;
height: 183px;

}



/* ----- NAVIGATION ----- */



#navigation {
width:446px;
min-height:230px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:230px; /* for IE5.x and IE6 */
background: url(pool_bg.jpg) #fff repeat-x;
float:left;

}
#navigation2 {
width:322px;
min-height:222px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:222px; /* for IE5.x and IE6 */
background-color: #fff;
float:left;
background:#fff
}

		.navlist li a{
			font: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #415780;
			line-height: 20px;
			text-decoration:none;}
		.navlist{
			list-style-image:url(arrow.gif);
			margin-top: 25px;
			
			}
			
#navigation3 {
	width:334px;
	min-height:183px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:183px; /* for IE5.x and IE6 */
background: url(pool_bg.jpg) #fff repeat-x;
	float:left;
	}



	.textbox{
		width:400px;
		font: Verdana, Arial, Helvetica, sans-serif 10px;
		margin-left:20px}
	.textbox2{ width:300px; font: Verdana, Arial, Helvetica, sans-serif 11px; margin-left:15px}


/* ----- MAIN CONTENT ----- */


#content { 
margin-left:447px;
width:320px;
min-height:230px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:230px; /* for IE5.x and IE6 */
background-color: #fff;

}	
#content2 { 
margin-left:324px;
width:443px;
min-height:222px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:222px; /* for IE5.x and IE6 */
background: url(pool_bg.jpg) #fff repeat-x;

}


	
	#list{
			float:left;
			width: 400px;
			padding: 10px 50px 0 47px;
			margin-top: 0px;
			font:11px Verdana, Arial, Helvetica, sans-serif;
			background-color: #eddec1;
			list-style-image:url(arrow.gif);
		}

#content3 { 
margin-left:335px;
width:434px;
min-height:183px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:183; /* for IE5.x and IE6 */
background-color: #fff;

}


/* ----- FOOTER ----- */


#footer { 
width:775px;
height:80px;
background-image: url(../../spas/footer_bg.jpg)
}