@charset "UTF-8";

html { min-height: 100%; margin-bottom: 1px; 
}
body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0;
padding: 0;
background:url(../images/wave2.gif) repeat;
	
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.page #container { 
	width: 776px;  
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
position:relative;
background: #ffffff; 
padding-left:-210px; 
margin-bottom:10px; 
} 


#column1 {
	float: left;
	
	width: 255px; 
	background: #ffffff; 
	padding: 0px; 
	margin:0px;
}
#maincontent {
float: left;
background: #ffffff;
padding: 0px; 
margin:0px;}

/* Column 2 and 3 are within #maincontent*/

#column2 {

	width:255px;
	float: left;
	padding:0px;
	margin-left:0px;
	margin-bottom:0px;}

#column3 {
	width: 255px;
	float: left;
	margin-left:0px;
	padding:0px;
}



.page #footer { 
	padding: 0 0px; 
	background:#DDDDDD;
} 


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p{font-family:Arial, Helvetica, sans-serif;
margin-left:20px;
margin-right:35px;
padding-left:0px;
font-size:14px;
color:#666666;
}


#column1 img{margin-left:20px;
margin-top:20px;margin-bottom:10px;
height:200px;
width:200px;}
#column2 img{margin-left:20px;
margin-top:20px;margin-bottom:10px;
height:200px;
width:200px;}
#column3 img{margin-left:20px;
margin-top:20px;margin-bottom:10px;
height:200px;
width:200px;}


#navigation {
	background-color:#ffffff;
	height:32px;
	width:776px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 0px;
}

#navigation img{

	margin:0px;
	border:0px;
	width:97px;
	height:28px;
}



#footer{z-index:1;}


#aboutus img{
margin-left:20px;
}
#footer p{text-align:center;
margin-top:-40px;
color:#eeeeee;
}
#aboutus{width:500px;
	float:left;
	margin-bottom:0px;}
	
	#treatment{width:500px;
	float:left;
	margin-bottom:0px;}
	
	#aboutus img{
	text-align:right;
	padding:0px 20px 10px 0px;}
	 
 #csp{
position:absolute;
width:107px;
margin-left:600px;
margin-top:-80px;
z-index:3;
padding:0px;
}

#physio{
position:absolute;
width:107px;
margin-left:680px;
margin-top:-80px;
padding:0px;
z-index:2;

}


#footer-menu{
position:absolute;
width:16em;
margin-left:10px;
margin-top:0px;
padding:0px;
z-index:2;
}
#footer-menu p{
font-size:75%;
}

#setwidth {float:left;width:440px;
margin-right:20px;
}

#setwidth h3{margin-bottom:20px;}

#contact {float:left;width:500px;

}

#contact ul{list-style:square;

line-height:200%;}


table{
width:520px;
color:#FFFFFF;
line-height:25px;
font-size:14px;
text-align:center;
margin-top:12px;
}
td{

}
.treatmenttable h3{
margin-top:30px;
margin-left:0px;

}

.treatmenttype{width:180px;
background-color:#29077f;
}

.treatmentprice{width:160px;
background-color:#5838b8;
}

.treatmentnotes{width:180px;
background-color:#8868f8;
border:#FFFFFF solid 1px;}