/***** body style *****/

body {
	background: url('../images/body.png') top center no-repeat;
}

/***** wrapper *****/

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
}

/***** header *****/

#header {
	position: relative;
	width: 960px;
	height: 168px;
}

#header #logo {
	padding: 24px 0 24px 25px;
	float: left;
}

#header #logo a {
	display: block;
	background: url('../images/logo.png') top left no-repeat;
	width: 210px;
	height: 69px;
	text-indent: -9999px;
	border: 0;
}

#header #contact {
	padding: 37px 24px 0 0;
	float: right;
	text-align: right;
	width: 600px;
}

#header h1, 
#header h2 {
	font-weight: 400;
}

#header h1 {
	color: #fb2267;
	background: url('../images/phone-icon.png') left no-repeat;
	line-height: 34px;
	font-size: 24px;
	width: 190px;
	float: right;
}

#header h2 {
	color: #709a96;
	font-size: 16px;
}

/***** main content *****/

#content {
	width: 944px;
	margin: 0 0 0 16px;
	font-size: 12px;
	line-height: 16px;
}
#sub-header h2.heading {
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 0 31px;
	width: 552px;
	padding: 176px 0 0;
}

#content #content-left {
	float: left;
	width: 569px;
	position: relative;
}

#content-left h1.heading {
	color: #709a96;
	font-size: 16px;
	margin: 0 0 21px 15px;
}

#content-left h1.second-heading {
	color: #709a96;
	font-size: 16px;
	margin: 25px 0 21px 15px;
}

#content-left h2.heading {
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 0 15px;
}

#content-left .grad-sep {
	background: url('../images/gradient-seperator.png') top left no-repeat;
	height: 36px;
	margin: 26px 0 0;
	clear: both;
}

#content-left p {
	margin-left: 15px;
}

a,
a:visited {
	color: #fb2267;
	text-decoration: none;
	border: 0;
}

a:active,
a:hover {
	color: #fb2267;
	text-decoration: none;
	border-bottom: 1px solid #fb2267;
}

#content-left .column {
	width: 262px;
	float: left;
	display: inline;
}

#content-left .column strong {
	margin-left: 15px;
}

#content-left .column .disc {
	list-style-type: disc;
	margin: 17px 16px 0;
}

#content-left .right {
	margin-left: 27px;
	display: inline;
}

#content-left .right .disc {
	margin: 17px 16px 19px;
}

#content #content-right {
	float: left;
	width: 362px;
	margin-left: 13px;
}

#content-right img {
	float: right;
	margin-right: 25px;
}

/***** nav *****/

#nav {
	clear: both;
	margin-left: 22px;
	list-style-type: none;
}

#nav li {
	display: inline;
	font-size: 12px;
	margin: 0 .5em 0 0;
}

/***** IE/FF HACKS *****/

#nav li, #ie8#fix {
	display: inline;
	font-size: 12px;
	margin: 0 .08em 0 0;
}

*:first-child+html #nav li {
	margin: 0 .5em 0 0;
}

* html #nav li{
	margin: 0 .5em 0 0;
}

#nav li, x:-moz-any-link {
	margin: 0 .5em 0 0;
}

#nav li, x:-moz-any-link, x:default {
	margin: 0 .08em 0 0;
}

#nav li a {
	color: #fb2267;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 9px;
	border: none;
}


#nav li a.active, 
#nav li a:hover {
	background: #fb2267;
	color: #FFF;
	text-transform: uppercase;
	border: none;
}

/***** footer *****/

#footer {
	background: url('../images/footer.png') bottom left no-repeat;
	height: 195px;
	min-height: 0;
	margin: -50px 0 -1px;
	color: #FFF;
	position: relative;
	overflow: hidden;
}

#footer .pilates-foundation {
	position: absolute;
	top: 36px;
	right: 15px;
	width: 100px;
	height: 53px;
	border: 0;
	padding: 5px;
	text-indent: -9999px;
	display: block;
}

#footer p {
	padding: 170px 32px 0;
	font-size: 13px;
	float: left;
}

#footer a {
	text-decoration: none;
	font-weight: 400;
	color: #FFF;
}

#footer a:hover {
	border-bottom: 1px solid #FFF;
}

/***** page specific styles *****/

/***** home *****/

.home #sub-header {
	background: url('../images/sub-header.jpg') top left no-repeat;
	height: 286px;
}

.home #sub-header ul {
	float: right;
	margin: 191px 34px 0 0;
}

.home #sub-header ul li {
	display: inline;
	float: left;
	margin-left: 26px;
}

.home #sub-header ul li a {
	display: block;
	height: 34px;
	width: 241px;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	padding: 15px 0 0 20px;
	border: 0;
}

.home #sub-header ul li a.blue {
	background: url('../images/arrow.png') 0 -49px no-repeat;
}

.home #sub-header ul li a.blue:hover {
	background: url('../images/arrow.png') 0 -147px no-repeat;
}

.home #sub-header ul li a.pink {
	background: url('../images/arrow.png') no-repeat;
}

.home #sub-header ul li a.pink:hover {
	background: url('../images/arrow.png') 0 -98px no-repeat;
}

.home #content-left h1.heading {
	margin: 18px 0 21px 15px;
}

.home #content-left .new {
	clear: both;
	padding: 26px 0 0;
}

.home #content-left .new h1.heading {
	margin: 0 0 21px 15px;
}

.home #content-left .new .grad-sep {
	margin: 0;
}

.home #content-left .grad-sep {
	margin: 36px 0 0;
}

.home #content-left .column strong {
	color: #fb2267;
}

.home #content-right {
	background: url('../images/home-content-right.jpg') top left no-repeat;
	height: 411px;
}

.home #content-right #slideshow {
	width: 210px;
	height: 179px;
	position: relative;
	top: 69px;
	left: 66px;
}

.home #content-right #slideshow img {
	width: 210px;
	height: 179px;
	top: 0;
	left: 0;
}

.home #footer {
/* 	margin: -91px 0 -1px; */
}

/***** about *****/

.about #sub-header {
	background: url('../images/about-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.about #sub-header h2.heading {
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 0 31px;
	width: 552px;
	padding: 176px 0 0;
}

.about #content-left {
	margin-top: -28px;
}

/***** what is pilates *****/

.pilates #sub-header {
	background: url('../images/pilates-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.pilates #sub-header h2.heading {
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 0 31px;
	width: 552px;
	padding: 176px 0 0;
}

.pilates #content-left {
	margin-top: -15px;
}

.pilates #content-left h1.heading {
	margin: 0 0 25px 15px;
}

.pilates #content-left p {
	margin: 0 15px;
}

.pilates #content-right ul {
	float: right;
	margin: 22px 25px 50px 0;
	width: 291px;
	display: inline;
}

.pilates #content-right ul li {
	display: inline;
	float: right;
	margin: 0 0 9px 0;
	width: 291px;
}

.pilates #content-right ul li a {
	display: block;
	height: 31px;
	width: 278px;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	padding: 18px 0 0 22px;
	border: none;
}

.pilates #content-right ul li a.pink {
	background: url('../images/arrow.png') 0 -196px no-repeat;
}

.pilates #content-right ul li a.pink:hover, 
.pilates #content-right ul li.active a.pink {
	background: url('../images/arrow.png') 0 -245px no-repeat;
}


/***** beginning *****/

.beginning #sub-header {
	background: url('../images/beginning-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.beginning #sub-header h2.heading {
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 0 31px;
	width: 552px;
	padding: 176px 0 0;
}

.beginning #sub-header ul li {
	padding: 4px 0;
}

.beginning #content-left {
	margin-top: -46px;
}

/*.beginning #content-left strong {
	color: #fb2267;
}*/

.beginning #content-right h1, 
.beginning #content-right p {
	margin-right: 25px;
}

.beginning #content-right h1.heading {
	color: #fb2267;
	font-size: 16px;
	margin: 22px 25px 21px 43px;
}

.beginning #content-right p {
	margin: -10px 25px -11px 43px;
}

.beginning #content-right ul {
	float: right;
	margin: 22px 25px 50px 0;
	width: 291px;
	display: inline;
}

.beginning #content-right ul li {
	display: inline;
	float: right;
	margin: 0 0 9px 0;
	width: 291px;
}

.beginning #content-right ul li a {
	display: block;
	height: 32px;
	width: 278px;
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	padding: 17px 0 0 22px;
	border: none;
}

.beginning #content-right ul li a.pink {
	background: url('../images/arrow.png') 0 -196px no-repeat;
}

.beginning #content-right ul li a.pink:hover, 
.beginning #content-right ul li.active a.pink {
	background: url('../images/arrow.png') 0 -245px no-repeat;
}


/***** sessions *****/

.sessions #sub-header {
	background: url('../images/sessions-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.sessions #content-left {
	margin-top: -118px;
}

.sessions #content-right ul {
	float: right;
	margin: 22px 25px 50px 0;
	width: 291px;
	display: inline;
}

.sessions #content-right ul li {
	display: inline;
	float: right;
	margin: 0 0 9px 0;
	width: 291px;
}

.sessions #content-right ul li a {
	display: block;
	height: 32px;
	width: 278px;
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	padding: 17px 0 0 22px;
	border: none;
}

.sessions #content-right ul li a.pink {
	background: url('../images/arrow.png') 0 -196px no-repeat;
}

.sessions #content-right ul li a.pink:hover, 
.sessions #content-right ul li.active a.pink {
	background: url('../images/arrow.png') 0 -245px no-repeat;
}

/** Book Now **/
.book-now #sub-header {
	background: url('../images/booknow-sub-header.jpg') top left no-repeat;
	height: 396px;
}

.book-now #content-left {
	margin-top: -219px;
}

/***** timetable *****/

.timetable #sub-header {
	background: url('/images/timetable-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.timetable #content-left {
	margin-top: -118px;
}

.timetable #content-left table {
	width: 553px;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: center;
	margin: 2px 0 0 15px;
}

.timetable #content-left table p {
	margin: 0;
}

.timetable #content-left table th {
	height: 90px;
	background: #e5efee;
	width: 108px;
}

.timetable #content-left table td {
	vertical-align: top;
}

.timetable #content-left table td.even {
	background: #f2f7f6;
}

.timetable #content-right table.prices {
	background: #fec8d9;
	border-spacing: 0;
	line-height: 25px;
	text-align: left;
	width: 292px;
	margin: 0 0 0 45px;
	clear: both;
	border-collapse: collapse;
}

.timetable #content-right table.prices th {
	height: 90px;
	background: #fd90b3;
	padding: 0 0 0 10px;
}

.timetable #content-right table.prices h3 {
	color: #fb2267;
	text-align: left;
}

.timetable #content-right table.prices td {
	background: #fec8d9;
	padding: 4px 10px;
}

.timetable #content-right table.prices tr.even td {
	background: #fff;
}

.timetable #footer {
	margin: 15px 0 -1px;
}

/***** teachers *****/

.teachers #sub-header {
	background: url('../images/teachers-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.teachers .susie {
	background: url('../images/susie-sub-header.jpg') top left no-repeat !important;
	height: 295px;
}

.teachers .ali {
	background: url('../images/ali-sub-header.jpg') top left no-repeat !important;
	height: 295px;
}

.teachers .kerry {
	background: url('../images/kerry-sub-header.jpg') top left no-repeat !important;
	height: 295px;
}

.teachers .polly {
	background: url('../images/polly-sub-header.jpg') top left no-repeat !important;
	height: 295px;
}

.teachers .lizzie {
	background: url('../images/lizzie-sub-header.jpg') top left no-repeat !important;
	height: 295px;
}

.teachers .karen {
	background: url('../images/karen-sub-header.jpg') top left no-repeat !important;
	height: 295px;
}

.teachers .catherine {
	background: url('../images/catherine-sub-header.jpg') top left no-repeat !important;
	height: 295px;
}

.teachers #content-left {
	margin-top: -126px;
}

.teachers #content-left img {
	float: left;
	height: 150px;
	width: 100px;
	padding: 0 10px 20px 0;
}

.teachers #content-left .teacher-nav {
	margin-left: -9px;
}

.teachers #content-left .teacher-nav img {
	padding: 2px;
	margin: 10px;
	background-color: #fd90b3;
	border: 1px solid #fb2267;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.teachers #content-left .teacher-nav a:hover img {
	opacity: 0.75;
	filter: alpha(opacity = 75);
}

.teachers #content-left .teacher-nav a.active img {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.teachers #content-left p {
	clear: both;
}

.teachers div.teachers {
	margin: 15px 0 -1px !important;
}

/***** osteopathy *****/

.osteopathy #sub-header {
	background: url('../images/osteopathy-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.osteopathy #sub-header h2.heading {
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 0 31px;
	width: 552px;
	padding: 176px 0 0;
}

.osteopathy #content-left {
	margin-top: -44px;
}

.osteopathy .column {
	width: 280px !important;
	margin-bottom: 18px;
}

.osteopathy .gosc-logo {
	float: left !important;
	margin: 20px 0 0 40px;
}

.osteopathy .boa-logo {
	float: left !important;
	margin: 20px 0 0 20px;
}

/***** contact *****/

.contact #sub-header {
	background: url('../images/contact-sub-header.jpg') top left no-repeat;
	height: 295px;
}

.contact #content-left {
	margin-top: -76px;
}

.contact div.contact {
	margin: 43px 0 -1px !important;
}