html, body {
	height: 100%;
}

body {
	font: 1em/1.5em Verdana, Arial, sans-serif;
	font-size: 62.5%;
	background: #000 no-repeat top left;
	color: #fff;
	border: 10px solid #000;
	border-bottom: none;
	
	min-width: 989px;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #aaa;
	text-decoration: none;
}

h1, h2, h3 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
}

img {
	display: block;
}

p {
	margin: 0 0 1em 0;
}

/* non-IE */
.trans_white[class] { background-image: url(/img/15white.png); }
.trans_yellow[class] { background-image: url(/img/23yellow.png); }
.trans_black[class] { background-image: url(/img/60black.png); }
.trans_petrol[class] { background-image: url(/img/70petrol.png); }

/* IE 7 */
.trans_white, .trans_yellow, .trans_black, .trans_petrol { height: 1%; }

/* IE 6: see seperate CSS */

#content {
	margin-left: 325px;
	margin-top: 225px;
	margin-bottom: 20px;
	position: relative;
}

#strap {
	color: #000;
	font: normal normal bold 1.3em/1.3em Verdana, Arial, sans-serif;
	position: absolute;
	top: -1.5em;
	width: 660px;
	text-align: right;
}

#strap a {
	color: #666;
	text-decoration: underline;
}

#strap a:hover {
	text-decoration: none;
}

#nav {
	background-color: #000;
	padding: 12px 0 0 21px;
	height: 21px;
	margin-bottom: 4px;
	
	min-width: 658px;
}

#nav li {
	float: left;
	text-transform: uppercase;
}

#nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 21px;
	background-image: url(/img/nav.gif?v=20090709);
	background-repeat: no-repeat;
	margin-right: 18px;
}

#nav li a span {
	position: absolute;
	margin-left: -999em;
}

#nav li#nav_home a { width: 35px; }
#nav li#nav_classes a { width: 53px; background-position: -35px 0; }
#nav li#nav_timetable a { width: 69px; background-position: -88px 0; }
#nav li#nav_courses a { width: 56px; background-position: -157px 0; }
#nav li#nav_prices a { width: 44px; background-position: -213px 0; }
#nav li#nav_bootcamps a { width: 72px; background-position: -257px 0; }
#nav li#nav_events a { width: 47px; background-position: -329px 0; }
#nav li#nav_about a { width: 60px; background-position: -376px 0; }
#nav li#nav_location a { width: 59px; background-position: -436px 0; }

#nav li#nav_home a:hover, #nav li#nav_home a.selected { background-position: 0 -21px; }
#nav li#nav_classes a:hover, #nav li#nav_classes a.selected { background-position: -35px -21px; }
#nav li#nav_timetable a:hover, #nav li#nav_timetable a.selected { background-position: -88px -21px; }
#nav li#nav_courses a:hover, #nav li#nav_courses a.selected { background-position: -157px -21px; }
#nav li#nav_prices a:hover, #nav li#nav_prices a.selected { background-position: -213px -21px; }
#nav li#nav_bootcamps a:hover, #nav li#nav_bootcamps a.selected { background-position: -257px -21px; }
#nav li#nav_events a:hover, #nav li#nav_events a.selected { background-position: -329px -21px; }
#nav li#nav_about a:hover, #nav li#nav_about a.selected { background-position: -376px -21px; }
#nav li#nav_location a:hover, #nav li#nav_location a.selected { background-position: -436px -21px; }

#nav li a:hover {
	text-decoration: underline;
}

#columns {
	width: 660px;
	position: relative;
}

#col1 {
	float: left;
	width: 404px;
}

#col2 {
	float: right;
	width: 252px;
}

#col3 {
	float: left;
	width: 659px;
}

#teaser {
	border: 10px solid #000;
	position: relative;
	height: 1%;
}

#teaser #caption {
	position: absolute;
	bottom: 0;
}

#teaser #caption h2 {
	background-color: #000;
	padding: 2px 2px 2px 0;
	color: #ff0;
}

#teaser #caption p {
	margin-top: -1px;
}

#teaser #caption p a {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
}

#news h1 {
	background: url(/img/white/banner-news-updates.png) no-repeat scroll top left;
	width: 404px;
	height: 60px;
}

#newsevents h1 {
	background: url(/img/white/banner-news-updates.png) no-repeat scroll top left;
	width: 404px;
	height: 60px;
}

#newsevents img, #bootcamps img, #classes img, #courses img {
	border: 10px solid #000;
	margin-bottom: 8px;
}

#bootcamps h1 {
	background: url(/img/white/banner-bootcamps.png) no-repeat scroll top left;
	width: 404px;
	height: 60px;
}

#classes, #classesright, #courses, #coursesright {
	margin-bottom: 4px;
	overflow: hidden;
}

#classes h1, #classesright h1 {
	background: url(/img/white/banner-classes.png) no-repeat scroll top left;
	width: 404px;
	height: 60px;
}

#courses h1, #coursesright h1 {
	background: url(/img/white/banner-courses.png) no-repeat scroll top left;
	width: 404px;
	height: 60px;
}

#classes h2, #classesright h2, #courses h2, #coursesright h2, #newsevents h2, #bootcamps h2 {
	margin-bottom: 0.5em;
}

#classesright h1, #coursesright h1 {
	width: 252px;
}

#prices h1 {
	background: url(/img/white/banner-prices.png) no-repeat scroll top left;
	width: 404px;
	height: 60px;
}

#news ul li, #bootcamps ul li, #classes ul li, #newsevents ul li {
	margin-top: 20px;
}

#classes ul.accordion li {
	margin-top: 0;
}

#news ul li h3, #bootcamps ul li h3, #classes ul li h3, #newsevents ul li h3 {
	color: #fef503;
	font-size: 1.4em;
}

#news ul li p, #bootcamps ul li p, #classes p, #newsevents p, #bootcamps p {
	font-size: 1.2em;
}

#classes .accordion.timetable p {
	font-size: 1em;
}

.padding {
	padding: 0 20px 20px 20px;
}

h2 {
	text-transform: uppercase;
	font-size: 2.25em;
	line-height: 0.9em;
	color: #000;
}

h2 em {
	font-style: normal;
	color: #FF0;
}

h1 span {
	position: absolute;
	margin-left: -99em;
}

#welcome {
	padding: 15px 40px 20px 20px;
	height: 227px;
	margin-bottom: 4px;
}

#welcome h1 {
	text-transform: uppercase;
}

#sidetimetable, #signup, #plaincontent, #prices, #specialoffer, #news, #bootcamps, #teaser, #twitter_div {
	margin-bottom: 4px;
}

#sidetimetable h1 {
	background: url(/img/yellow/banner-timetable.png) no-repeat scroll top left;
	width: 252px;
	height: 60px;
}

#timetablelist, #signuplist {
	margin-top: 10px;
	border-bottom: 1px solid #666;
}

#timetablelist li, #signuplist li {
	font-size: 1.2em;
	color: #ff0;
	padding: 8px 0;
	border-top: 1px solid #666;
}

#timetablelist li a, #signuplist li a {
	color: #fff;
	font-size: 0.9em;
}

#plaincontent p {
	font-size: 1.2em;
	color: #fff;
}

/*#plaincontent > p:first-child {
	margin-top: 1.0em;
}*/

#plaincontent h2 {
	margin-bottom: 0.5em;
}

#plaincontent h3, #classes h3, #bootcamps h3 {
	font-size: 1.4em;
	color: #ff0;
}

#plaincontent ul {
	margin: 0 0 1em 1em;
	font-size: 1.2em;
}

#plaincontent ul li {
	margin: 0;
}

#plaincontent dl h3 {
	text-transform: uppercase;
}

.sidelist {
	font-size: 1.2em;
	margin: 1em 0 1em 0;
}

.sidelist li a.selected {
	color: #fef503;
}

#twitter_div h1 {
	background: url(/img/yellow/banner-twitter.png) no-repeat scroll top left;
	width: 252px;
	height: 60px;
}

#twitter_update_list {
	margin-top: 10px;
}

#twitter_update_list li {
	margin-bottom: 3px;
	line-height: 1.2em;
}

#twitter_update_list li a {
	color: #fef503;
	font-size: 1em;
}

#twitter_update_list li span a {
	color: #FFF;
}

#signup h1 {
	background: url(/img/yellow/banner-sign-up.png) no-repeat scroll top left;
	width: 252px;
	height: 60px;
}

#specialoffer h1 {
	background: url(/img/yellow/banner-special-offer.png) no-repeat scroll top left;
	width: 252px;
	height: 60px;
}

#privateevents h1 {
	background: url(/img/white/banner-events.png) no-repeat scroll top left;
	height: 60px;
}

#aboutus h1 {
	background: url(/img/white/banner-about-us.png) no-repeat scroll top left;
	height: 60px;
}

#sidetime {
	margin-bottom: 4px;
}

#sidetime h1 {
	background: url(/img/yellow/banner-timetable.png) no-repeat scroll top left;
	height: 60px;
}

#aboutus.narrow h1 {
	width: 252px;
}

#locate h1 {
	background: url(/img/white/banner-locate-frame.png) no-repeat scroll top left;
	height: 60px;
}

#locate #plaincontent p {
	float: left;
	width: 182px;
}

#locate iframe {
	clear: left;
	border: 10px solid #000;
	font-size: 1.0em;
}

#timetable h1 {
	background: url(/img/white/banner-timetable.png) no-repeat scroll top left;
	height: 60px;
}

#timetable.signupform {
	margin-bottom: 8em;
}

#timetable .header {
	font-size: 1.2em;
}

#timetable .header a {
	text-decoration: none;
}

#timetable .header a:hover, #timetable .header a:hover h3, #timetable .header a:hover em {
	color: #fff;
}

#classes h1.dance { background-image: url(/img/white/banner-dance.png); }
#classes h1.fitness { background-image: url(/img/white/banner-fitness.png); }
#classes h1.holistic { background-image: url(/img/white/banner-holistic.png); }

#timetable h1.signup { background-image: url(/img/white/banner-sign-up.png); }
#timetable h1.thankyou { background-image: url(/img/white/banner-thank-you.png); }

#timetable #signuptext p { font-size: 1.2em; margin-top: 1.2em; }

form {
	font-size: 0.9em;
}

form label {
	display: block;
	margin-bottom: 4px;
}

form label.inline {
	display: inline;
	margin-right: 2em;
}

form input, form textarea {
	font-size: 1.1em;
	width: 100%;
	font-family: Arial, sans-serif;
}

form input.radio {
	width: 1.5em;
}

form input.submit {
	width: auto;
	border: 0;
	background-color: #fef503;
	font-weight: bold;
	font-size: 1.2em;
	padding: 4px;
}

.accordion form p.error, #signuptext p.error, #plaincontent p.error {
	color: #f30;
}

.accordion {
	margin: 8px 0;
}

.accordion.timetable li, .accordion.booking li {
	background-color: #90ff93;
	margin-bottom: 4px;
	font-family: Georgia, Times, sans-serif;
	font-size: 1.2em;
}

.accordion li a, .accordion li span.fake {
	display: block;
	padding: 4px ;
	text-decoration: none;
	position: relative;
	color: #000;
	text-transform: uppercase;
}

.accordion li a:hover, .accordion li a.selected {
	color: #fff;
}

.accordion li a span {
/*	position: absolute;
	right: 8px;*/
}

.accordion.timetable li div {
	padding: 0 4px;
	color: #fef503;
	height: 9em;
}

.accordion li.dance div { background: #648f65 url(/img/gradient-dance.gif) repeat-x top left; }
.accordion li.fitness div { background: #993d6a url(/img/gradient-fitness.gif) repeat-x top left; }
.accordion li.holistic div { background: #3f767c url(/img/gradient-holistic.gif) repeat-x top left; }
.accordion li.vibe div { background: #985F11 url(/img/gradient-vibe.gif) repeat-x top left; }
.accordion li.yoga div { background: #837940 url(/img/gradient-yoga.gif) repeat-x top left; }

.accordion li div p {
	padding: 4px;
	line-height: 2em;
	margin-bottom: 0;
	color: #fef503;
	font-family: Verdana, Arial, sans-serif;
}

.accordion form.buttonform {
	float: right;
}

.accordion form.buttonform input.booknow {
	width: 89px;
	height: 89px;
	margin-top: 8px;
}

.header {
	background-color: #000;
	padding: 4px;
	margin: 8px 0 -4px 0;
	text-transform: uppercase;
}

.header h3 { color: #fff; }
.header h3 em {
	color: #fef503;
	font-style: normal;
}

.accordion li {
	height: 1%;
}

.accordion li.dance, #key li#dance div { background-color: #90ff93; }
.accordion li.fitness, #key li#fitness div { background-color: #eb60a5; }
.accordion li.holistic, #key li#holistic div { background-color: #00b4cb; }
.accordion li.vibe, #key li#vibe div { background-color: #fb8f1b; }
.accordion li.yoga, #key li#yoga div { background-color: #f7ff7d; }

.accordion.timetable li div {
	height: auto;
	padding-bottom: 4px;
}

.accordion.timetable a span, .accordion.booking a span {
	position: relative;
	left: 0;
	display: block;
	float: left;
	width: 60px;
}

.accordion.timetable p.text {
	color: #fff;
	font-size: 0.9em;
	line-height: 1.2em;
	width: 100%;
}

.accordion.booking form {
	width: 99%;
}

.accordion.booking li div {
	height: auto;
	padding: 4px;
}

.accordion.booking p span {
	line-height: 1.2em;
	float: left;
	margin-right: 2em;
}

.accordion.booking p.details {
	color: #fef503;
	padding-top: 8px;
}

.accordion.booking p {
	color: #fff;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-bottom: 8px;
}

#key {
	float: right;
	margin-top: -0.5em;
	width: 8em;
}

div#download {
	margin-top: 1em;
	font-size: 1.2em;
}

#key li div {
	float: left;
	width: 13px;
	height: 10px;
	background-color: #fff;
	margin-right: 4px;
	margin-top: 3px;
}

#footer {
	clear: both;
	height: 202px;
	padding: 25px 0 10px 345px;
	background: #2F2D2E url(/img/bg-footer.jpg) no-repeat scroll top left;
	border-bottom: 10px solid #000;
	position: relative;
	line-height: 1.2em;
}

#footer #sticker {
	position: absolute;
	margin-left: -112px;
	margin-top: -21px;
}

#footer div.col {
	float: left;
	width: 225px;
}

#footer div.first {
	width: 180px;
}

#footer img.icon {
	display: inline;
	margin-right: 10px;
	margin-top: 0;
}

#footer img {
	margin-top: 15px;
	margin-bottom: 4px;
}

#footer li.credits {
	margin-top: 10px;
	font-size: 0.9em;
}

/* EOF */