@charset "utf-8";
/* CSS Document */

/*
 * Main highlight colour #FF6666
 */
body{ background:#ccc; text-align:center; padding:0; margin:0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; color:#56595C;  }
div#wrap { width:960px; margin:0 auto; text-align:left; background:#fff; }
object, embed { outline:none; display:block; margin:0; padding:0;}

/*
 * png support
 */
#nav li ul { behavior: url("css/iepngfix.htc"); }
input, textarea { font: 11px "Trebuchet MS", Arial; }

p{ line-height:1.5em;}

.clear{clear:both; font-size:.01em;}
.clearL{clear:left;}


h1 { font-size:3em;}
h2 { font-size:1.8em;}
h3, #sidebar li h2.widgettitle { font-size: 1.8em; font-weight:400;}
h4, #sidebar li#archives h2, #sidebar #pages h2, #sidebar #meta h2 { font-size:1.2em;}

a:hover{ color: #FF6666;}
a.more-link, a.media1, a.media2, a.media3, a.media, a.media6, a.media4, a.media5, a.media7{ color:#FF6666; cursor:pointer; display:inline; float:none; }
.hL{ color: #FF6666;}
a{ outline:none;}

div#content div#copy div div p.bold {font-weight:700}

/*============================= HEADER ================================*/
#header { height:115px; padding: 0 ; position:relative; overflow:hidden; }


#logo { margin: 0px 0 27px 13px; display:inline-block; width:150px; }

/*=============================== NEWS AREA ====================================*/

div#newsArea { position:relative; float:right; width:448px; }
div#greyBox { width:448px; background:#F2F2F2; height:145px; position:absolute;}
#newsClick, #closeClick { height:83px; padding-top:62px; padding-right:30px; display:block; cursor:pointer; color:#999; font-size:1.2em;  }
#closeClick { background: #fff url(../images/close.gif) no-repeat right; float:left; }
#newsClick { background: #fff url(../images/open.gif) no-repeat right; position:absolute; right:0px; }



	/*========= Ticker ========*/
	#ticker li { list-style:none; float:left; } 
		#ticker li a{ color:#57595C ; text-decoration:none; font-size:1em; visibility:hidden;  }
		.mask #ticker li a{ visibility:visible;  }
		#ticker li a:hover{ color:#ff6666 ;  }
	#ticker{ height:20px; position:absolute; margin-top:0; overflow:hidden; font-size:13px;}
	.tickercontainer { width: 400px; height:29px; margin-top:0px; margin-bottom:5px; float:right;}
	.mask {width:390px; display:block; overflow:hidden; position:relative; height:2em; right:0px; padding-top:6px;}



#qLinks { padding:0px 10px 10px; position:absolute; bottom:0px; right:0px; width:390px; }
div.qLink{ width:125px; float:left; padding: 0 ; text-decoration:none; color: #57595c}
		#qLinks div.qLink img{ display:block; margin: 0 0 3px 0; border:0px;}

		#qLinks div.qLink p{ display:block; margin: -5px 0 3px 10px; border:0px; line-height:1.1em;}
		#qLinks div.qLink object{ margin: -10px 0 0 0 ;}
		
		.qLink img{ padding:0 0 10px 10px;}





/*=============================== NAVIGATION =========================================*/

ul#blackNav{ background:#000; height:22px; margin:0; padding-left:25px; list-style:none;}
ul#nav{ background:#57595C; height:22px; margin:0; padding-left:25px;}
	ul#nav li, ul#level2nav li{ margin:0; padding:0px; float:left;  }
	ul#nav a{ color:#fff; display:block; height:20px; width:123px; text-decoration:none; font-size:13px; padding: 2px 0 0 7px; }
		ul#nav ul a{ height:auto; padding: 4px 0px 0px 7px; font-size:1em; }
	#nav li:hover a, #nav li a:focus, ul#nav li.sfhover a { background: #FF6666; }
	#nav li:hover ul a, #nav li.sfhover ul a { background: transparent; }
	#nav, ul#nav ul { padding: 0; margin: 0; list-style: none; } 
	#nav a { display: block; width:130px; } 
	#nav li ul { position: absolute; width: 130px; z-index:1000; left: -999em; background: url(../images/backgrounds/menu_back.png) repeat;  _background: url(../images/backgrounds/menu_back.gif) repeat; padding-bottom:7px;}
	#nav li ul a{ color:#555555; }
	#nav li:hover ul, #nav li:focus ul, #nav li.sfhover ul { left: auto; z-index:1000; }
	#nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav li:focus a {color:#fc4444; background: transparent; }
	

div#navcont {margin:0; padding:0;}
.aboutCirc #nav li#nav2 { background: #414141; }
.news #nav li#nav3 { background: #414141; }
.circPart #nav li#nav4 { background: #414141; }
.ourFac #nav li#nav5 { background: #414141; }
.yourVisit #nav li#nav6  { background: #414141; }
.index #nav li#nav1 { background:#414141; }

/*=============================== LEVEL 2 NAVIGATION =========================================*/
ul#level2nav { background: url(../images/backgrounds/menu_back.png) repeat; height:22px; margin:0; padding-left:25px;list-style:none;}
ul#level2nav li a {color:#000; display:block; height:20px; width:123px; text-decoration:none; font-size:13px; padding: 2px 0 0 7px; }
ul#level2nav li a:hover { color:#fff;background: transparent url(../images/backgrounds/ff2f2f_back_70-2.png) repeat scroll 0 0;}
ul#level2nav li.navtitle {color:#000; display:block; height:20px; width:103px; text-decoration:none; font-size:13px; padding: 2px 0 0 0px;font-weight:700; }

.home #level2nav li#level2nav1 { background: #AAAAAA; }
.recruitment #level2nav li#level2nav2 { background: #AAAAAA; }
.localnews #level2nav li#level2nav3 { background: #AAAAAA; }



#wrap.smaller ul#nav a{ font-size:.8em; }
#wrap.larger ul#nav a{ font-size:1.6em; }
#wrap.large ul#nav a{ font-size:1.4em; }
#wrap.small ul#nav a{ font-size:1em}

#wrap.larger ul#nav{  height:28px;  }
#wrap.large ul#nav{ height:26px;  }
#wrap.small ul#nav{  height:21px; }
#wrap.smaller ul#nav{  height:19px; }


#wrap.larger ul#nav a{ height:26px;}
#wrap.large ul#nav a{ height:24px;}
#wrap.small ul#nav a{ height:19px;}
#wrap.smaller ul#nav a{ height:17px;}


#wrap.larger ul#nav ul a, #wrap.large ul#nav ul a, #wrap.small ul#nav ul a, #wrap.smaller ul#nav ul a{ height:auto;}
	
/*=============================== image AREA =========================================*/

div#content { background:url(../images/backgrounds/hero-fruit.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}
div#content2 { background:url(../images/backgrounds/hero-wood.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}
div#content3 { background:url(../images/backgrounds/hero-lamp.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}
div#content4 { background:url(../images/backgrounds/hero-beach.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}
div#content5 { background:url(../images/backgrounds/hero-lifesaver.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}
div#content6 { background:url(../images/backgrounds/hero-mud.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}
div#content7 { background:url(../images/backgrounds/hero-hula.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}
div#content8 { background:url(../images/backgrounds/hero-bike.jpg) no-repeat top left; height:447px; position:relative; color:#fff;}

	div#wrap div.splash { background: url(../images/backgrounds/splash-alternative.jpg) no-repeat top left ;  }
	div#wrap div.about { background:url(../images/backgrounds/hero-hula.jpg) no-repeat top left ; }
	div#wrap div.partners { background:url(../images/backgrounds/hero-wood.jpg) no-repeat top left ; }

	div#wrap div.news { background:url(../images/backgrounds/hero-bike.jpg) no-repeat top left ; }
	div#wrap div.facilities { background:url(../images/backgrounds/hero-lamp.jpg) no-repeat top left ; }
	div#wrap div.visit { background:url(../images/backgrounds/hero-beach.jpg) no-repeat top left ; }
	div#wrap div.recruitment { background:#fff; }
	
div#content h1.light{ color:#fff; }
div#content h1{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }

/*=============================== croped image area AREA =========================================*/


	div.aboutSml {  background:url(../images/backgrounds/hero-hula-crop.jpg) no-repeat top left ; height: 156px; position:relative; }
		div.aboutSml h1{ position:absolute; bottom:4.5px; margin:0; color:#ffffff; left:25px; font-weight:500; font-size:4.5em}
	div.contactSml { background:url(../images/backgrounds/hero-lifesaver-crop.jpg) no-repeat top left ; height: 156px; position:relative; }
		div.contactSml h1{ position:absolute; bottom:4.5px; margin:0; color:#ffffff; left:25px; font-weight:500; font-size:4.5em}
	div.partnersSml { background:url(../images/backgrounds/hero-wood-crop.jpg) no-repeat top left ;  height: 156px; position:relative; }
		div.partnersSml h1{ position:absolute; bottom:4.5px; margin:0; color:#ffffff; left:25px; font-weight:500; font-size:4.5em}
	div.newsSml { background:url(../images/backgrounds/hero-bike-crop.jpg) no-repeat top left ; height: 156px; position:relative; }
		div.newsSml h1{ position:absolute; bottom:4.5px; margin:0; color:#ffffff; left:25px; font-weight:500; font-size:4.5em}
	div.facilitiesSml { background:url(../images/backgrounds/hero-lamp-crop.jpg) no-repeat top left ;height: 156px; position:relative; }
		div.facilitiesSml h1{ position:absolute; bottom:4.5px; margin:0; color:#ffffff; left:25px; font-weight:500; font-size:4.5em}
	div.generalSml { background:url(../images/backgrounds/hero-mud-crop.jpg) no-repeat top left ;  height: 156px; position:relative; }
		div.generalSml h1{ position:absolute; bottom:4.5px; margin:0; color:#ffffff; left:25px; font-weight:500; font-size:4.5em}
	div.blogSml { background:url(../images/backgrounds/hero-bike-crop.jpg) no-repeat top left ;  height: 156px; position:relative; }
		div.blogSml h1{ position:absolute; bottom:4.5px; margin:0; color:#ffffff; left:25px; font-weight:500; font-size:4.5em}
	
	div.visit { background:url(../images/backgrounds/hero-beach-crop.jpg) no-repeat top left ; height: 156px; position:relative; }
	div.visit h1{  font-size:4.5em }
	
	div.visit h1{ position:absolute; bottom:5px; margin:0; color:#ffffff; left:25px; font-weight:500; }

/*=============================== content headings =========================================*/


/*=============================== copy area =========================================*/
div#content div#copy { position:absolute; z-index:350; top:32px; left:25px; width:910px; height:239px; }
div#content div#copy div div {background:none;}
div#content div#copy div {  background: url(../images/backgrounds/ff2f2f_back_50.png) repeat ; _background-image:none ; _background-color:#ff6666; height:220px; padding:10px; width:500px;}
	
	
	div#content.facilities div#copy > div, 	div#content.partners div#copy > div, div#content.about div#copy > div { background: url(../images/backgrounds/ff2f2f_back_70-2.png) repeat ; }
	
	
div#content div#copy div div#copybox { height:210px; padding:10px 20px 0 0; background:none;}
/* for the smaller style on the circle partners page, with extra space for the email button*/
div#content div#copy div div#copybox2 { height:182px; padding:10px 20px 0 0; background:none; width:490px}

				.noscroll { overflow:auto; width:483px; padding-right: 5px;}
				.scroll { overflow:auto; height: 260px; width:502px; padding-right: 5px; position: absolute; top: 0px;}

div#content div#copy h1{ color:#fff; font-weight:500; margin:0 0 5px 10px ;}
div#content div#copy h2{color:#FFFFFF;font-weight:500;margin:-10px 0 5px 10px;}
	div#content div#copy div div p{ color:#fff; font-size:1.2em; margin:0 0 .75em; line-height:1.2em; font-weight:400; }
	div#content div#copy div div h2{ margin:0 0 .75em; }
	
#wrap.smaller div#content div#copy div div{ font-size:.85em; }
#wrap.larger div#content div#copy div div{ font-size:1.2em; }
#wrap.large div#content div#copy div div{ font-size:1.1em; }
#wrap.small div#content div#copy div div{ font-size:.9em;}

	div#content div#copy div div li{ color:#fff; font-size:1.2em; margin:0 0 .75em; line-height:1.2em; }
	div#content div#copy div div ul{ padding:0 0 0 0 ;  margin: 0 0 0 1.7em; font-weight:400; }
	div#content div#copy div div p.intro{ font-weight:400; }		
	div#content div#copy div div a{ color:#fff; font-weight:600;}
	
	
	
	
	/*email area (on the circle partners pages)*/
	div#content div#copy div.emailButton { padding:3px 5px 5px ; background:url(../images/backgrounds/black_9_opac.png) repeat; _background-image:none ; _background-color:#ff4747; height:20px; width:205px; float:right; margin: 5px 0 0 0; }	
	
	div#content div#copy div.patientF p{ padding:1px 0px 5px ;  margin:40px 0 0 ;  }	
		
		
		
	div#content div#copy div.emailButton a img { border:0;  }
	div#content div#copy div.emailButton a.mailLink { float:left; margin: 3px 12px 2px 0  ; }
	div#content div#copy div.emailButton p { margin:0; font-weight:400; font-size:1em; line-height:1em; }
	
	div#content div#copy div.emailButton a { text-decoration:none; font-size:1em; font-weight:500; }
	div#content div#copy div.emailButton a:hover { text-decoration:underline; }

	
	/*=============================== MOVIE LOADER ===================================*/
	
	div#movieLoader {display:none; position:absolute; z-index:600; top:97px; left: 555px; height:243px; width:388px; background:#000;}
	div#movieLoader1 {display:none; position:absolute; z-index:600; top:89px; left: 555px; height:243px; width:388px;}
	div#movieLoader2 {display:none; position:absolute; z-index:601; top:89px; left: 555px; height:243px; width:388px; }
	div#movieLoader3 {display:none; position:absolute; z-index:602; top:89px; left: 555px; height:243px; width:388px; }
	
	div#movieLoader4 {display:none; position:absolute; z-index:600; top:89px; left: 555px; height:243px; width:388px;}
	div#movieLoader5 {display:none; position:absolute; z-index:601; top:89px; left: 555px; height:243px; width:388px; }
	div#movieLoader6 {display:none; position:absolute; z-index:602; top:89px; left: 555px; height:243px; width:388px; }
	
	div#movieLoader7 {display:none; position:absolute; z-index:600; top:89px; left: 555px; height:243px; width:388px;}
	
	
	.movClose{ position:absolute; display:none; z-index:800; top:0px; right:0px; padding:7px; cursor:pointer; background: #000 ; }

	/*=============================== SUBNAV AREA ====================================*/

	div#subNav { position:absolute; top:359px; z-index:300; right:0px; width:545px; color:#fff; }
	
	div.visit div#subNav { top: 20px;}
	
	div#subNavBox { width:545px; height:63px; position:absolute;}
	#subNavOpen, #subNavClose { display:block; cursor:pointer; color:#666; font-size:1.2em;  }
	#subNavClose { height:38px; padding:21px 10px 0 10px; float:left; color:#fff;  }
	#subNavOpen { background: url(../images/backgrounds/black_70_opac.png) repeat; position:absolute; right:0px; top:18px; display:none; height:19px; padding: 3px ;  }
	
	.caroBtn { width:10px; height:37px; float:left; padding:23px 5px 0 5px; background: url(../images/backgrounds/black_70_opac.png) repeat ;  }
	.caroBtn img{ cursor:pointer;}
	
#sCarousel{  float:left; background: url(../images/backgrounds/black_50_opac.png) repeat ; height:60px;  }
	#sCarousel ul{ height:60px; }
	#sCarousel li { padding:5px; width:242px; } 
	#sCarousel li img{ border:0px; margin-right:5px; float:left; }
	#sCarousel li a{ color:#ff6666; }
	
	#staticArea li { float: left; height:90px; margin: 10px 10px 0 0;}
	#staticArea li a{ float: left; display:block; width:105px; color:#56595c; height: 85px; font-weight:500; position:relative; padding: 5px 5px 0px 7px ; background:#e6e6e6; font-size:1.4em; text-decoration:none;}
	
	#staticArea li.yourStay1 a{ background: #e6e6e6 url(../images/YourVisit_design1.gif) no-repeat bottom right;}
		#staticArea li.yourStay1 a.active, #staticArea li.yourStay1 a:hover{ background: #ff6666 url(../images/YourVisit_design1-alt.gif) no-repeat bottom right; color:#fff;}
	
	#staticArea li.yourStay2 a{ background: #e6e6e6 url(../images/YourVisit_design2.gif) no-repeat bottom right;}
		#staticArea li.yourStay2 a.active, #staticArea li.yourStay2 a:hover{ background: #ff6666 url(../images/YourVisit_design2-alt.gif) no-repeat bottom right; color:#fff;}
	
	#staticArea li.yourStay3 a{ background: #e6e6e6 url(../images/YourVisit_design3.gif) no-repeat bottom right;}
		#staticArea li.yourStay3 a.active, #staticArea li.yourStay3 a:hover{ background: #ff6666 url(../images/YourVisit_design3-alt.gif) no-repeat bottom right; color:#fff;}

	#staticArea li.yourStay4 a{ background: #e6e6e6 url(../images/YourVisit_design4.gif) no-repeat bottom right;}
		#staticArea li.yourStay4 a.active, #staticArea li.yourStay4 a:hover{ background: #ff6666 url(../images/YourVisit_design4-alt.gif) no-repeat bottom right; color:#fff;}
	
	
	#staticArea li span.more-link{ position:absolute; bottom:5px; left:5px; font-size:.7em; font-weight:400;}

	#staticArea img {border:0px; float:left; margin: 0 5px  0 0;}
	#staticArea ul {  background: url(../images/backgrounds/black_70_opac.png) repeat; height:110px; padding: 0 0 0 10px; margin:0; width:535px; list-style:none;}

/*=============================== NEWS AREA ====================================*/

#newsbox {background:transparent url(../images/backgrounds/menu_back_70_opac.png) repeat scroll 0 0;height:240px;left:557px;position:absolute;top:89px;width:384px;z-index:360;}

#newsbox h2 {color:#57595C;margin:0;font-size:1.5em;background:transparent url(../images/backgrounds/menu_back_70_opac.png) repeat scroll 0 0;padding-left:10px;}
#newsboxcopy {margin:0px 10px 10px;}
#newsbox h3 {margin:0;font-size:1.4em;}
#newsbox h3 a {color:#333;}
#newsbox h3 a:hover {color:#ff6666;}
#newsbox p {margin-top:5px;color:#333;}
#newsbox a.more {color:#fff;font-size:1.2em;background:transparent url(../images/backgrounds/black_50_opac.png) repeat scroll 0 0;padding:2px 10px;left:301px;position:absolute;top:218px;}
#newsbox a.more:hover {color:#ff6666;}

/*homepage subnav*/
	
	ul#mycarousel{background: url(../images/backgrounds/black_70_opac.png) repeat; padding: 5px; }
	div#container{float:right; margin-top:346px; margin-right:16px; _margin-right:8px; height:65px; width:560px; overflow:hidden; position:relative; }
	.jcarousel-container { position: relative;width:388px;margin-left:171px }
	.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;width:356px; }
	.jcarousel-list { z-index: 1; overflow: hidden; position:relative; _position:absolute; top: 0; left: 0; margin: 0; padding: 0 0 0 2px; height:77px;}
	.jcarousel-list li, .jcarousel-item { float: left; position:relative; list-style: none; margin: 0 108px 0 5px; /* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 64px; height: 50px; padding:0px;}
	
	.jcarousel-item img{display:inline-block; margin:0; padding:2px 2px 0 2px ; border:0px;}
	.jcarousel-item a:hover img{ padding:0; border:2px solid #ff6666;}
	.jcarousel-item a{display:inline-block; margin:0; padding:0;}
	.jcarousel-item p{position:absolute; left:67px; top:16px; padding-top:10px; margin:0; width:200px; line-height:1em; font-weight:600; }
	.jcarousel-item p a{color: #fff; text-decoration:underline; font-weight:400; }
	.jcarousel-item p a:hover{color: #f66;}
	
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {z-index: 3; display: none; float:right; position:relative; width:16px; height:87px; background: url(../images/back_black_90_opac.png) no-repeat top; }
	.jcarousel-next-disabled{ background: url(../images/back_black_90_opac_alt.png) no-repeat top left; }
	
	.jcarousel-prev { z-index: 3;  float:left;display: none; position:relative; width:16px; height:87px; background: url(../images/next_black_90_opac.png) no-repeat top; }
	.jcarousel-prev-disabled{ background:  url(../images/next_black_90_opac_alt.png) no-repeat top left; }
	

	/*======================== GALLERY ======================*/
	div#gallery { display:none; background: url(../images/backgrounds/black_90_opac.png) repeat top left; height:447px; padding:15px 15px 0 ;}

	div#gallery #galBox { position:absolute; }
		div#gallery img#galPic { display:none; margin-right:10px;}
		div#gallery #caption { color:#fff; height:150px; display:block; position:absolute; bottom:10px; width:150px; right:5px;	}
		div#gallery #caption #captionP { padding-right:15px;	}
		div#gallery h3{ color:#fff; font-size:1.2em; font-weight:600;}

	div#gallery div#galleryNav{ position:absolute; top:20px; right:20px;}
	#galleryNav img { cursor:pointer; margin: 0 5px;}		
	
	

div#subNav.iCarousel { position:absolute; top:340px; right:0px; width:403px; color:#fff; }
div#subNav.iCarousel div#subNavBox { width:403px; height:99px; position:absolute;}

div#subNav.iCarousel .caroBtn { width:10px; height:56px; float:left; padding:43px 5px 0 5px;   }
	
#iCarousel {  float:left; background: url(../images/backgrounds/black_30_opac.png) repeat ; height:99px;  }
	#iCarousel ul{ height:99px; }
	
	#iCarousel li { padding:5px; width:111px; float:left; } 
	#iCarousel li img{ border:0px; margin-right:5px; float:left; }

	
	div#subNav .more-link {display: inline; float:none;}
	.gmnoprint div div { color:#333;}
/*======================== GOOGLE MAPS AREA ======================*/
	div#gMap { display:none; background: url(../images/backgrounds/black_90_opac.png) repeat top left; height:437px; padding:10px 20px 0 ;}
	div#gMap div#galleryNav{ position:absolute; top:20px; right:20px;}
	#galleryNav img { cursor:pointer; margin: 0 5px;}		
	
	#icons {position:absolute; right:10px; top:60px; width:150px;}
	#icons img {float:left; margin: 0 0 0 5px; margin-top:-10px; }
	#icons p { color:#fff; font-weight:600; padding: 10px 0 0; margin: 0 0 45px 0; font-size:.9em;}
	#icons p a { color:#fff; font-weight:600; }

	.gmnoprint strong {font-size:14px;}
	.gmnoprint a { color:#f66;}



/*=============================== YOUR VISIT PAGE AREA =========================================*/
div#yVArea { padding-left:25px;   background: url(../images/blog_back.gif) right repeat-y;  }


div#yVArea #top { display:block; height:54px; background:#fff; padding-top:20px; margin:0;}	
div#yVArea #top h3 { width:145px; float:right; margin:0; padding:0px; font-size:1.6em; font-weight:500;}	
div#yVArea #top h3.col1 { width:260px; margin-top:1.2em; }	


div#yVArea h1 { width:220px; margin:0; height:210px; float:left; border:1px solid #d3d3d3; color:#57595c; padding:15px 15px 0px; font-size:2.7em;}

div#yVArea h1.syd {background: url(../images/your-doctor-h1-image.gif) no-repeat bottom right;}
div#yVArea h1.ayp {background: url(../images/ayp.gif) no-repeat bottom right;}
div#yVArea h1.pft {background: url(../images/pft.gif) no-repeat bottom right;}
div#yVArea h1.ys {background: url(../images/ys.gif) no-repeat bottom right;}

div#yVArea .copy p { margin: 0 0 1em;}
div#yVArea .copy ul{ padding:0 0 0 0 ;  margin: 0 0 1em 1.7em; }

div#yVArea .copy2, div#yVArea .copy {width:240px; float:left; padding:0 10px; z-index:10 }
div#yVArea .copy2 p { margin: 0 0 1em; width:230px;}
div#yVArea .copy2 { padding:1em 10px 0 ; width:393px;  float:right;}
div#yVArea .copy2 ul {padding:0px; width:220px; margin:1em 0 0 ; font-size:1.2em; color:#333; padding:  0 0 0 1.5em; }
div#yVArea .copy2 li { margin: 0 0 .75em;}
div#yVArea .copy2 div.hr { border-bottom:2px solid #ff6666; margin-bottom:1em; width:230px;}
div#yVArea .copy2 img.icon { float:left; margin-right:10px;}
div#yVArea .copy2 a{ color:#56595C; text-decoration:none;}


div#yVArea .copy3 { width:120px; float:right; padding: 1em 15px 0 10px; background: url(../images/blog_back.gif) repeat-y top right;z-index:10 ;}
div#yVArea .copy3 .grey { width:108px; color:#fff; background: #56595c url(../images/grey_back.gif) no-repeat bottom right; padding:7px 5px 20px 7px; margin:0 0 20px;}

div#yVArea .copy3 p{ width:100px; margin-top:-10px; padding: 0px 10px 10px;}


#wrap.smaller div#yVArea { font-size:.8em; }
#wrap.larger div#yVArea { font-size:1.6em; }
#wrap.large div#yVArea { font-size:1.4em; }
#wrap.small div#yVArea { font-size:1em}



/*=============================== TEXT HEAVY AREA1 =========================================*/

div#textTemp {padding-left:25px; padding-top:45px;  position:relative; }

div#textTemp.greybgone {background: url(../images/text-temp.gif) repeat-y top right; }
div#textTemp.greybgtwo {background: url(../images/blog_back.gif) repeat-y top right; }

div#textTemp .text {width: 520px; float:left; padding-bottom:20px;}
div#textTemp .rightCol {width: 250px; float:left; padding: 0 0 0 10px;}
div#textTemp .rightCol img { padding: 0 0 0 -10px;}

div#textTemp h3 {color:#ff6666; font-size:1.4em; margin: 1em 0 0;}
div#textTemp p.intro{ font-weight:600;}
div#textTemp p { margin: 0 0 1.2em;}

div#textTemp .pullquote1 { background: #565a5d url(../images/pullquote1.gif) no-repeat bottom right; padding:20px 25px 30px ; margin-right:10px; margin-bottom:.5em; font-size:1.3em; color:#fff;  }
div#textTemp .pullquote2 { background: #565a5d url(../images/pullquote1.gif) no-repeat bottom right; float:left; width:105px; padding:10px 10px 20px 15px; display:inline-block; margin:5px 10px 5px 0px;  font-size:1em; color:#fff;  }

div#textTemp a:link{ color: #FF6666;}
div#textTemp a:visited{ color: #FF6666;}
div#textTemp a:hover{ color: #FF6666;}
div#textTemp a:active{ color: #FF6666;}

#wrap.smaller div#textTemp { font-size:.8em; }
#wrap.larger div#textTemp { font-size:1.6em; }
#wrap.large div#textTemp { font-size:1.4em; }
#wrap.small div#textTemp { font-size:.9em}




    




/*=============================== BLOG AREA =========================================



	.textpage #articleList .article ul{ padding:0 0 0 0 ;  margin: 0 0 0 1.7em; }

	div#blogArea a { color:#ff6666;}
	.article, .articleW { width:520px; background: #fff; border-bottom:1px solid #56595C; position:relative; min-height:240px; }
	.textpage .article { width:520px; background: #fff; border-bottom:0px; padding:10px 260px 10px 0px;}
	
	div#blogArea .articleW { background:#ff6666; margin-left:-25px; clear:both; width:520px; color:#fff; padding-left:25px; position:relative; border-bottom:0px; margin-bottom:-2px; }
	div#blogArea .articleW .L h2 a{ color:#fff;}
	div#blogArea .articleW a.more-link{ color:#fff;}

	#categoryList .article {width:650px;}
	.article h2	.articleW h2 { color: #f66; font-weight:500; margin:.5em 0; }
	.article h2 a, .articleW h2 a {text-decoration:none;}
	.article h2 a:hover, .articleW h2 a:hover {text-decoration:underline;}
	.article h1, .articleW h1 { color: #f66; font-weight:500; }
	.more-link{ font-weight:600; }
	div#blogArea h4{ margin:.5em;} 
	div#blogArea .L{ width:380px; float:left; padding-right:10px; padding-bottom:15px; }
	
	div#blogArea .LR{ width:130px; float:left; padding-top:20px; }
		div#blogArea .LR p{ line-height:1.2em; padding-right:10px; margin: .5em 0 ; float:left; }
	
	
	div#blogArea #openS {background-image:none; width:780px; min-height:240px;}
	div#blogArea #openS .L{ padding-right:0px; width:390px;  }
	div#blogArea .R{ width:380px; float:left; position:relative;   }
	
	div#blogArea #openS h1{ color:#56595C; font-weight:500; margin: .5em 0 .5em ;  }
	div#blogArea #openS img.pic { margin: 0 7px 0 0; position:absolute; bottom:15px; }
	div#blogArea #openS p.intro { font-size:1.4em; font-weight:600; line-height:1.2em; margin: 1.5em 0 4em ; }
	div#blogArea #openS p.intro a.more-link { font-size:12px; font-weight:600; }
	div#blogArea #openS p.details { bottom:15px; margin:0; color:#56595C; position:absolute; font-weight:400;}


	div#blogArea p.lp {font-size:1.2em;}
		
		
	div#blogArea .RL{ width:260px; float:right; min-height:240px;}
		div#blogArea .RL h4{ float:left;}
		div#blogArea .RL p{ margin: .7em 0 0 1em;}*/

	/*============ Tools ===========
	#sidebar { position:absolute; right:3px; top:0px; width:142px; padding: 0 3px 0 3px; }
	#sidebar a{ text-decoration:none;}
	#sidebar ul {margin:0; padding:0; list-style:none;}

	#sidebar h3, div#blogArea #sidebar h4, #sidebar li h2.widgettitle{ margin: 1em 0 .25em ; }
	
	#sidebar li#archives li a { color: #56595C; text-decoration:none;}
	#sidebar li#archives li { list-style-image: url(images/archive_li.gif); margin-left:1.5em;}	
	
	
	li.favourites{ border-top:19px solid #f66; margin:1em 0 0; }
	#sidebar li.favourites h2.widgettitle, #sidebar h2 { margin:.25em 0 .5em; font-size:1.1em; padding: 0 0 0 3px;}
	li.favourites li{ border-top:3px solid #f66; margin:.5em 0 0; padding: 3px 0 3px 3px; }*/
	
	
	
/*=============================== FOOTER =========================================*/

#footer{ background:#000; color:#fff; padding:0 0 0 25px ; }

	#footer a{ color:#fff; text-decoration:none; }
	#footer a:hover{ color:#ff6666; }
	
	#footerNav{ border-bottom:1px solid #fff; padding:  14px 0 18px 0; margin: 0 10px 15px 0;}
		#footerNav .logo{ float:left;}
		#footerNav .path { display:inline-block; margin-top:17px; margin-left:22px; float:left; width:460px;}
		#footerNav .goToTop {width:130px; float:left; margin-top:17px;}
		#footerNav .textSize { width:130px;  float:left; margin-top:17px;}
			#footerNav .bigA { font-size:1.3em; }
	.printPage{ margin:10px 0px 0;}
	#footer h4{ margin:0 0 1em ;}
	#footer .icons{ float:left; margin:0 5px;}
	
	#footer .linkList { width:115px; float:left; font-size:10px; padding:0 0 0 15px;  margin:0 0 20px; list-style: url(/images/footer_list_style.gif);}
		#footer .linkList .title { list-style-image: none; list-style-type:none; position:relative; left:-10px;  line-height:1.6em;}
	
	#copywrite {  background: #57595C; margin: 0 0 0 -25px; padding:30px 0 40px 25px;  }
	span.textSize { cursor:default;}


	#footer p.skipFlash { padding:17px 20px 0px; margin:0; text-align:right; color:#CCCCCC}

	#footer p.skipFlash a{ text-decoration:underline; color:#ccc;}
	#footer a.skip { margin-right:80px; color:#cccccc }
	#footer p.skipFlash a:hover{ color:#f66;}


	#footer h4.skipFlash { margin-bottom:170px;}



#wrap.smaller #footer .linkList{ font-size:.8em; }
#wrap.larger #footer .linkList{ font-size:1.2em; }
#wrap.large #footer .linkList{ font-size:1em; }
#wrap.small #footer .linkList{ font-size:.8em}




/*================================ ADDONS ===========================================*/


div#content div#copy .jScrollPaneContainer {	position: relative; overflow: hidden; z-index: 500; padding:0px;}

div#content div#copy .jScrollPaneTrack {	position: absolute;	cursor: pointer; right: 5px; top: 0; height: 100%; width:10px; padding:0; background: #fff; border:1px solid #fff;}
div#content div#copy .jScrollPaneDrag {	position: absolute;	background: url(../images/scrollround.gif) no-repeat top center; cursor: pointer;	overflow: hidden; padding:0;}
div#content div#copy .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; padding:0; }
div#content div#copy .jScrollPaneDragBottom { position: absolute; bottom: 0;	left: 0; overflow: hidden; padding:0px; }
div#content div#copy a.jScrollArrowUp {background: #fff; border:1px solid #fff;	display: block;	position: absolute;	top: 0;	right: 5px; text-indent: -2000px; padding:0; z-index:600; width:11px; overflow: hidden; background: url(../images/up.gif) no-repeat;	 height:11px;}

div#content div#copy a.jScrollArrowUp:hover {/*background-color: #f60;*/}

div#content div#copy a.jScrollArrowDown {background: #fff; border:1px solid #fff; display: block;	position: absolute;	bottom: 0;	right: 5px; text-indent: -2000px;	overflow: hidden; background: url(../images/down.gif) no-repeat; height: 11px; width:11px;}
div#content div#copy a.jScrollArrowDown:hover {	/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	/*background-color: #f00;*/}




/*===================================== CONTACT ====================================*/

div#contactForm{}


div#wrap div.contactArea #articleList{ width: 780px; padding-right:0px;  }
div#wrap div.contactArea .article{ width: 480px; padding-right:0px; position:static;  }
div#contactDetails{ width:225px; position:absolute; top:0px; right:155px; padding:27px 20px 0 0;}
	div#contactDetails b { color:#000000 ; font-weight:600}
div.thankyou { text-align:center;}

table.contactTable {}
	.contactTable td { background-color:#ffffff ; border-bottom: 1px solid #ffffff ; padding: 2px 10px 2px 5px ; }
	
input.contactInputs { width:360px ; border:#d8d8d8 solid 1px;}
#sidebarContact { position:absolute; right:3px; top:0px; width:142px; padding: 28px 3px 0 3px; }

.error {color: #FF6666;font-weight: bold;}

/*===================================== FOUR HORIZONTAL BOXES - RECRUITMENT ====================================*/

#four-horizontal-boxes ul li {float:left;width:205px;height:350px;margin-right:20px;}

#four-horizontal-boxes ul li h2 {color:#939598;}

#four-horizontal-boxes ul li.ward {background: url(/images/recruitment/ward.jpg) no-repeat scroll center 80px;}
#four-horizontal-boxes ul li.theatre {background: url(/images/recruitment/theatre.jpg) no-repeat scroll center 80px;}
#four-horizontal-boxes ul li.hospitalty {background: url(/images/recruitment/hospitality.jpg) no-repeat scroll center 80px;}
#four-horizontal-boxes ul li.management {background: url(/images/recruitment/management.jpg) no-repeat scroll center 80px;}

#four-horizontal-boxes ul li.norightmargin {margin-right:0px;}

#four-horizontal-boxes ul li ul {margin-top:175px;padding-left:0;margin-left:0;}
#four-horizontal-boxes ul li ul li {color:#939598;float:none;height:auto;list-style:none;font-size:1em;}
#four-horizontal-boxes ul li ul li a {color:#FF6666;}
#four-horizontal-boxes ul li ul li a:hover {color:#000;}

/*===================================== RECRUITMENT FORM ====================================*/
#recruitmentform {color:#000;margin-left:25px;}
#recruitmentform h2 {color:#939598;}

#recruitmentform form {background:#EFEEEE;padding:10px 10px 0;width:880px;float:left;}

#recruitmentform input.contactInputs { width:205px; border:#d8d8d8 solid 1px;}
#recruitmentform input.contactInputsName { width:100px; border:#d8d8d8 solid 1px;}

#recruitmentform #column1 {float:left;width:250px;margin-right:20px;}
#recruitmentform #column2 {float:left;width:280px;margin-right:20px;}
#recruitmentform #column3 {float:left;width:280px;}

/*================= Recruitment Posts ================== */
#recruitmentposts {color:#000;margin-left:25px;}
#recruitmentposts h2 {color:#939598;}

#recruitmentposts .position {width:800px;}
#recruitmentposts h3, #recruitmentposts h3 a {color:#939598;text-decoration:none;}


#recruitmentposts ul {
	margin:0;
	padding:0;
}

#recruitmentposts ul li {
	list-style-type:none;
	}

#recruitmentposts ul li a {
	color:#939598;
	display:block;
	text-decoration:none;
	padding:0;
	font-size:1.2em;
	margin-bottom:5px;
}

#recruitmentposts ul li a:hover {
	color:#FF6666;
}

#recruitmentposts ul {
	margin:0;
	padding:0;
}

#recruitmentposts .position ul {margin-top:10px;}

#recruitmentposts .position ul li a {
	color:#FFF;
	display:block;
	font-size:13px;
	height:20px;
	padding:2px 0 0 7px;
	text-decoration:none;
	width:100px;
	background-color:#AAAAAA;
}

#recruitmentposts .position ul li a:hover {
	background-color:#FF6666;
}

/*================= Hot Topics ================== */
#hottopics { position:absolute; z-index:350; top:346px; left:25px; width:529px; height:66px; }

ul#mycarouselhottopics{background: url(../images/backgrounds/black_70_opac.png) repeat; padding: 5px; }
#hottopics .jcarousel-container { position: relative;width:521px;margin-left:0px }
#hottopics .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;width:489px; }
#hottopics .jcarousel-list { z-index: 1; overflow: hidden; position:relative; _position:absolute; top: 0; left: 0; margin: 0; padding: 0 0 0 2px; height:65px;}
#hottopics .jcarousel-list li, .jcarousel-item { float: left; position:relative; list-style: none; margin: 0 10px 0 5px; /* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 64px; height: 50px; padding:0px;}

#hottopics .jcarousel-item a:hover img{ padding:0; border:2px solid #ff6666;}
#hottopics .jcarousel-item a{display:inline-block; margin:0; padding:0;}
#hottopics .jcarousel-item p{position:absolute; left:0px; top:0px; padding-top:10px; margin:0; width:155px; line-height:1em; font-weight:normal; }
#hottopics .jcarousel-item p a{color: #fff; text-decoration:underline; font-weight:400; }
#hottopics .jcarousel-item p a:hover{color: #f66;}

/*================= Consultants  ================== */
#consultants h3 {margin-bottom:20px;}
#consultants ul li {list-style:none;}
#consultants ul li a {text-decoration:none;}
#consultants #copybox ul li a:hover {color:#333;}

#content #consultants #copy #copybox ul {margin:0;}
#content #consultants #copy #copybox p {font-size:0.9em;}

#content #consultants #copy .consultant-left {width:110px;float:left;height:auto;padding:0;}
#content #consultants #copy .consultant-right {width:320px;float:right;height:auto;padding:0;}

#content #consultants #copy .consultantresults-left {width:70px;float:left;height:auto;padding:0;}
div#content div#consultants div#copy div#copybox .consultantresults-right h2, div#content div#consultants div#copy div#copybox .consultantresults-fullwidth h2  {font-size:1.5em;line-height:1em;margin:0;}
#content #consultants #copy .consultantresults-right {width:340px;float:right;height:auto;padding:0;}

#content #consultants #copy .consultantresults-fullwidth {width:440px;height:auto;padding:0;}

#content #consultants #copy #copybox .clearing {clear:both;padding:0;margin:0;height:0;width:100px;}

#content #consultants #consultantprofile .clearing {width:400px;height:0px;}
#content #consultants #copy #copybox .consultant-list {border-bottom:1px dotted white;padding-bottom:5px;width:430px;float:left;}
#content #consultants #copy #copybox .consultant-list-noline {padding-bottom:5px;}

#content #consultants #copy #copybox .videolink {background: url(/images/consultants/btn_watch_vid.png) no-repeat 0 2px; padding-left:20px;}

#content #consultants #copy #copybox img {margin-bottom:5px;}

#content #consultants #movieLoader {top:79px;}

div#content div#copy.copyextended div {height:307px;}

#content #consultants h3 {margin-top:0;}

#findaconsultantlink a {width:520px;height:65px;position:absolute;top:346px;left:24px;background: url(/images/consultants/findaconsultant.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;}

#content #consultants .consultants-backlink a {color:#FFFFFF;float:right;margin-right:400px;margin-top:-30px;}

#footer #consultantsfooter li {float:left;width:100px;margin-right:5px;}
#footer #consultantsfooter ul {width:445px}
#footer #consultantsfooter p {width:405px}
#footer #consultantsfooter #consultantsfooterLeft {float:left;width:445px;}
#footer #consultantsfooter #consultantsfooterRight {float:left;width:445px;}

#content #consultants #container {margin-top:324px;}

#consultantprofile h3 {font-size:1.2em;}

div#wrap div#content div#consultants div#copy div.databreak {border-bottom:dotted 1px #fff;height:1px;padding:0;margin-bottom:10px;width:320px;}

#specialismlist li {float:left;width:190px;}

#content #consultants #results {width:400px;}


/*====== Body Map ==========*/
#content #consultants #bodymap {
width:272px;
height:280px;
margin:auto;
postition:relative;
background: url(/images/consultants/bodymap.png) no-repeat 0 0;
}

#content #consultants #bodymap .point {
position:absolute;
padding:0;
width:18px;
}

#content #consultants #bodymap .point a {
background: url(/images/consultants/bodymap-point.png) no-repeat 0 0;
height:18px;
width:18px;
display:block;
}

#content #consultants #bodymap #bodymap-chest {left:210px;top:170px;}
#content #consultants #bodymap #bodymap-breast {left:190px;top:177px;}
#content #consultants #bodymap #bodymap-knee {left:148px;top:295px;}
#content #consultants #bodymap #bodymap-legs {left:252px;top:317px;}
#content #consultants #bodymap #bodymap-ankle {left:120px;top:345px;}
#content #consultants #bodymap #bodymap-foot {left:280px;top:355px;}
#content #consultants #bodymap #bodymap-pelvis {left:200px;top:240px;}
#content #consultants #bodymap #bodymap-shoulder {left:173px;top:152px;}
#content #consultants #bodymap #bodymap-ent {left:203px;top:117px;}
#content #consultants #bodymap #bodymap-groin {left:212px;top:255px;}
#content #consultants #bodymap #bodymap-genitals {left:196px;top:255px;}
#content #consultants #bodymap #bodymap-hand {left:315px;top:152px;}
#content #consultants #bodymap #bodymap-abdomen {left:200px;top:210px;}
#content #consultants #bodymap #bodymap-arms {left:250px;top:157px;}
#content #consultants #bodymap #bodymap-hip {left:220px;top:224px;}
#content #consultants #bodymap #bodymap-neck {left:202px;top:149px;}

#content #consultants #bodymap .pointleft {
position:absolute;
padding:0;
width:42px;
}

#content #consultants #bodymap .pointleft a {
background: url(/images/consultants/arrow_back_left.png) no-repeat 0 0;
height:35px;
width:42px;
display:block;
}

#content #consultants #bodymap .pointright {
position:absolute;
padding:0;
width:42px;
}

#content #consultants #bodymap .pointright a {
background: url(/images/consultants/arrow_back_right.png) no-repeat 0 0;
height:35px;
width:42px;
display:block;
}

#content #consultants #bodymap #bodymap-posterior {left:255px;top:242px;}
#content #consultants #bodymap #bodymap-back {left:135px;top:202px;}