.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 #000;
    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:#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 {display:block;width:388px;height:65px;background:url(images/top-header-right.png) no-repeat 0 0;position:relative;}
.main_site a span {position:absolute;top:30px;left:14px;font-family:Century Gothic, Arial, Serif;font-size:17px;font-weight:bold;color:#0aa6bd;word-spacing:-1px;}

/*
.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;
}*/

.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 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;
}*/

.banner02 {float:right;padding-right:20px;}
.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 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;
}*/

.banner03 {float:left;padding-left:22px;padding-top:3px;}
.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 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;
}*/

.banner04 {float:right;padding-right:22px;}
.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{
    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;
}*/

.banner05 a {width:400px;height:145px;display:block;background:url(images/apply-now-bg.png) no-repeat 0 0;position:relative;z-index:1;}
.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;}
#drop_6 {position:relative;z-index:2;}
#drop_5 {position:relative;z-index:2;}

/* ----------------------- 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; }

#google_translate_element{float:right; margin-top:42px;}
#google-translate-label{float:right; margin:52px 10px 0 0;}