/* CSS Document */



/* --------- Primary layout divisions --------- */



body {
	margin: 0;
	padding: 0;
	background: #000 url(img/banner.jpg) top left no-repeat;
	color: #666;
	font: small Georgia, "Times New Roman", serif;
	}

div#wrapper	{
	width: 900px;
	margin: 0 ;
	height: 100%;
	padding: 0;
	}
	
div#header {
	width: 900px;
	margin: 0;
	height: 170px;
	}
	
div#wrapper2 {
	background: #fff url(img/page-bg.jpg) top left no-repeat;
	min-height: 600px;
	}

div#globalnav {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 2em;
	}
	
div#page {
	margin-top: 40px;
	min-height: 450px;
	}
	
body#home div#content {
	margin: 0 270px 0 270px;
	padding: 0 10px 60px 10px;
	}	
	
div#content {
	margin-left: 285px;
	padding: 0 40px 60px 10px;
	}	

div#news {
	float: left;
	width: 205px;
	padding: 0 0 30px 45px;
	}
	
div#column1 {
	float: left;
	width: 205px;
	padding: 0 0 30px 45px;
	}
	
div#slideshow {
	float: right;
	width: 205px;
	margin: 20px 25px 0 0;
	}

div#footer {
	padding-top: 10px;
	height: 30px;
	clear: both;
	background-color: #000;
	}
	
body#staff #column1 #team	{
	height: 230px;
	}






/* --------- Global Navigation styles --------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#globalnav {
position: relative;
top: 0;
left: 280px;
height: 32px;
	}


#globalnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#globalnav li {
	display: inline;
	}
	
#globalnav li a {
	color: #fff;
	background: transparent url(img/blue-button-L.gif) no-repeat top left;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px; /* Change 12px as desired */
	line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 32px; /* Height of button background height */
	padding-left: 15px; /* Width of left menu image */
	text-decoration: none;
	}
	
#globalnav a:link, #globalnav a:visited, #globalnav a:active{
color: #000; /*button text color*/
}
	
#globalnav a span{
background: transparent url(img/blue_button_R.gif) no-repeat top right;
display: block;
padding: 2px 15px 6px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

#globalnav li a:hover {
background-position: bottom left;
	}

#globalnav a:hover span { /* Hover state CSS */
background-position: bottom right;
color: #fff;
}



/*-------- you are here globalnav --------- */

body#home li.home a, body#about li.about a, body#affil li.about a, body#fees li.about a, body#privacy li.about a, body#treat li.treat a, body#hydro li.treat a, body#myo li.treat a, body#pilates li.treat a, body#podiatry li.treat a, body#contact li.contact a, body#staff li.staff a, body#services li.services a {
background-position: bottom left;
	}
	
body#home li.home a span, body#about li.about a span, body#affil li.about a span, body#fees li.about a span, body#privacy li.about a span, body#treat li.treat a span, body#hydro li.treat a span, body#myo li.treat a span, body#pilates li.treat a span, body#podiatry li.treat a span, body#contact li.contact a span, body#staff li.staff a span,   body#services li.services a span {
background-position: bottom right;
color: #fff;
	}
	
	
/*-------- sub nav --------- */

#subnav ul {
	margin:40px 0 20px 0;
	padding: 0;
	list-style-type: none;
	}
	
#subnav li {
	padding-bottom: 8px;
	}
	
#subnav li a {
	text-decoration: none;
	font-size: 130%;
	color: #09c;
	}
	
#subnav a:link, #subnav a:visited, #subnav a:active{
	color:  #09c;
	}

#subnav li a:hover {
	color: #0471bd;
	font-style: italic;
	}


	
/*-------- global fonts and text --------- */



.hide {
	display: none;
	}


p	{
	padding-bottom: 0;
	margin: 0 0 10px 0;
	font-size: 100%;
	}
	

h1 {
	font-size: 200%;
	color: #09c;
	font-weight: normal;
	margin-bottom: 15px;
	}

h2 {
	font-size: 180%;
	color: #09c;
	font-weight: normal;
	margin-bottom: 10px;
	}	

h3 {
	font-size: 150%;
	margin-bottom: 2px ;
	font-weight: normal;
	color: #09c;
	padding: 0;
	}
	
h4 {
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	color: #09c;
	margin: 2px 0 7px 0;
	padding: 0;
	}
	

h5 {
	font-size: 110%;
	color:#09c;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
h6 {
	color:#09c;
	Font-size: 100%;
	margin: 0 0 5px 0;
	padding: 0;	
	font-weight: normal;	
	}	

em {
	font-weight: bold;
	}	

.intro {
	font-weight: bold;
	font-size: 105%;
	}
	
body#newsletter .intro {
	font-style: italic;
	font-size: 110%;
	font-weight: normal;
	}
	
	
.blue-italic {
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	color: #09c;
	margin: 2px 0 7px 0;
	padding: 0;
	}

body#contact h3 {
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 5px;
	padding-top: 10px;
	}
	
body#contact h4 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: 5px;
	}	

body#contact #content ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
body#staff #column1 h3 {
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 5px;
	}

body#fees #content ul {
	padding-left: 0px;
	margin-left: 15px;
	}	
	
#news h3{
	font-size: 125%;
	margin-bottom: 2px;
	margin-top: 5px;
	}
	
#news h3 a {
	color: #09c;
	}	

#content .story {
	border-top: dotted 2px #bde5f3;
	padding-top: 10px;
	margin-top: 20px;
	}
	
#content .story h3	{
	margin-top: 0;
	}
	
#content .story img {
	margin: 0 10px 5px 0;
	}
	
body#testimonials #content .story {
	background: url(img/quote.gif) no-repeat top left;
	padding-left: 45px;
	padding-top: 18px;
	}
	
	
#content .breadcrumb {
	font-style: italic;
	font-size: 95%;
	color: #09c;
	}
	
body#home #content p {
	font-size: 110%;
	}
	


/* --------- table specific rules  --------- */	


.timetable {
	border: 1px solid #61a4d3;
	border-collapse: collapse;
	margin: 5px 0 10px 0;
	}	

.timetable td {
	padding: 6px;
	border: 1px solid #61a4d3;
	width: 86px;
	text-align: center;
	}	

.timetable tr.day {
	background-color: #61a4d3;
	color: #FFFFFF;
	}

.feestable {
	border-collapse: collapse;
	width: 540px;
	margin-bottom: 15px;
	}	

.feestable td.price{
	text-align: right;
	}
	

.feestable td.item {
	font-weight: bold;
	font-size: 105%;
	}

.feestable td {
	border-top: 1px dotted #666666;
	padding-top: 6px;
	padding-bottom: 6px;
	}	

.affiltable {
	border-collapse: collapse;
	width: 540px;
	}	

.affiltable td {
	border-top: 1px dotted #666666;
	padding-top: 6px;
	padding-bottom: 6px;
	}

	
#contacttable {
	border-collapse: collapse;
	width: 460px;
	}

#contacttable td {
	vertical-align: top;
	padding-right: 35px;
	border: 0;
	}

#contacttable td img{
	border: 0;
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
	}


/* --------- image specific rules  --------- */

#content .image-caption {
	float: right;
	width: 250px;
	margin-bottom: 2px;
	margin-left: 15px;
	position: relative;
	padding-bottom: 20px;
	}
	
#content .image-caption p {
	position: absolute;
	width: 250px;
	left: 0;
	bottom: 0;
	font-style: italic;
	font-size: 95%;
	}
	
#content .image-caption img {
	display: block;
	}


#news img {
	padding-bottom: 5px;
	}
	
#column1 img {
	margin-top: 40px;
	}
	
#column1 #subnav img {
	margin-top: 0;
	}

#content img.logo {
	border: 0;
	margin: 20px;
	float: right;
	}	

body#affil img {
	border: 0;
	padding-right: 5px;
	margin: 0;
	float:left;
	}

#content img {
	margin: 15px 15px 10px 0;
	display:inline;
	float: left;
	}
	
#content img.right {
	float: right;
	}
	


body#home #content img {
	float: left;
	margin: 0 15px 5px 0;
	}
	
body#newsletter #content img {
	float:right;
	margin: 10px 0 10px 15px;
	}


body#achievements #content img {
	float:left;
	margin: 10px 10px 10px 0;
	}

#home-logos {
	margin: 25px 0 0 7px;
	}

/* --------- Our Team specific rules  --------- */

ul#our_team{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#our_team li {
	float: left;
	margin-right: 8px;
	margin-bottom: 3px;
	}

#our_team img {
	padding: 1px;
	margin: 3px;
	display: block;
	border: none;
	}



/* --------- footer specific rules  --------- */

#footer p {
	color: #fff;
	float: right;
	}
#footer strong {
	color: #61a4d3;
	}
	
#footer a {
	color: #61a4d3;
	}