﻿/*------------css reset---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*restoring some basic defaults*/
em{font-style:italic;}
strong{font-weight:bold;}

/*-----------------------end of css reset------------------*/



body {
    background-image:url(images/curve-background.gif);
    margin: 0 0 0 0;
	font: 55%/2 Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	color:#000000;
}
html {
	font-size: 100%;
}
p {margin:0 0 1.5em 0;}


h1 {
    font:bold 1.6em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    margin-top:0;
    padding-bottom:10px;
}

h2 {
    font:bold 1.4em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding-bottom:10px;
}

a {
    color:#a30046;
    text-decoration:none;
}
a:hover {
    color:#a30046;
    text-decoration:underline;
}
a img 
{
    border:none;
}
a:focus, a:active 
{
    outline:none;
    border:none;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; margin-top:-1px;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

td 
{
    vertical-align:top;
}

.home-intro-para {
    font:1.6em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    padding:0px;
    margin-bottom:1.2em;
    margin-top:0px;
    font-weight:bold;
}
address {

    margin-bottom:1.5em;
}

/*********layout**********************/


#wrapper 
{
    width:920px;
    float:left;
    background:url(images/right-fade-line.gif) bottom right no-repeat;
    padding:0px 0px 30px 0px;
	line-height:2em;
	position:relative;
}

#header {
	position:relative;
	width:900px;
	height:185px;

}
#logo 
{
    position:absolute;
	left:26px;
	top:35px;
}

#right-column 
{
    float:left;
    width:225px;
    /*padding-right:20px;*/
    font-size:1.3em;
}    

#slidertest #right-column p
{
    padding-top:40px;
 }
#right-column2
{
    float:right;
    width:225px;
    /*padding-left:45px;*/
}

#maincontent-admin {
	float:left;
	width:840px;
	min-width:640px;
	padding:30px;
	line-height:18px;
	background:url(images/right-fade-line.gif) bottom right no-repeat;
}
.middle-column 
{
    width:385px;
    float:left;
    padding-right:43px;
    font-size:1.3em;
    margin-left:30px;
}
.middle-column2
{
    width:655px;
    float:left;
    font-size:1.3em;
    margin-left:30px;
}
.middle-column a, .middle-column2 a 
{
    font-weight:bold;
}

.inlinebox { background:url(images/targets/targets-corner_us.gif) no-repeat; border:1px solid #01267f; position:relative; height:270px; }
.inlinebox p, .inlinebox h2,  .inlinebox h3 { padding:20px 20px 0px 20px; width:200px; }
.floatright { float:right; margin-left:25px; padding:10px 10px 0px 10px; position:absolute; bottom:0px; right:10px; }
/*/

/********side menu navigation*****************/
#sidemenu {
float:left;
width:140px;
padding-left:60px;
font-size:1.4em;
border-top:1px solid #ffffff;
}
#sidemenu ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#sidemenu li.log a
{
padding-top:10px;
}
#sidemenu ul li a
{
text-decoration: none;
color:#333333;
padding:00px 0 0px 50px;
margin:0 0 10px 0;
background-position:left top;
background-repeat:no-repeat;
display:block;
height:50px;
}
#sidemenu ul li span
{
padding-top:10px;
display:block;
}
#sidemenu ul li span.two
{
padding-top:2px;
display:block;
}
#sidemenu li a:hover
{
color: #e02a2a;
background-position:left -110px;
}
/*/


/********** headers*********************/
h2.what 
{
    background:url(images/what-h3.gif) left;
    background-repeat:no-repeat;
    padding:5px 0px 5px 25px;
}
h2.services 
{
    background:url(images/services-h3.gif) left;
    background-repeat:no-repeat;
   padding:5px 0px 5px 25px;
}
h2.advice
{
    background:url(images/advice-h3.gif) left;
    background-repeat:no-repeat;
    padding:5px 0px 5px 25px;
}
h2.testimonials
{
    background:url(images/testimonials-h3.gif) left;
    background-repeat:no-repeat;
    padding:5px 0px 5px 25px;
}
h2.team 
{
    background:url(images/team-h3.gif) 0 5px;
    background-repeat:no-repeat;
    padding:5px 0px 5px 25px;
    color:#000000;
    clear:left;
}
h2.team span:first-child 
{
    display:block;
}
h2.team span.title 
{
   display:block;
   color:#a30046;
   font-size:0.8em;
   font-weight:normal;
}
h2.get 
{
    background:url(images/get-h3.gif) left;
    background-repeat:no-repeat;
    padding:5px 0px 5px 25px;
}
h2.testimonials 
{
    background:url(images/testimonials-h3.gif) left;
    background-repeat:no-repeat;
    padding:5px 0px 5px 25px;
}
.t-images
{
    padding-right:5px;
    vertical-align:middle;
}
.t-para 
{
    padding-bottom:0px;
}






/******footer****************************************/
#footer {
	width:920px;
	height:100px;
	background:transparent url(images/footer.gif) top right no-repeat;
	clear:both;
	font-size:1.8em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align:right;
	padding-bottom:10px;
}
.footer-inner 
{
    margin-left:520px;
    text-align:right;
    margin-right:20px;
    padding-top:20px;
    line-height:18px;
    padding-bottom:10px;
}
.footer-inner span 
{
    display:block;
    margin:0.2em 0 0.2em 0;
}

.twit, .face, .linked_in 
{
    padding-left:25px;
    padding-bottom:3px;
}
.twit {
    background:url(images/twitter.png) no-repeat 0px 3px;
    margin-right:20px;
}
.face {
    background:url(images/face-icon.png) no-repeat 0px 3px;
    margin-right:20px;
}
.linked_in {
    background:url(images/linkedin-icon.png) no-repeat 0px 3px;
}
.twit:hover, .face:hover, .linked_in:hover
{
    background-position:0 -57px;
}
.twithead 
{
    margin-bottom:1.5em;
}

.terms 
{
    font-size:1.1em;
    width:875px;
    text-align:right;
    padding-right:25px;
    margin-bottom:2em;
}
/*/




/**********main menu navigation**********************/
#menu 
{
position:absolute;
left:200px;
top:35px;
height:66px;
font-size:1.4em;
}
#menu ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#menu ul li 
{
float: left; 
}

#menu ul li a
{
text-decoration: none;
color:#333333;
float: left;
margin: 0px;
width: 95px;
padding-top: 45px;
padding-bottom: 0px;
background-position:top center;
background-repeat:no-repeat;
line-height:1.5;
}
#menu li a:hover
{
color: #e02a2a;
background-position:28px -110px;
}

.home-button 
{
    background:url(images/bt-home2.gif);
}
.what-button 
{
    background:url(images/bt-what.gif) no-repeat;
}
.overseas-button 
{
    background:url(images/bt-overseas.gif) no-repeat;
}
.services-button 
{
    background:url(images/bt-services.gif) no-repeat;
}
.team-button 
{
    background:url(images/bt-team.gif) no-repeat;
}
.gallery-button 
{
    background:url(images/bt-gallery.gif) no-repeat;
}
.register-button 
{
    background:url(images/bt-register.gif) no-repeat;
}
.jobs-button 
{
    background:url(images/bt-jobs.gif) no-repeat;
}
.get-button 
{
    background:url(images/bt-contact.gif) no-repeat;
}
.login-button 
{
    background:url(images/bt-login.gif) no-repeat;
}
.career-button 
{
    background:url(images/btn-career.gif) no-repeat;
}
.advice-button
{
    background:url(images/bt-advice.gif) no-repeat;
}
.news-button 
{
    background:url(images/bt-news.gif) no-repeat;
}
.partnership-button
{
    background:url(images/bt-what.gif) no-repeat;
}

.latest-sector-news
{
    width:380px;
    overflow: hidden;
}
.latest-sector-news .date
{
    padding: 0px;
    margin: 0px;
    border-style: none;
}
.latest-sector-news .link
{
    padding: 0px 0px 0px 7px;
    margin: 0px;
    border-style: none;
}


.latest-sector-news h1
{
    background-position: right;
    font-size: 22px;
    vertical-align: middle;
    background: url(images/RSS_Feed.gif) 210px;
    background-repeat: no-repeat;
    height:32px;
    padding-top:5px;
}
.latest-sector-news h2
{
    font-size: 14px;
    padding: 0 0 1px 0;
}
.latest-sector-news span
{
    white-space:nowrap;
        font-size: 10px;
        color:Gray;
 }
.latest-sector-news a
{
    white-space:nowrap;
    font-size: 10px;
    color: #666666;
    text-decoration: underline;
}
.latest-sector-news a:hover
{
    color: #333333;
    text-decoration: underline;
}
.latest-sector-news .divide
{
    padding:0;
    height:10px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #FF3399;
    width:380px;
}

/*/

/*/
#datalist-footer
{
    padding-left:10px;
}
#datalist-footer a
{
    font-weight:normal;
}
#datalist-footer a.newsearch
{
    background:url(images/newsearch.gif);
    background-position:left;
    background-repeat:no-repeat;
    width:83px;
    height:33px;
    padding-left:40px;
    display:block;
    padding-top:8px;
    color:#ffffff;
}
#datalist-footer a:hover.newsearch
{
    color:#e21574;
}
.sub 
{
    font-size:0.9em;
    margin:0px;
    padding:0px;
}
.red 
{
    color:#a30046;
}

#alerts 
{
    display:block;
    padding:10px;
    border:solid 1px #e51373;
    background-color:#e7e7e7;
    color:#3d7cbf;
    position:relative;
    margin-top:50px;
    font-weight:normal;
}

/*************gallery table******************/
#gallerytable table {
		border-collapse: collapse;
} 

#gallerytable th { 
		border: 1px solid #bbbbbb; 
		padding: 4px 10px;
		line-height: 1.2;
} 
#gallerytable td { 
		border: 1px solid #bbbbbb; 
		padding: 4px 10px;
		line-height: 1.2;
} 

#gallerytable tbody td {
		border-top: 0;
		border-bottom: 1px;
		}
#gallerytable caption {
		font-weight: bold;
		font-size: 1.4em;
		text-transform: uppercase;
		padding: 0 0 5px;
		color: #333333;
}

#gallerytable th {
		background: #e4e5e4 url(images/table-heading-background.gif) 0 50% repeat-x; 
		text-align: center;
}

#gallerytable tfoot {
		background-color: #e2e2e2;
		color: #555555;
}

#gallerytable tfoot td {
		text-align: center;
}

#gallerytable tbody tr.alt td {
		
}

#gallerytable tbody td.over, #gallerytable tbody td:hover{
		background: #e3e3dc;
		color: #ffffff;
}
		
#gallerytable tbody tr.over+tr td {
		background-image: url(images/shadow.png);
		background-repeat: repeat-x;
}

/*****************Job desc*******************/
.job-result
{
    border-style:solid;
    border-width:1px;
    border-color:#e3e3dc;
    
}
#top-job h2 
{
    font:1.4em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    display:block;
    font-weight:bold;
    padding-left:10px;
    margin:0;
    color:#1a7565;
    padding-left:25px;
}
#top-job h2.feat
{ 
    background:url(images/star.png) left no-repeat;
}
#top-job h2.week
{
    background:url(images/star2.png) left no-repeat;  
}
.job-result h2, .job-result h3
{
    font:1.2em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    display:block;
    color:#a30046;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    background-color:#e3e3dc;
    margin:0;
}
.job-result h2, .job-result h3
{
    font:1.2em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    display:block;
    color:#a30046;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    background-color:#e3e3dc;
    margin:0;  
}

.job-description
{
    padding-top:5px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    background:url(images/desc-bg.gif);
    background-repeat:repeat-x;
}

.apply-footer
{
    border-style:solid;
    border-width:2px 0 1px 0;
    border-top-color:#e41474;
    border-bottom-color:#1a7565;
    background-color:#1a7565;
    text-align:right;
    padding-right:10px;
}
.apply-footer p
{
margin:0.5em 0 0.5em 0;
}

.apply-details h2
{
    font:bold 1.2em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    display:block;
    color:#a30046;
}


/******Languages menu*******/
#lang-menu 
{
    list-style-type:none;
    margin:0;
    padding:40px 0 10px 0px;
    width:220px;
    margin-left:30px;
}
#lang-menu li
{
    display:inline;
    float:left;
}
#lang-menu .para
{
    width:110px;
    height:50px;
}
#lang-menu a 
{
    width:41px;
    height:25px;
    margin-left:10px;
    float:left;
    text-indent:-9000%;
    margin-bottom:20px;
}
#lang-menu a.eng 
{
background:url(images/flag-uk.gif);
}
#lang-menu a.fr 
{
background:url(images/flag-fr.gif);
}
#lang-menu a.ger
{
background:url(images/flag-ger.gif);
}
#right-column p, #right-column2 p
{
padding-left:30px;    
    }
.extra-i 
{
    font-size:0.9em;
    color:#666666;
}

.login-name 
{
    font-size:0.9em;
    color:#666666;
    margin-top:2em;
}

.prof 
{
    float:left;
    margin-right:1.5em;
    margin-bottom:0.5em;
}
.team-section 
{
    margin-bottom:2em;
    overflow:auto;
}

.fjob 
{
    width:381px;
}

#address-banner 
{
    width:390px;
    height:170px;
}
#targets
{
    width:225px;
    height:260px;
    padding-left:28px;
}

#job-week ul {
	width:auto;
	padding:0;
	background:none;
	margin:0;
}

#job-week ul li {
	float:none;
	padding:0;
	margin:0;
	background:none;
	width:100%;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:0px;}
        #cboxLoadedContent{background:#fff; padding:1px; border:1px solid #000; padding:40px;}
        #cboxLoadingGraphic{background:url(images/colorbox-loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/colorbox-controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


.quoteSlide                             { padding: 0; margin: 0; }
.quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0; padding: 0; }
.quoteSlide ul li                       { text-align: left; padding: 0; margin: 0; }
.quoteSlide p                           { text-align: left; padding: 0; margin: 0; }
.quoteslide h4                          { font-size:15px;font-weight:bold;padding-bottom:10px; }
        
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 225px; height: 225px; position: relative; margin: 0 auto; border:1px solid #febcbc;background:#eee;}
.anythingSlider .wrapper                { width: 225px; height: 225px; overflow: auto;  margin:0 auto; position: absolute; top: 0; left:0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0;/*background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213;*/ }
.anythingSlider ul li                   { display: block; float: left; padding: 15px; margin: 0; height: 195px; width: 195px; }
.anythingSlider .arrow                  { display:none; height: 112px; width: 37px; background: url(images/arrows.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 50px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -38px; }
.anythingSlider .back                   { background-position: -37px 0; left: -38px; }
.anythingSlider .forward:hover          { background-position: 0 -112px; }
.anythingSlider .back:hover             { background-position: -37px -112px; }

#thumbNav                               { visibility:hidden; position:relative; top: 230px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px "century gothic", sans-serif; display: inline-block; color:#212121; border:1px solid #febcbc; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; /*-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;*/ }
#thumbNav a:hover                       { background-image: none; color:red; border: 1px solid #ffdede;text-decoration:none; }
#thumbNav a.cur                         { background: #febcbc; }

#start-stop                             { display: none; background: #008700; /*background-image: url(images/slider/cellshade.png);*/ background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 0px; top: 226px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: #da0000; }
#start-stop:hover                       { background-image: none; }

/*Prevents*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }      


