body{
	padding:0;
	margin:0;
	font:0.6em "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Sans-serif;
	color:#fff;
	background:url(images/bg.jpg) 50% 0 no-repeat #000;
}

div, img, p, h1, h2, h3, h4, ul, ol, form, input, textarea{
	padding:0;
	margin:0;
}

img{
	border:none;
}

ul{
	list-style-type:none;
}

a{
	outline:none;
	color:#fff;
	background-color:inherit;
}

a:hover{
	text-decoration:none;
}

.spacer{
	font-size:0;
	line-height:0;
	clear:both;
}

.nobg{	
	background:none !important;
}

.nomrg{	
	margin:0 !important;
}

#wrapper{
	margin:0 auto;
	width:980px;
}

/* ----------------------- Header ----------------------- */
#header{
	margin:0 auto 8px;
	width:980px;
	border-bottom:1px solid #282828;
}

.main_site{
	float:right;
	width:388px;
	height:35px;
	margin-right:15px;
}

/*
.main_site a{
	padding:0 0 0 14px;
	text-decoration:none;
	background:url(images/bulet.gif) 0 5px no-repeat;
	font-size: 12px;
}

.main_site a:hover{
	color:#00deff;
	background-color:inherit;
}*/

#logo{
	float:left;
	width:auto;
	margin:21px 0 13px 17px;
}

.font_size_adjuster{
	float:right;
	width:184px;
	height:30px;
	line-height:30px;
	text-align:right;
	margin:42px 0 0;
	color:#969696;
	background-color:inherit;
}

.font_size_adjuster a{
	margin:0 0 0 7px;
	font-weight:bold;
	text-decoration:none;
}

.font_size_adjuster a:hover{
	color:#00deff;
	background-color:inherit;
}

.font_size_adjuster a.smlTxt{
	line-height:18px;
}

.font_size_adjuster a.midTxt{
	font-size:1.4em;
	line-height:22px;
}

.font_size_adjuster a.bigTxt{
	font-size:2.5em;
	line-height:28px;
}

/* ----------------------- Navigation ----------------------- */
#nav{
	margin:0 0 6px;
	width:940px;
	padding:0 18px;
	border-left:1px solid #404040;
	border-right:1px solid #404040;
	border-top:1px solid #404040;
	background-color:#0f0f0f;
	color:inherit;
}

#nav li{
	position:relative;
	float:left;
	width:auto;
	line-height:32px;
	padding:0 34px 0 10px;
	text-transform:uppercase;
	background:url(images/navbg.gif) 0 50% no-repeat;
}

#nav li a{
	text-decoration:none;
}

#nav li a:hover{
	color:#00deff;
	background-color:inherit;
}

/*------------------drop down--------------------*/
#nav li ul{
	position:absolute;
	left:0;
	top:30px;
	margin:0 0 0 -14px;
	width:194px;
	visibility:hidden;
	background-color:#000;
	padding:0 0 8px;
	}
	
#nav li li{
	float:none;
	background:none;
	line-height:20px;
	padding:0 0 0 14px;
}


/* ----------------------- Body ----------------------- */
#body{
	padding:0 0 32px;
	width:980px;
	color:inherit;
	background:url(images/bg02.gif) 0 100% repeat-x #000;
	border-bottom:1px solid #515151;
}

/* ----------------------- Services ----------------------- */
/*
.services{
	width:100%;
	padding:0 0 22px;
	background:url(images/headerbg.jpg) 0 0 no-repeat;
}

.services ul{
	padding:26px 0 0 490px;
}

.services li{
	float:left;
	width:auto;
	margin:0 12px 0 0;
}

.services li.last{
	margin-right:12px;
}

.services li a{
	display:block;
	width:228px;
	font-size:0;
	line-height:0;
	height:180px;
	padding:0;
	margin:0;
	overflow:hidden;
}

.services li.banner01 a{
	background:url(images/banner01.png) 0 0 no-repeat;
}

.services li.banner01 a:hover{
	background:url(images/banner01_hover.png) 0 0 no-repeat;
}

.services li.banner02 a{
	background:url(images/banner02.png) 0 0 no-repeat;
}

.services li.banner02 a:hover{
	background:url(images/banner02_hover.png) 0 0 no-repeat;
}

.services li.banner03 a{
	background:url(images/banner03.png) 0 0 no-repeat;
}

.services li.banner03 a:hover{
	background:url(images/banner03_hover.png) 0 0 no-repeat;
}

.services li.banner04 a{
	background:url(images/banner04.png) 0 0 no-repeat;
}

.services li.banner04 a:hover{
	background:url(images/banner04_hover.png) 0 0 no-repeat;
}*/

.services{
	width:100%;
	background:url(images/headerbg.jpg) 0 0 no-repeat;
	height:458px;
}


.services_right
{
	margin-top:18px;
	margin-left:8px;
	float:right;
	width: 422px;
}

.services div a{
	float:left;
	font-size:0;
	line-height:0;
	height:142px;
	padding:0;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	text-indent:-20000px;
}

.banner01 a
{
	display:block;
	width:209px;
	float:left;
	background:url(images/banner01.png) 0 0 no-repeat;
	color:none !important;	
}
.banner01 a:hover{
	background:url(images/banner01_hover.png) 0 0 no-repeat;
}

.banner02 a
{
	display:block;
	width:209px;
	float:left;
	background:url(images/banner02.png) 0 0 no-repeat;
}
.banner02 a:hover{
	background:url(images/banner02_hover.png) 0 0 no-repeat;
}

.banner03 a
{
	display:block;
	width:209px;
	float:left;
	background:url(images/banner03.png) 0 0 no-repeat;
}
.banner03 a:hover
{
	
	background:url(images/banner03_hover.png) 0 0 no-repeat;
}

.banner04 a
{
	display:block;
	width:209px;
	float:left;
	background:url(images/banner04.png) 0 0 no-repeat;
}
.banner04 a:hover{
	background:url(images/banner04_hover.png) 0 0 no-repeat;
}

.banner05 a{
	display:block;
	width:401px;
	float:left;
	background:url(images/banner05.png) 0 0 no-repeat;
}
.banner05 a:hover{
	background:url(images/banner05_hover.png) 0 0 no-repeat;
}


/* ----------------------- Container ----------------------- */

#container{
	width:950px;
	padding:15px;
	color:#000;
	background:url(images/bg03.gif) 0 100% repeat-x #333;
	border-bottom:1px solid #4f4f4f;
}

.content{
	margin:0 auto;
	width:912px;
	padding:18px;
	line-height:12px;
	color:#fff;
	background-color:#1b1b1b;
	border:1px solid #404040;
}

.list_bl{
	float:left;
	width:121px;
	margin:0 30px 0 0;
	border-right:1px solid #393939;
}

.content li{
	text-transform:uppercase;
}

.content li a{
	text-decoration:none;
}

.content li a:hover{
	color:#00deff;
	background-color:inherit;
}

.list_bl p{
	padding:0 0 11px;
	text-transform:uppercase;
}
.list_bl p a{
	padding:0;
	background-color:inherit;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
}
.list_bl p a:hover{
	color:#00deff;
	background-color:inherit;
	}

.infom_bl{
	float:left;
	width:230px;
	margin:0 30px 0 0;
	border-right:1px solid #393939;
}

.infom_bl p{
	padding:0 0 11px;
	text-transform:uppercase;
}
.infom_bl p a{
	padding:0;
	background-color:inherit;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
}
.infom_bl p a:hover{
	color:#00deff;
	background-color:inherit;
	}

.login{
	float:left;
	width:142px;
	margin:0 30px 0 0;
	border-right:1px solid #393939;
}

.login p{
	padding:0 0 12px;
	color:#9a9a9a;
	background-color:inherit;
}

.login .inputTxt{
	margin:0 0 15px;
	padding:2px 5px;
	height:20px;
	background:url(images/inputboxbg.gif) 0 0 no-repeat;
}

.login .inputTxt input{
	float:left;
	width:100px;
	height:16px;
	font:1em/14px "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Sans-serif;
	border:none;
	background:none;
}

.login input.button{
	float:left;
	margin:0 0 0 1px;
	padding:0 0 4px;
	width:108px;
	height:18px;
	border:none;
	color:#fff;
	background-color:inherit;
	font:bold 1.1em/16px "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Sans-serif;
	background:url(images/buttonbg.gif) 0 0 no-repeat;
}

.contactUs{
	float:right;
	width:324px;
}

.contactUs p{
	text-align:right;
	border-bottom:1px solid #393939;
	padding:0 0 8px;
	margin:0 0 10px;
	color:#9a9a9a;
	background-color:inherit;
}

.contactUs p a{
	text-decoration:none;
}

.contactUs p a:hover{
	color:#00deff;
	background-color:inherit;
}

.contactUs li{
	clear:both;
	text-align:right;
}

.contactUs li span{
	display:block;
	float:left;
	width:219px;
	padding:0 17px 0 0;
	background:url(images/divider.gif) 100% 0 no-repeat;
}

.contactUs li strong{
	display:block;
	float:right;
	width:76px;
	font-weight:normal;
}

.Joinus{
	float:right;
	width:598px;
	height:27px;
	background:url(images/joinusbg.gif) 100% 0 no-repeat;
}
.Joinus ul{
	float:right;
	}
.Joinus li{
	float:left;
	width:auto;
	line-height:27px;
	padding:0 11px 0 0;
	margin:0 11px 0 0;
	background:url(images/divider02.gif) 100% 50% no-repeat;
}

.Joinus li a{
	color:#000;
	background-color:inherit;
	text-decoration:none;
}

.Joinus li a:hover{
	color:#959595;
	background-color:inherit;
}

.Joinus li.jointitle{
	padding-left:22px;
	text-transform:uppercase;
}

.Joinus li.facebook a{
	padding:0 18px 0 0;
	background:url(images/icon01.gif) 100% 0 no-repeat;
}

/*.Joinus li.twitter a{
	padding:0 15px 0 0;
	background:url(images/icon02.gif) 100% 0 no-repeat;
}
*/
.Joinus li.MySpace a{
	padding:0 18px 0 0;
	background:url(images/myspaceicon.gif) 100% 0 no-repeat;
}
.Joinus li.YouTube a{
	padding:0 18px 0 0;
	background:url(images/youtubeicon.gif) 100% 0 no-repeat;
}
.Joinus li.Flickr a{
	padding:0 18px 0 0;
	background:url(images/flickricon.gif) 100% 0 no-repeat;
}
.Joinus li.Blogger a{
	padding:0 18px 0 0;
	background:url(images/bloggericon.gif) 100% 0 no-repeat;
}

.Joinus li.share{
	padding:6px 0 0;
	background:none;
}

.Joinus li.share a{
	display:block;
	width:83px;
	height:16px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	background:url(images/icon03.gif) 0 0 no-repeat;
}

.Joinus li.share a:hover{
	background:url(images/icon03_hover.gif) 0 0 no-repeat;
}

/* ----------------------- Inside Page ----------------------- */
.body_inside{
	width:950px;
	padding:20px 15px;
	font-size:1.1em;
	line-height:15px;
	color:#2e2e2e;
	background-color:white !important;
}

/* ----------------------- Left Panel ----------------------- */
#leftpan{
	float:left;
	width:200px;
}

.frm_section{
	padding:0 0 12px;
	margin:0 0 18px;
	border-bottom:3px solid #000;
}

#leftpan li{
	line-height:20px;
}

#leftpan li a{
	text-decoration:none;
	color:#006695;
}

#leftpan li a:hover{
	color:#001722;
	background-color:inherit;
}



/* ----------------------- Right Panel ----------------------- */
#rightpan{
	float:right;
	width:722px;
	line-height:18px;
	margin:27px 0 0;
	padding:18px 0 0;
	border-top:3px solid #000;
}

.pageRight p:first-child {
	margin: 0;
	padding: 0;
}

#rightpan h3{
	font-size:1.7em;
	line-height:22px;
	font-weight:normal;
	padding:0 0 14px;
	color:#2f2f2f;
	background-color:inherit;
}

#rightpan p{
	padding:0 0 20px;
}

#rightpan a 
{
	color:#006695;
}
.prospectus_img{
	float:right;
	margin:0 0 0 44px;
}

.download{
	margin:8px 0 0;
	width:248px;
	font-size:1.1em;
	line-height:50px;
	background:url(images/clickbg.gif) 0 0 no-repeat;
}

.download a{
	margin:0 auto;
	display:block;
	width:202px;
	text-decoration:none;
	background:url(images/icon04.gif) 100% 50% no-repeat;
}

.download a:hover{
	color:#001722;
	background-color:inherit;
}


/* ----------------------- Footer ----------------------- */

#footer{
	margin:0 auto;
	width:950px;
	padding:9px 0 40px;
}

#footer img{
	float:left;
	width:auto;
}

#footer p{
	float:right;
	width:auto;
}

#footer p a{
	text-decoration:none;
}

#footer p a:hover{
	color:#00deff;
	background-color:inherit;
}




/* General Enquiry */

#enquiryForm{
	float:left;
	width:950px;
	line-height:18px;
	margin:27px 0 0;
	padding:18px 0 0;
	border-top:3px solid #000;
}

#enquiryForm h3{
	font-size:1.7em;
	line-height:22px;
	font-weight:normal;
	padding:0 0 14px;
	color:#2f2f2f;
	background-color:inherit;
}

.general{
	margin: 0px;
	padding: 0px;
}
.general tr td input {
	background-color: #e4e2e2 !important;
	width: 262px;
	border: 1px solid #b4babe;
	margin-bottom:0px;padding-bottom:0px;
}
.general tr td textarea {
	background-color: #e4e2e2;
	width: 262px;	
	border: 1px solid #b4babe;	
}

.general tr td .general_button{
	width:60px;
	border: 1px solid #b4babe;	
}


span.red { color: #a00; }
.red {color:#a00;}
           
/* end of general */


/* recruitment */
.recruitment{
	margin: 0px;
	padding: 0px;
}
.recruitment input.recruit, .recruitment textarea.recruit {
	background-color: #e4e2e2 !important;
	border: 1px solid #b4babe;
	width:195px;
}
.recruitment .recruit_button{
	width:70px;
	font-weight: bold;
	color: #337481;
	border: 1px solid #b4babe;
}
.recruitment table tr td span {
	text-decoration:underline;
	color:#337481;
	width:200px;
	font-weight:bold;
}
.recruitment table tr td span.red { text-decoration:none; color:#a00; }

#content_text_right_recruitment p{
	margin: 0px;
	padding: 3px;
	padding-left: 0px;
}
/* end of recruitment */

.TasterDaysListing 
{
	width: 220px; margin-bottom:20px;  float: left; 
}
span.location 
{
	color:#333333;font-size:15px;margin-bottom:0px;padding-bottom:0px;display:block;
}
.TasterDaysListing a { text-decoration:none; }

/*pagebuilder */
.pageRight
{
	float:right;padding-bottom:0px;margin-left:15px;width:320px;margin-top:40px; 
}



.pikachoose{width:510px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:506px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('images/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('images/rewind.png') top left no-repeat;}


/* */

#lightboxImages {float:left; background-color:white; padding:10px; margin-right:10px; border:1px solid #aaa; text-align:center; width:90px; height:90px; margin-bottom:8px;}
#lightboxImages a { border:none;}
#lightboxImages img{ width: auto; height: auto; }