body {
	font-family: arial, helvetica, sans serif;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: small;
	background-color: #97CAF4;
}

#wrapper {
	position: relative;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	background-color: #fff;
}


#pagecontainer {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 780px;
	background-color: #fff;
}

/*////////////////////////////
	HEADER AREA
////////////////////////////*/

#header {
	width: 780px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	background-image: url(images/header_back.gif);
	background-position: top;
	background-repeat: repeat-x;
	float: right;
}

#header1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 271px;
	height: 121px;
	float: left;
}

#header2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 495px;
	height: 121px;
	float: right;
}

/*////////////////////////////
	MENU AREA
////////////////////////////*/

#menuwrapper{
    font-family: arial, helvetica, sans serif;
	width: 770px;
	min-height: 20px;
	height: auto;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#blue1{
	background-color: #0D4B80;/*HOME*/
	width: 107px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #blue1{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

#blue2{
	background-color: #1163A6;/*POOLS */
	width: 107px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #blue2{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}


#blue3{
	background-color: #0099E6;/*SWIMSPAS */
	width: 127px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #blue3{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}


#blue4{
	background-color: #1680D6;/*WELLNESS */
	width: 127px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #blue4{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}


#blue5{
	background-color: #1163A6;/*PROJECTS */
	width: 168px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #blue5{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

#blue6{
	background-color: #0D4B80;/*CONTACT */
	width: 119px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

			* html #blue6{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

			* html .menutext{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}

.menutext{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}


			
			#header a{
				color: #fff; 
				text-decoration: none;
			}

			#header a:hover{
				color: #fff;
				text-decoration: none;
			}
			
/*////////////////////////////
	SECOND LEVEL MENU AREA
////////////////////////////*/
	
#menuarrow{
	background-color: #fff;
	font-weight: bold;
	width: 780px;
	float: left;
	min-height: 12px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.arrow1{
 padding: 0px 0px 0px 61px;
}

.arrow2{
 padding: 0px 0px 0px 169px;
}

.arrow3{
 padding: 0px 0px 0px 287px;
}

.arrow4{
 padding: 0px 0px 0px 415px;
}


.arrow5{
 padding: 0px 0px 0px 560px;
}

.arrow6{
 padding: 0px 0px 0px 708px;
}

.level2arrow1{
 padding: 0px 0px 0px 98px;
}

.level2arrow2{
 padding: 0px 0px 0px 286px;
}

.level2arrow3{
 padding: 0px 0px 0px 478px;
}

.level2arrow4{
 padding: 0px 0px 0px 668px;
}





			* html #menuarrow{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 11px;
}	
	
#menu2{
	background-color: #0D4B80;
	width: 760px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	float: left;
	min-height: 25px;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

			* html #menu2{
	height: 25px;
	margin: 0px 0px 0px 5px;
}


#menuarrow2{
	background-color: #fff;
	width: 780px;
	float: left;
	min-height: 12px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	* html #menuarrow2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 11px;
}

#secondmenu1{
	background-color: #1163A6;
	color: #fff;
	width: 190px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #secondmenu1{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}		


#secondmenu2{
	background-color: #149CE8;
	color: #fff;
	width: 190px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #secondmenu2{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

#secondmenu3{
	background-color: #1680D6;
	color: #fff;
	width: 190px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

			* html #secondmenu3{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

#secondmenu4{
	background-color: #1680D6;
	color: #fff;
	width: 187px;
	float: left;
	min-height: 15px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-right: 1px solid #fff;
}

			* html #secondmenu4{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
	

			
/*////////////////////////////
	CONTENT AREA
////////////////////////////*/

#pagecontent{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 780px;
	height: 100%;
	float: left;
}

#content{
	font-family: verdana, arial, helvetica, sans serif;
	font-size: small;
	width: 760px;
	color: #1B2060;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	min-height: 400px;
	max-height: 100%;
	float: left;
}
			
		* html #content {
		height: 400px;
		}
			
		
		
/*////////////////////////////
	FOOTER & COPYRIGHT
////////////////////////////*/
#footerwrapper {
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #97CAF4;
	height: auto;
	float: left;
}

#footer1 {
 	background-color: #fff;
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 35px;
	height: auto;
	}
				
#footerblue {
	background-image: url(images/footer_back.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	color: #fff;
	width: 760px;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	height: 41px;
 }
				
		.textfooterblue{
		font-family: verdana, arial, helvetica, sans serif;
		text-align: left;
		font-size: 90%;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 10px;
		color: #fff;
		font-weight: bold;
		}	
	
#footer3 {
 	background-color: #fff;
	width: 780px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	min-height: 25px;
	height: auto;
	}
				
#footerturquoise {
	background-color: #0099E6;
	color: #fff;
	width: 760px;
	margin: 0px 10px 10px 10px;
	padding: 10px 0px 10px 0px;
	height: auto;
 }
 
 	*html #footerturquoise{
		padding: 10px 0px 0px 0px;

		}	
	
		.textfooterturquoise{
		font-family: verdana, arial, helvetica, sans serif;
		text-align: left;
		font-size: 80%;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 5px 10px;
		color: #fff;
		font-weight: bold;
		}	
	
	
	*html .textfooterturquoise{
		padding: 0px 10px 0px 10px;

		}							
		
#footer2 {
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: auto;
	}
					
		.textfooter2 {
		font-family: verdana, arial, helvetica, sans serif;
		font-size: 90%;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 15px;
		color: #1B2060;
		}
					
* html #footer2{
	height: 25px;
}

#footer2 a{
	color: #1B2060; 
	text-decoration: underline;
	}

#footer2 a:hover{
	color: #1B2060;
	text-decoration: underline;
	}
					
					

/*////////////////////////////
	HEADINGS
////////////////////////////*/

h1{
	font-family: arial, helvetica, sans serif;
	color: #0099E6;
	font-size: medium;
	font-weight: bold;
}

h2{
	font-family: arial, helvetica, sans serif;
	color: #1B2060;
	font-size: small;
	font-weight: bold;
}

h3{
	font-family: arial, helvetica, sans serif;
	color: #0099E6;
	font-size: small;
	font-weight: bold;
}

/*////////////////////////////
	LINKS
////////////////////////////*/
a{
	color: #0099E6; /*TURQUOISE BLUE */
	text-decoration: underline;
}

a:visited{
    color: #0099E6; /*  TURQUOISE BLUE*/
	text-decoration: underline;
}

a:hover{
    color: #0099E6;  /* TURQUOISE BLUE */
	text-decoration: none;
}


/*////////////////////////////
	HOME CONTAINER
////////////////////////////*/

  #homecontainer{
		width: 207px;
		margin: 0px 10px 0px 0px;
		padding: 0px 0px 30px 0px;
		height: 400px;
		float: left;
		}
		
/*////////////////////////////
	OTHER
////////////////////////////*/				

.right{
float: right;
margin: 0px 0px 10px 10px;

}

.submit{
background-color: #fff;
color: #1B2060;
font-weight: bold;
font-size: 90%;
}

.small{
font-size: 90%;
}

.small2{
font-size: 80%;
}

	ul
{
	list-style-type: image;
	list-style-image: url(images/bulletpoint.gif);
}

img{
	border: none;
}

td.backblue{
	background-color: #46A2EC;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #1B2060;
}


.borderblue{
	border-bottom: 1px solid #1B2060;
	padding-top: 10px;
	margin-bottom: 15px;
}

.borderblue2{
	border-top: 1px solid #1B2060;
	padding-top: 10px;
}

td.lightblue{
	background-color: #D6EFFB;
}

.border{
	border: 1px solid #1B2060;
}

label.enquiry
{
	width: 120px;
	float: left;
}

#cform
{
	float: right;
	padding: 20px;
	border: 1px solid #1B2060;
}