@charset "utf-8";
html {
	height: 101%;
}
body {
	background-color: #000000;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
}
h1 {
	display: none;
	line-height: 0.1px;
}
h2 {
	font-size: 1.8em;
	margin: 5px 0;
}
h3 {
	font-size: 1.4em;
	margin: 5px 0;	
}
h4 {
	font-size: 1em;
	margin: 5px 0;	
}
p, li, td, label {
	font-size: 0.7em;
}
img {
	border: none;
}
th {
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
}
.clear {
	clear: both;
}
.work_pics {	
	display: none;
}
#container {
	width: 874px;
	background-image: url(../img/bg_header.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 auto;
}
#logo {
	float: left;
}
#logo img {
	margin: 30px 0 0 60px;
}
#logo img.spa {
	margin: 0 48px 0 0;
}
/* =navigation */
#navigation {
	float: left;
	margin-top: 130px;
	padding: 0;
	z-index: 0;
}
#navigation ul {
	margin: 0 0 0 119px;
	padding: 0;
	list-style-type: none;
}
body#beauty #navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#navigation ul li a {
	display: block;
	height: 52px;
	background-repeat: no-repeat;
	background-position: bottom left
}
#navigation ul li a span {
	display: none;
}
#navigation ul li a.home {
	width: 46px;
	background-image: url(../img/nav/home.gif)
}
#navigation ul li.selected a.home, #navigation ul li.selected a.home:hover {
	background-image: url(../img/nav/home_on.gif);
}
#navigation ul li a.home:hover {
	background-image: url(../img/nav/home_hover.gif)
}
#navigation ul li a.facilities {
	width: 64px;
	background-image: url(../img/nav/facilities.gif);
}
#navigation ul li.selected a.facilities, #navigation ul li.selected a.facilities:hover {
	background-image: url(../img/nav/facilities_on.gif);
}
#navigation ul li a.facilities:hover {
	background-image: url(../img/nav/facilities_hover.gif);
}
#navigation ul li a.cafebar {
	width: 66px;
	background-image: url(../img/nav/cafebar.gif);
}
#navigation ul li.selected a.cafebar, #navigation ul li.selected a.cafebar:hover {
	background-image: url(../img/nav/cafebar_on.gif);
}
#navigation ul li a.cafebar:hover {
	background-image: url(../img/nav/cafebar_hover.gif);
}
#navigation ul li a.beauty {
	width: 84px;
	background-image: url(../img/nav/beauty.gif);
}
#navigation ul li.selected a.beauty, #navigation ul li.selected a.beauty:hover {
	background-image: url(../img/nav/beauty_on.gif);
}
#navigation ul li a.beauty:hover {
	background-image: url(../img/nav/beauty_hover.gif);
}
#navigation ul li a.spa {
	width: 33px;
	background-image: url(../img/nav/spa.gif);
}
#navigation ul li.selected a.spa, #navigation ul li.selected a.spa:hover {
	background-image: url(../img/nav/spa_on.gif);
}
#navigation ul li a.spa:hover {
	background-image: url(../img/nav/spa_hover.gif);
}
#navigation ul li a.membership {
	width: 92px;
	background-image: url(../img/nav/membership.gif);
}
#navigation ul li.selected a.membership, #navigation ul li.selected a.membership:hover {
	background-image: url(../img/nav/membership_on.gif);
}
#navigation ul li a.membership:hover {
	background-image: url(../img/nav/membership_hover.gif);
}
#navigation ul li a.creche {
	width: 55px;
	background-image: url(../img/nav/creche.gif);
}
#navigation ul li.selected a.creche, #navigation ul li.selected a.creche:hover {
	background-image: url(../img/nav/creche_on.gif);
}
#navigation ul li a.creche:hover {
	background-image: url(../img/nav/creche_hover.gif);
}
#navigation ul li a.contact {
	width: 77px;
	background-image: url(../img/nav/contact.gif);
}
#navigation ul li.selected a.contact, #navigation ul li.selected a.contact:hover {
	background-image: url(../img/nav/contact_on.gif);
}
#navigation ul li a.contact:hover {
	background-image: url(../img/nav/contact_hover.gif);
}
/* =welcome */
#welcome {
	border-top: 3px solid #c2cfd7;
	height: 243px;	
}
#welcome #intro {
	float: left;
	width: 308px;
	height: 243px;
	background-image: url(../img/bg_intro.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #c2cfd7;
}
#welcome #intro h2 {
	margin: 25px 0 10px 60px;
	font-size: 1.4em;
	color: black;
	font-weight: normal;	
}
#welcome #intro p {
	margin: 0 30px 15px 60px;
	color: #5e6164;
}
#welcome #intro p a {
	color: #333;
	text-decoration: none;
}
#welcome #intro p a:hover {
	text-decoration: underline;
}
#welcome img {
	float: left;
	margin: 0 0 0 1px;
} 
#info {
	height: 224px;
	background-image: url(../img/bg_info.gif);
	background-repeat: no-repeat;
}
#info #spa {
	float: left;
	width: 303px;
	margin: 0 12px 0 0;
}
#info #spa h3 {
	margin: 20px 30px 10px 60px;
	font-weight: normal;	
}
#info #spa img {
	margin: 0 30px 0 60px;
}
#info #spa p {
	margin: 15px 30px 0 60px;
}
#info #spa a {
	color: #e64097;
	text-decoration: none;
}
#info #spa a:hover {
	text-decoration: underline;
}
#info #spa a:visited {
	color: #e64097;
}
#info #where_we_are {
	float: left;
	width: 244px;
	margin: 0 10px 0 0;
}
#info #where_we_are h3, #info #opening_times h3 {
	margin: 20px 20px 5px 20px;
	color: #15c1e6;
	font-weight: normal;
}
#info #where_we_are p.address {
	margin: 80px 20px 10px 20px;
	padding: 0;
	color: #808080;
}
#info #where_we_are p {
	margin: 15px 20px 10px 20px;
	padding: 0;
}
#info #where_we_are p a, #info #opening_times p a {
	padding: 0;
	color: #15c1e6;
	text-decoration: none;
}
#info #where_we_are p a:hover, #info #opening_times p a:hover {
	text-decoration: underline;
}
#info #where_we_are p a, #info #opening_times p a {
	color: #15c1e6;
	padding: 0;
}
#info #opening_times {
	float: left;
	width: 303px;
}
#info #opening_times table {
	margin: 10px 20px 0 20px;
}
#info #opening_times table tr td.day {
	width: 145px;
}
#info #opening_times p {
	margin: 18px 20px 10px 20px;
	padding: 0;
}
#extra_info a {
	color: #FF9900;
	text-decoration: none;
}
#extra_info a:hover {
	text-decoration: underline;
}	
/* =content */
#content {
	background-image: url(../img/bg_content.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
#content #inner_info {
	float: left;
	width: 308px;	
}
#content #maincontent {
	float: right;
	width: 565px;
	background-image: url(../img/bg_subpage.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
#content #inner_info #secondary_nav {
	padding: 20px 0 4px 0;
	margin: 1px 0 0 0;
	background-color: #333333;
}
#content #inner_info #secondary_nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: #c2cfd7;	
}
#content #inner_info #secondary_nav ul li {	
	margin: 0;
	padding: 0;		
	display: inline;
}
#content #inner_info #secondary_nav ul li a span {
	display: none;
}
#content #inner_info #secondary_nav ul li a {
	display: block;
	height: 23px;
	width: 308px;
	margin: 0 0 2px 0;	
	padding: 0;
	background-position: top left;
	background-repeat: repeat-x;	
}
/* See secondnav.css for all specific styles for secondary navigation background images */
#content #inner_info h3 {
	margin: 20px 20px 5px 60px;
	color: #FF9900;
	font-weight: normal;
}
#content #inner_info #extra_info p, #content #inner_info #extra_info table {
	margin: 10px 20px 20px 60px;	
}
#content #inner_info #extra_info table tr td.day {
	width: 78px;
}
#content #maincontent {
	padding-bottom: 20px;
}
#content #maincontent h4 {
	margin: 20px 20px 5px 30px;
	color: #15c1e6;
	font-weight: bold;
}
#content #maincontent a {
	color: #15c1e6;
	text-decoration: none;
}
.subpage #container #content #maincontent cafe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #15c1e6;
}
.subpage #container #content #inner_info #extra_info h3 cafe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #15c1e6;
}
#content #maincontent a:hover, #content #maincontent p a:hover {
	text-decoration: underline;
}
#content #maincontent a:visited {
	color: #FF9900;
	text-decoration: none;
}
#content #maincontent p, #content #maincontent table {
	margin: 10px 30px 0 30px;
}
#content #maincontent p.footnote {
	font-size: 0.55em;
}
#content #maincontent form {
	margin: 20px 30px 20px 30px;
}
#content #maincontent table.classtimes {
	width: 500px;
	margin-bottom: 10px;
}
#content #maincontent table.classtimes tr th, #content #maincontent table.pooltimes tr th {
	padding-bottom: 8px;
}
#content #maincontent table.classtimes tr td, #content #maincontent table.pooltimes tr td {
	padding-bottom: 3px;
}
#content #maincontent table.classtimes tr td.time {
	width: 20%;
}
#content #maincontent table.classtimes tr td.activity {
	width: 38%;
}
#content #maincontent table.classtimes tr td.level {
	width: 12%;
}
#content #maincontent table.pooltimes {
	width: 500px;
	margin-bottom: 10px;
}
#content #maincontent table.pooltimes tr td.time {
	width: 20%;
}
#content #maincontent table.treatments tr td.price, #content #maincontent table.treatments tr td.activity a  {
	color: #E73E97;
}
#content #maincontent table.treatments tr td.activity a:hover {
	text-decoration: underline;
}
#content #maincontent table.treatments tr td.price {
	width: 10%;
}
#content #maincontent table.treatments tr td {
	vertical-align: top;
	padding-bottom: 10px;
}
#content #maincontent table.treatments tr td.time {
	width: 12%;
}
/* =form styles */
form {
	width: 422px;
}
label{
	float: left;
	width: 120px;
}
input, textarea, select {
	width: 295px;
	margin-bottom: 5px;
	padding: 0;
	background-color: #262626;
	border: 1px solid #333;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.7em;
}
textarea{
	width: 295px;
	height: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	overflow: hidden;
}
br {
	clear: left;
}
#cv {
	width: 250px
}
#submitbutton {
	float: right;
	margin: 0;
	padding: 0;
	width: 140px; 
	border: none;
	background-color: black;
	/*background-image: url(../img/bg_submit.gif);
	background-repeat: repeat-x;
	background-position: top left;	*/
	color: #15c1e6;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#submitbutton a:hover {
	text-decoration: underline;
}
#error-placeholder, .req {
	color: #15C1E6;
}

#error-placeholder ol {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 30px;
}	
/* =footer */
#footer {
	border-top: 3px solid #292929;
	margin: 25px 0 0 0;
	padding-bottom: 50px;
}
.subpage #footer {
	margin: 0;
	
}
#footer img {
	float: left;
	margin: 10px 10px 10px 60px; 
}
#footer p {
	margin: 21px 0 0 0;
	padding: 0;
	color: #333;
}
#beauty #container #content #maincontent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0099;
}
#beauty #container #content #inner_info #extra_info h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #FF0099;
}
#beauty #container #content #maincontent h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0099;
}
#beauty #container #content #maincontent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FF0099;
}
#beauty #container #content #inner_info #extra_info a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #FF0099;
}
.subpage #container #content #maincontent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #15c1e6;
}
.subpage #container #content #inner_info #extra_info h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #FF9900;
}
.subpage #container #content #inner_info #extra_info a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #15c1e6;
}
.subpage #container #content #inner_info #extra_info .creche style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #FF9900;
}
.subpage #container #content #inner_info #extra_info .creche style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #FF9900;
}
.subpage #container #content #maincontent CafeBar {
}
.subpage #container #content #maincontentCafeBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.subpage #container #content #maincontentCafeBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #15c1e6;
	background-position: right 565px;
	text-align: left;
	margin: 20px;
	padding: 20px;
}
.subpage #container #content #maincontent .subpage style1 strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #15c1e6;
}
.subpage #container #content #maincontent strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}
.subpage #container #content #inner_info #extra_info h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #15c1e6;
}
.subpage #container #content #inner_info #extra_info .style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FF9900;
}
.subpage #container #content #maincontent .creche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF9900;
}
.subpage #container #content #maincontent .subpage style1 strong cafe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #15c1e6;
}
.subpage #container #content #maincontent .style2 strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF9900;
}