body {
	font: 76%/1.8 Verdana, sans-serif;
    margin:0;
    padding:0;
	background: #cccccc;
}

img {
  border: none;
}

#wrapper {
	width: 927px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#wrapper {
background: #000000;
border: 1px solid #000000; 
 min-height: 54.2em;
}

#wrapperwide {
	width: 927px;
	padding: 0;
	text-align: left;
	background: #000000;
	border: 1px solid #000000;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* for homepage only */

body.home #content_container {
	width: 927px;
    margin:  0 0 -95px 0;
    padding: 0;		
	clear: both;
    height: 570px;
}

body.home #content{  	
	width: 80%;
	height: 575px;
	float: right;
	background: url("images/maingraphic_home_left.jpg") no-repeat;
}

body.home #left { 	/* for homepage only */
margin: 0 -5px 0 -10px;
padding: 0;
width: 50%;
float: left;
clear: both;
}

body.content #content{  	/* for rest of the site */
 width: 80%;
 background: #ffffff; 
 height: 570px;
 float: right;
}

body.contentwide #contentwide{  	/* for rest of the site */
 width: 100%;
 background: #ffffff; 
}

#left_navContainer {
	width: 185px;
	height:570px;
	float: left;
	margin:0;
    padding: 0;
	background: #4B3C44;	
	clear: both;
}

#content_container {
	background: #ffffff;
	width: 927px;
    margin:  0 0 0px 0;
    padding: 0;		
	clear: both;
}


#left_copyr {
	text-align: right;
	color:#D9BB7A;
	font-size: 0.7em;
	text-transform: capitalize;
	width: 175px;
	float: left;
	background: #4B3C44;
	position:relative;
	margin-top: 470px;
	line-height: 1.2em;

}

#content a:link { color: #800080; text-decoration: underline; }
 #content a:a:active {color: #800080; text-decoration: underline; }
 #content a:a:visited {color: #800080; text-decoration: underline; }
 #content a:a:hover {color: #800080; text-decoration: none; }

#left {
margin: 0 -5px 0 0;
padding:0;
width: 31%;
float: left;
clear: both;
}

body.home #right {
margin: 0;
padding: 0;
overflow-y:auto;
overflow-x:hidden;
height:200px;  
float: right;
width: 65%;
}

#right{
margin: 0 5px 0 0;
padding: 0;
overflow-y:auto;
overflow-x:hidden;
height:535px;  
float: right;
width: 66%;
}

#wideright{
margin: 0 5px 0 0;
padding: 10px;
width: 96%;
}

#rightClientDetails { 
margin: 0 5px 0 0;
padding: 0;
overflow-y:auto;
overflow-x:hidden;
height:530px;  
float: right;
width: 66%;
}

.homeH1 {
padding: 20px 0 0 40px;
color:#FFFFFF;
text-align:left;
line-height: 1.2em;	
font-size: 2.1em;

}

.mainH1{
font: 76%/1.8 Verdana, sans-serif;
padding: 20px 0 0 0;
margin: 0 182px 0 0;
color:#FFFFFF;
line-height: 1.2em;	
font-size: 1.1em;
}

h1 {
margin: -5px 5px 0px 3px;
padding:0;
font-size: 2.2em;
font-weight:normal;
color:#AFAFAF;
}

blockquote {
padding: 1px 0 20px 0;
color:#FFFFFF;
text-align:left;
line-height: 1.2em;	
font-size: 1.2em;
}

#trainers_container { 
padding: 10px 0 0 5px;
}

.trainerspage {
	margin: 0;
	padding: 10px 0 1px 25px;
	display: block;
	float: left;
	width: 76px;
	height: 108px;
}

.trainerspage img{
	border: 1px solid #000000;
}


.largeSize a:hover {
background: url("images/click_here.jpg");
z-index:100;
border:1px dotted #ccc;
}


.trainerspage h2 {
	color:#000000;
	margin: -2px 0 0 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
}

h2 {
margin: 0px 5px -5px 5px;
padding: 2px 0 0 0;
font-size: 1.1em;
line-height: 1em;
color:#90298E;
}
.h2tightmargin {
	margin: 0px 5px -10px 5px;
}

.h2Colour {
font-weight:bold;
font-style:italic;
color:#90298E; 
}

h3 {
margin: 10px 5px 10px 5px;
padding: 0;
font-size: 1.1em;
line-height: 1.2em;
color:#000000;
font-style:italic;
}

p { 
margin: 10px 5px 10px 5px;
padding: 0;
font: Verdana, Arial, sans-serif;
font-size: 1.1em;
 line-height: 1.2em;
}

.clintLeftText {
padding-left: 10px; 
font-size:14px;
color:#90298E; 
font-weight:bold;
}

.clintRightText{ 
font-size:14px;
font-weight:bold;
}
.clear {clear:both;height:1px;overflow:hidden;}

.headfoot {display:block; height:70px; background: url("images/headerpanel.jpg") no-repeat; color:#fff; text-align:center; font-size:30px;}

.topMenu {
padding:0 0 0 168px; 
margin:-2px 0 0 0; 
list-style:none; 
height:20px; 
background:#000000; 
color:#FFFFFF; 
position:relative; 
border:1px solid #000; 
border-width:0 1px; 
border-bottom:1px solid #444;
text-transform:uppercase;
}

.topMenu li {float:left;}
.topMenu li a {
display:block; 
float:left; 
height:20px; 
color:#aaa; 
text-decoration:none; 
font-size: 1em; 
font-family:Verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding: 0 0 0 8px; 
cursor:pointer;
}
.topMenu li a b {float:left; display:block; padding:0 16px 0 8px;}
.topMenu li a:hover {color:#FDB94A; background:#000;}
.topMenu li.current a:hover {color:#fff; background:#000; cursor:default;}

.leftNav { 
padding:10px 10px 0 0; margin:0; list-style:none; height:35px; color:#FFFFFF; position:relative; text-align:right; 
}
.leftNav li a {
font-size: 1.1em;
line-height:1em; 
color:#FFFFFF;
text-decoration:none;
}

.leftNav  li a:hover {color:#D9BB7A; }

li a.activeHeading{ color:#D9BB7A; }

li a.bootcamp{ color:#abf0db; }

.leftNav li a img{
border:none;
}

.footerStrapline { 
 margin: 15px 0 0 245px;
 padding: 0 0 0 0;
 font-size: 1.3em;
 color: #D5B4D1;
 clear: both;
}


#rightClientDetails .pressLink a:link { color:#FF0000; text-decoration: none;}
#rightClientDetails .pressLink a:visited { color:#FF0000; text-decoration: none;}
#rightClientDetails .pressLink a:hover { color:#FF0000; text-decoration: none;}


#clients { 
text-align:right; 
}

#clients p { 
margin: 5px 5px 10px 5px;
padding: 0;
font: Verdana, Arial, sans-serif;
font-size: 1.1em;
line-height: 1.2em;
}

#clients h2 {
margin: -5px 5px -5px 5px;
padding: 0;
font-size: 1.1em;
color:#90298E;
}

#clients h2 a { 
text-decoration:none;
color:#90298E;
}

#clientsRight { 
margin: 20px 0 0 0;
padding: 0;
}

#rightClientDetails h1 { 
margin: 2px 5px 5px 5px;
padding:0;
font-size: 1.6em;
font-weight:normal;
color:#AFAFAF;
}


#rightClientDetails h2 { 
margin: 0px 5px -5px 5px;
padding: 0;
font-size: 1.1em; 
line-height:1em;
color:#90298E;
}

#rightClientDetails p { 
margin: 10px 5px 10px 5px;
padding: 0;
font: Verdana, Arial, sans-serif;
font-size: 1.1em;
line-height: 1.1em; 
}


.imageRight {
	float:right;
	margin: 0;
	margin: 1 0 0 5px;
	border: 1px solid #000;
}

.imageLeft {
	float:left;
	margin: 0;
	margin: 1px 5px 0 0;
	border: 1px solid #000;
}

.imageLeft2 {
	float:left;
	margin: 0;
	margin: 1px 10px 0 0;
	border: 1px solid #000;
}

.trainers { 
margin: 20px 0 0 0px;
padding: 0;
line-height: 1em; 
list-style:none;
}

.trainers li p { 
 font-size: 1em;
 line-height: 0.8em;
  color:#000000;
 font-style:italic; 
}


.alignCentre {text-align:center; }


#container { position:relative; width:240px; height:300px; margin:10px auto; padding: 180px 0 0 0; margin-left:  7px;}

#container b {font-weight:normal; width:240px; text-align:center; position:absolute; top:0; left:0; z-index:1;}

.topImage{ position:relative; left:-4px; top: -2px; border:1px solid #000; }


a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:65px; height:65px; float:left; margin: 7px 5px 5px 5px; position:relative; }


/* for facilities */

a.slidea {background:url(images/gym1_th.jpg);}
a.slideb {background:url(images/gym2_th.jpg);}
a.slidec {background:url(images/gym3_th.jpg);}
a.slided {background:url(images/facilities_dance_studio_th.jpg);}
a.slidee {background:url(images/facilities_gym_5_th.jpg);}
a.slidef {background:url(images/facilities_astro_turf_th.jpg);}
a.slideg {background:url(images/facilities_stairs_th.jpg);}
a.slideh {background:url(images/facilities_beach_2th.jpg);}
a.slidei {background:url(images/facilities_beach_th.jpg);}

/* for beach bootcamps */

a.slidej {background:url(images/nbc5_tn.jpg);}
a.slidek {background:url(images/nbc3_tn.jpg);}
a.slidel {background:url(images/nbc8_tn.jpg);}
a.slidem {background:url(images/swimpool_th.jpg);}
a.sliden {background:url(images/nbc9_tn.jpg);}
a.slideo {background:url(images/sm_pic_2_thum.jpg);}
a.slidep {background:url(images/bootcamp2_th.jpg);}
a.slideq {background:url(images/bootcamp3_th.jpg);}
a.slider {background:url(images/sm_pic_1_thum.jpg);}
a.slides {background:url(images/nbc1_tn.jpg);}
a.slidet {background:url(images/nbc2_tn.jpg);}
a.slideu {background:url(images/play_video.jpg);}
a.slidev {background:url(images/close_video.jpg);}


a.gallery span {visibility:hidden; display:block; position:absolute; width:240px; height:200px; top:189px; left:9px; color:#000; text-align:center; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}


/* for facilities */
a.slidea span {left:-10px; top:-190px;}
a.slideb span {left:-87px; top:-190px;}
a.slidec span {left:-164px; top:-190px;}
a.slided span {left:-10px; top:-269px;}
a.slidee span {left:-87px; top:-269px;}
a.slidef span {left:-164px; top:-269px;}
a.slideg span {left:-10px; top:-348px;}
a.slideh span {left:-87px; top:-348px;}
a.slidei span {left:-164px; top:-348px;}


/* for beach bootcamps */
a.slidej span {left:-10px; top:-190px;}
a.slidek span {left:-87px; top:-190px;}
a.slidel span {left:-164px; top:-190px;}
a.slidem span {left:-10px; top:-269px;}
a.sliden span {left:-87px; top:-269px;}
a.slideo span {left:-164px; top:-269px;}
a.slidep span {left:-10px; top:-348px;}
a.slideq span {left:-87px; top:-348px;}
a.slider span {left:-164px; top:-348px;}
a.slides span {left:-10px; top:-427px;}
a.slidet span {left:-87px; top:-427px;}
a.slideu span {left:-164px; top:-427px;}
a.slidev span {left:-164px; top:-427px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; z-index:10;}


.black { color:#000000; }

.textRight { text-align:right; }

.nopaddingp {
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.nopaddingp2 {
	padding: 0px;
	margin: 0px;
	background-color: #F33;
}

.justcolour {
color:#90298E; 	
}
.blacknormal {
	font-weight: normal;
	color: #000;	
}
#newslist
{
	list-style: none;
	margin-top:-15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: -23px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#newslist li
{
	padding-left: 10px;
	background-image: url(images/news_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 9px;
}
#newslist ul {
	margin: 0px;
	padding: 0px;
}
#newslist2 {
	margin-top: 12px;
	margin-bottom: -15px;
}
.markpics {
	margin: 3px;
	border: 1px solid #000;
}

#newsbigbg {
	background-image: url(images/news_logo_large.jpg);
	background-repeat: no-repeat;
	height: 175px;
	margin-top: 17px;
	padding-top: 220px;
	color:#90298E;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
}
.newsbox {
	height: 76px;
	margin-left: 12px;
	text-decoration: none;
	color: #666;
	line-height: 1.3em;
}

.currentnewslink {
	color:#90298E;
}

.newsbox a {
	text-decoration: none;
		color: #000;
}
.newslink a {
	text-decoration: none;
	color: #000;
}

.newsboximage {
	margin-bottom: 5px;
}

.contactform {
	width: 460px;
	background-color: #f3f2f5;
	border: 1px solid #5D6465;
	margin-top: 8px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thankboxouter {
	width: 460px;
	height: 440px;
	margin-top: 60px;
	border: 1px solid #5D6465;
}
.thankboxinner {
	width: 420px;
	height: 400px;
	border: 20px solid #e6e7e9;
}

.thankboxtext {
	font-size: 2em;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom:5px;
	line-height: 1em;
	color: #484848;
}


div.row {
	clear: left;
	padding-top: 4px;
  }

div.row span.label {
	float: left;
	width: 150px;
	text-align: right;
	font-size: 1.1em;
	margin-top: 8px;
  }

div.row span.formw {
	float: right;
	width: 300px;
	text-align: left;
  }   
  
  div.spacer {  
  clear: both;
  }

  .contacttablebuttonbox {
	text-align: left;
	clear: left;
	margin-top: 4px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 150px;
}

.DFSubmit {
	background-color: #f3f2f5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		font-size: 1.2em;
}

.DFCancel {
	background-color: #f3f2f5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1.2em;
	color: #8a8b8f;
}
.DFformheader {
	font-size: 1.8em;
	color: #90298E;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom:5px;
	line-height: 1.2em;
}
.contactformerror {
	color: #ff0e00;
	padding-left: 23px;
	padding-bottom: 10px;
	font-weight: bold;
	font-style: italic;
}
.contactformerrortext {
	color: #ff0e00;
}
.JMWFormFields {
	color: #90298E;
	padding: 6px;
	margin-top: 5px;
	width: 240px;
	border: 1px solid #000;
}

.JMW_ML_Fields {
	color: #5D6465;
	background-image: url(images/form_bg.gif);
	padding: 6px;
	margin-top: 5px;
		width: 240px;
}
#emailUs
{
  display: block;
  width: 134px;
  height: 29px;
  background: url("images/enquiry.gif") no-repeat 0 0;

}

#emailUs:hover
{ 
  background-position: 0 -29px;
}

#emailUs span
{
  display: none;
}

  
