@charset "utf-8";
/* CSS Document */
.goog-te-banner-frame.skiptranslate {display: none !important;} 
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 #e7e0da;
	top:0px !important;
}

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:#006695;
	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;
}

/* ----------------------- Header ----------------------- */
#wrapper{
	margin:0 auto;
	width:980px;
}

/* ----------------------- Header ----------------------- */
#header{
	margin:0 auto;
	width:980px;
	padding:0px 0 0;
	background:url(images/bg01.gif) 0 0 repeat-x;
}

.main_site{
	float:right;
	padding:0 0 0 0px;
	width:297px;
	height:40px;
}

.main_site a {display:block;width:276px;height:64px;background:url(images/iag-top-right.png) no-repeat 0 0;position:relative;text-decoration:none;}
.main_site a span {position:absolute;top:27px;left:14px;font-family:Century Gothic, Arial, Serif;font-size:17px;font-weight:bold;color:#0aa6bd;word-spacing:-1px;}

/*.main_site a{
	color:#fff;
	background-color:inherit;
	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 17px 17px;
}

.font_size_adjuster{
	float:right;
	width:184px;
	height:30px;
	line-height:30px;
	text-align:right;
	margin:42px 0 9px;
	border-bottom:1px solid #c3c3c3;
	color:#2c2c2c;
	background-color:inherit;
	font-size: 10px;
}

.font_size_adjuster a{
	margin:0 0 0 7px;
	font-weight:bold;
	text-decoration:none;
	color:#006695;
	background-color:inherit;
}

.font_size_adjuster a:hover{
	color:#616161;
	background-color:inherit;
}

.font_size_adjuster a.smlTxt{
	line-height:18px;
	font-size: 10px;
}

.font_size_adjuster a.midTxt{
	line-height:22px;
	font-size: 14px;
}

.font_size_adjuster a.bigTxt{
	font-size: 22px;
	line-height:28px;
}

/* ----------------------- Navigation ----------------------- 
#sf-menu{
	padding:1px 0 0 17px;
}

#sf-menu li{
	float:left;
	width:auto;
	padding:0 8px 0 0;
	position:relative;
}
#sf-menu li a{
	text-transform:uppercase;
	text-decoration:none;
	text-indent:-20000px;
	color:#fff;
	background-color:inherit;
}

#sf-menu li a:hover{
	color:#006695;
	background-color:inherit;
}

#sf-menu li a.nav01{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:68px;
	background:url(images/nav01.gif) 0 0 no-repeat;
}

#sf-menu li a.nav01:hover{
	background:url(images/nav01_hover.gif) 0 0 no-repeat;
}

#sf-menu li a.nav02{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:80px;
	background:url(images/nav02.gif) 0 0 no-repeat;
}

#sf-menu li a.nav02:hover{
	background:url(images/nav02_hover.gif) 0 0 no-repeat;
}

#sf-menu li a.nav03{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:90px;
	background:url(images/nav03.gif) 0 0 no-repeat;
}

#sf-menu li a.nav03:hover{
	background:url(images/nav03_hover.gif) 0 0 no-repeat;
}

#sf-menu li a.nav04{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:94px;
	background:url(images/nav04.gif) 0 0 no-repeat;
}

#sf-menu li a.nav04:hover{
	background:url(images/nav04_hover.gif) 0 0 no-repeat;
}

#sf-menu li a.nav05{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:171px;
	background:url(images/nav05.gif) 0 0 no-repeat;
}

#sf-menu li a.nav05:hover{
	background:url(images/nav05_hover.gif) 0 0 no-repeat;
}

#sf-menu li a.nav06{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:224px;
	background:url(images/nav06.gif) 0 0 no-repeat;
}

#sf-menu li a.nav06:hover{
	background:url(images/nav06_hover.gif) 0 0 no-repeat;
}

#sf-menu li a.nav07{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:49px;
	background:url(images/nav07.gif) 0 0 no-repeat;
}

#sf-menu li a.nav07:hover{
	background:url(images/nav07_hover.gif) 0 0 no-repeat;
}

#sf-menu li a.nav08{
	display:block;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	height:30px;
	width:73px;
	background:url(images/nav08.gif) 0 0 no-repeat;
}

#sf-menu li a.nav08:hover{
	background:url(images/nav08_hover.gif) 0 0 no-repeat;
}
*/
/*------------------drop down--------------------*/
#nav li ul{
	position:absolute;
	left:0;
	top:28px;
	margin:0;
	width:194px;
	visibility:hidden;
	background-color:#000;
	padding:8px 0;
	}
	
#nav li li{
	float:none;
	background:none;
	line-height:20px;
	padding:0 0 0 14px;
}

/* ----------------------- Body ----------------------- */
#body{
	margin:0 auto;
	width:980px;
	border-bottom:1px solid #515151;
}

/* ----------------------- Services ----------------------- */
.services{
	height:466px;
	background:url(images/headerbg.jpg) 100% 100% no-repeat;
}


.services_left
{
	margin-top:18px;
	margin-left:8px;
	float:left;
	width: 432px;
}

.services div a
{
    text-decoration:none;
	/*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;
}*/

.banner01 {float:left;padding-left:18px;}
.banner01 a {width:182px;height:139px;display:block;background:url(images/school-now.png) no-repeat 0 0;position:relative;}
.banner01 a span.main {position:absolute;top:40px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:30px;font-weight:bold;color:#222222;}
.banner01 a span.bottom {position:absolute;top:80px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:17px;font-weight:bold;color:#ffffff;word-spacing:-1px;}
.banner01 a:hover {width:182px;display:block;height:139px;background:url(images/school-now-hover.png) no-repeat 0 0;}

.banner02 {float:right;padding-right:30px;}
.banner02 a {width:185px;height:141px;display:block;background:url(images/new-learner-bg.png) no-repeat 0 0;position:relative;}
.banner02 a span.main {position:absolute;top:40px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:28px;font-weight:bold;color:#222222;line-height:28px;}
.banner02 a span.bottom {position:absolute;top:100px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:17px;font-weight:bold;color:#ffffff;word-spacing:-1px;}
.banner02 a:hover {width:185px;display:block;height:141px;background:url(images/new-learner-bg-hover.png) no-repeat 0 0;}

.banner03 {float:left;padding-left:18px;}
.banner03 a {width:178px;height:140px;display:block;background:url(images/progressing.png) no-repeat 0 0;position:relative;}
.banner03 a span.main {position:absolute;top:40px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:24px;font-weight:bold;color:#222222;line-height:24px;}
.banner03 a span.bottom {position:absolute;top:90px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:17px;font-weight:bold;color:#ffffff;word-spacing:-1px;}
.banner03 a:hover {width:178px;display:block;height:140px;background:url(images/progressing-hover.png) no-repeat 0 0;}

.banner04 {float:right;padding-right:30px;}
.banner04 a {width:179px;height:143px;display:block;background:url(images/employers.png) no-repeat 0 0;position:relative;}
.banner04 a span.main {position:absolute;top:50px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:24px;font-weight:bold;color:#222222;line-height:24px;}
.banner04 a span.bottom {position:absolute;top:80px;left:20px;font-family:Century Gothic, Arial, Serif;font-size:17px;font-weight:bold;color:#ffffff;word-spacing:-1px;}
.banner04 a:hover {width:179px;display:block;height:143px;background:url(images/employers-hover.png) no-repeat 0 0;}

.banner05 a {width:400px;height:145px;display:block;background:url(images/apply-now-bg.png) no-repeat 0 0;position:relative;}
.banner05 a span.main {position:absolute;top:20px;left:40px;font-family:Century Gothic, Arial, Serif;font-size:48px;font-weight:bold;color:#222222;}
.banner05 a span.bottom {position:absolute;top:80px;left:40px;font-family:Century Gothic, Arial, Serif;font-size:13px;font-weight:normal;color:#ffffff;word-spacing:-1px;}
.banner05 a:hover {width:400px;display:block;height:145px;background:url(images/apply-now-bg-hover.png) no-repeat 0 0;}

/* ----------------------- Footer ----------------------- */

#footer{
	margin:0 auto;
	width:950px;
	padding:9px 15px 0;
	color:#000;
	background-color:#e5e0d9;
}

p.line{
	padding:14px 0 0;
	margin:0 0 10px;
	height:1px;
	font-size:0;
	line-height:0;
	border-bottom:1px solid #b2b2b2;
}

.content{
	margin:0 auto;
	width:914px;
	padding:18px;
	line-height:12px;
	color:#fff;
	background-color:#000;
}

.list_bl{
	float:left;
	width:121px;
	margin:0 30px 0 0;
	border-right:1px solid #393939;
}

.content li{
	text-transform:uppercase;
}

.content li a{
	color:#fff;
	background-color:inherit;
	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{
	color:#fff;
	background-color:inherit;
	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:28px;
	border-left:1px solid #404040;
	background:url(images/joinusbg02.gif) 0 0 repeat-x;
}

.Joinus_inside{
	width:100%;
	line-height:28px;
	background:url(images/joinusbg.gif) 100% 0 no-repeat;
}
.Joinus_inside ul{
	float:right;
	}
.Joinus li{
	float:left;
	width:auto;
	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;
}

.footerLogoTxt{
	padding:0 0 30px;
}

.footerLogoTxt img{
	float:left;
	width:auto;
}

.footerLogoTxt p{
	float:right;
	width:auto;
}

.footerLogoTxt p a{
	color:#006695;
	background-color:inherit;
	text-decoration:none;
}

.footerLogoTxt p a:hover{
	color:#000;
	background-color:inherit;
}

/* ----------------------- 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;
}

#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;
}

.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;
}



/* 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;}
 
span.green { color: Green; }
.green {color:Green;}         
/* 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; }

.dropDown { font-size: 11px; }

/*pagebuilder */
.pageRight
{
	float:right;padding-bottom:0px;margin-left:15px;width:320px;margin-top:40px; 
}

.tableBorder 
{
	border:1px solid #666;
}
.tableBorder td
{
	border-top:1px solid #666;
	border-left:1px solid #666;
	text-align: center;
}
.noBorder{border-left:0px solid #fff !important; border:0px;}

.tableInput{
	background-color: #e4e2e2 !important;
	border: 1px solid #b4babe;
}

#google_translate_element{float:right; margin-top:49px; margin-right: 5px;}
#google-translate-label{float:right; margin:59px 10px 0 0; color:#2C2C2C;}
