/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	color: #929292;
	background-color: #F5F5F5;
	background-image: url(../images/bg_strip.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#wrap {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

/* styles mast */
#mast {
	margin-top: 18px;
}

#logo {
	margin-left: 20px;
	width: 300px;
	float: left;
}

#logo span {
	display:none
}

/* for Internet Explorer */
/*\*/
* html #logo {
	margin-left: 10px;
	width: 280px;
}
/**/


/* styles navigation made with list */
#nav {
	height: 38px;
	padding-top: 31px;
	padding-bottom: 10px;
	margin-right: 20px
}

#nav ul {
	list-style-type: none;
	margin-left: 0px;
}

#nav li {
	display: block;
	float:right;
}

/* styles content */
#content {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}

/* styles hr at top */
#navHR {
	background-color: #E0E1E2;
	height: 1px;
	width: 740px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

#navHR2 {
	background-color: #E0E1E2;
	height: 1px;
	width: 740px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}


.subLogo {
	margin-left: 20px;
	margin-top: 5px;
}




/* ------------------------ IMAGE REPLACEMENT FOR MAIN NAV AND SUBMENU ITEMS ---------------------------- */


/* styles the graphics for the main navigation links */
#workingLink a:link, #workingLink a:visited  {
	background: transparent url(../images/menu01_off.gif) no-repeat;
	width: 154px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#workingLink a:hover {background: transparent url(../images/menu01_on.gif) no-repeat;}
#workingLink a:link span, #workingLink a:visited span {display:none;}


#vacanciesLink a:link, #vacanciesLink a:visited  {
	background: transparent url(../images/menu02_off.gif) no-repeat;
	width: 113px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#vacanciesLink a:hover {background: transparent url(../images/menu02_on.gif) no-repeat;}
#vacanciesLink a:link span, #vacanciesLink a:visited span {display:none;}


#recruitmentLink a:link, #recruitmentLink a:visited  {
	background: transparent url(../images/menu03_off.gif) no-repeat;
	width: 171px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#recruitmentLink a:hover {background: transparent url(../images/menu03_on.gif) no-repeat;}
#recruitmentLink a:link span, #recruitmentLink a:visited span {display:none;}


#locationsLink a:link, #locationsLink a:visited  {
	background: transparent url(../images/menu04_off.gif) no-repeat;
	width: 141px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#locationsLink a:hover {background: transparent url(../images/menu04_on.gif) no-repeat;}
#locationsLink a:link span, #locationsLink a:visited span {display:none;}

#commitmentLink a:link, #commitmentLink a:visited  {
	background: transparent url(../images/menu05_off.gif) no-repeat;
	width: 178px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#commitmentLink a:hover {background: transparent url(../images/menu05_on.gif) no-repeat;}
#commitmentLink a:link span, #commitmentLink a:visited span {display:none;}

#performanceLink a:link, #performanceLink a:visited  {
	background: transparent url(../images/menu06_off.gif) no-repeat;
	width: 119px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#performanceLink a:hover {background: transparent url(../images/menu06_on.gif) no-repeat;}
#performanceLink a:link span, #performanceLink a:visited span {display:none;}


#ourCompaniesLink a:link, #ourCompaniesLink a:visited {
	display: block;
	background: transparent url(../images/work01_off.gif) no-repeat;
	width: 160px;
	height: 34px;
	
}

#ourCompaniesLink a:hover {background: transparent url(../images/work01_hover.gif) no-repeat;}
#ourCompaniesLink a:link span, #ourCompaniesLink a:visited span {display:none;}

#employeeProfileLink a:link, #employeeProfileLink a:visited {
	display: block;
	background: transparent url(../images/work02_off.gif) no-repeat;
	width: 160px;
	height: 23px;
	
}

#employeeProfileLink a:hover {background: transparent url(../images/work02_hover.gif) no-repeat;}
#employeeProfileLink a:link span, #employeeProfileLink a:visited span {display:none;}

#salaryLink a:link, #salaryLink a:visited {
	display: block;
	background: transparent url(../images/work03_off.gif) no-repeat;
	width: 160px;
	height: 23px;
}

#salaryLink a:hover {background: transparent url(../images/work03_hover.gif) no-repeat;}
#salaryLink a:link span, #salaryLink a:visited span {display:none;}

#personalDevelopmentLink a:link, #personalDevelopmentLink a:visited {
	display: block;
	background: transparent url(../images/work04_off.gif) no-repeat;
	width: 160px;
	height: 36px;
}

#personalDevelopmentLink a:hover {background: transparent url(../images/work04_hover.gif) no-repeat;}
#personalDevelopmentLink a:link span, #personalDevelopmentLink a:visited span {display:none;}


#currentOpportunitiesLink a:link, #currentOpportunitiesLink a:visited {
	display: block;
	background: transparent url(../images/vacancies01_off.gif) no-repeat;
	width: 160px;
	height: 34px;
}

#currentOpportunitiesLink a:hover {background: transparent url(../images/vacancies01_hover.gif) no-repeat;}
#currentOpportunitiesLink a:link span, #currentOpportunitiesLink a:visited span {display:none; }

#cvTemplateLink a:link, #cvTemplateLink a:visited {
	display: block;
	background: transparent url(../images/vacancies02_off.gif) no-repeat;
	width: 160px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#cvTemplateLink a:hover {background: transparent url(../images/vacancies02_hover.gif) no-repeat;}
#cvTemplateLink a:link span, #cvTemplateLink a:visited span {display:none;}

#registerInterestLink a:link, #registerInterestLink a:visited {
	display: block;
	background: transparent url(../images/vacancies03_off.gif) no-repeat;
	width: 160px;
	height: 23px;
}

#registerInterestLink a:hover {background: transparent url(../images/vacancies03_hover.gif) no-repeat;}
#registerInterestLink a:link span, #registerInterestLink a:visited span {display:none;}

#applicationOptionsLink a:link, #applicationOptionsLink a:visited {
	display: block;
	background: transparent url(../images/vacancies04_off.gif) no-repeat;
	width: 160px;
	height: 23px;
}

#applicationOptionsLink a:hover {background: transparent url(../images/vacancies04_hover.gif) no-repeat;}
#applicationOptionsLink a:link span, #applicationOptionsLink a:visited span {display:none;}

#contactTeamLink a:link, #contactTeamLink a:visited {
	display: block;
	background: transparent url(../images/vacancies05_off.gif) no-repeat;
	width: 160px;
	height: 36px;
}

#contactTeamLink a:hover {background: transparent url(../images/vacancies05_hover.gif) no-repeat;}
#contactTeamLink a:link span, #contactTeamLink a:visited span {display:none;}

#awardsLink a:link, #awardsLink a:visited {
	display: block;
	background: transparent url(../images/performance01_off.gif) no-repeat;
	width: 160px;
	height: 34px;
}

#awardsLink a:hover {background: transparent url(../images/performance01_hover.gif) no-repeat;}
#awardsLink a:link span, #awardsLink a:visited span {display:none;}

#annualResultsLink a:link, #annualResultsLink a:visited {
	display: block;
	background: transparent url(../images/performance02_off.gif) no-repeat;
	width: 160px;
	height: 36px;
}

#annualResultsLink a:hover {background: transparent url(../images/performance02_hover.gif) no-repeat;}
#annualResultsLink a:link span, #annualResultsLink a:visited span {display:none;}


/* ---------------------------------------------------------------------------------------- */











/* ---------------------------------------------- FOOTER AND BOTTOM NAVIGATION ---------------------- */

/* styles the bottom hr */
#footerHR {
	background-color: #D7B467;
	height: 1px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/* styles bottom navigation */
#bottomNav {
	text-align: center;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	color: #B0B0B0;
}

#bottomNav ul {
	list-style-type: none;
	padding-left: 0px;
}

#bottomNav li {
	display: inline;	
}

#bottomNav a:link {
	color: #B0B0B0;
	text-decoration: none;
	font-weight: normal;
}

#bottomNav a:hover, #bottomNav a:active {
	color: #D7B467;
	text-decoration: underline;
	font-weight: normal;
}

#bottomNav a:visited {
	color: #B0B0B0;
	text-decoration: none;
	font-weight: normal;
}





/* --------------------------------------- SUBMENUS AND CONTENT AREA ------------------------ */


#flash {
	width: 450px;
	height: 293px;
	float: left;
	margin-top: 10px;
}

/* for Internet Explorer */
/*\*/
*html #flash {
	margin-top: 20px;
}
/**/

/* for Internet Explorer */
/*\*/
*html #introText {
	margin-top: 20px;
}
/**/

#introText {
	background-color: #929292;
	width: 210px;
	height: 293px;
	float: right;
	margin-top: 10px;
	color: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
}


#sidebar {
	width: 160px;
	float: left;
	margin-top: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* for old box in bottom left position 
#vacanciesBox {
	margin-top: 12px;
	width: 315px;
	height: 180px;
	float: left;
	margin-bottom: 20px;
	border: 1px dotted #929292;
}
*/

/* for old box in bottom middle position 
#locationsBox {
	margin-top: 12px;
	width: 200px;
	height: 180px;
	float: left;
	margin-left: 12px;
	margin-bottom: 20px;
	border: 1px dotted #929292;
	background-image: url(../images/locationsBoxBG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
*/

/* for old box in bottom right position 
#contactBox {
	margin-top: 12px;
	width: 200px;
	height: 180px;
	float: right;
	margin-bottom: 20px;
	border: 1px dotted #929292;
	background-image: url(../images/contactBoxBG.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
*/


#vacanciesBox {
	margin-top: 10px;
	width: 440px;
	height: 290px;
	float: left;
	margin-bottom: 20px;
	border: 1px dotted #929292;
	background-image: url(../images/careers_BG.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* for Internet Explorer */
/*\*/
*html #vacanciesBox {
	margin-top: 20px;
}
/**/

#locationsBox {
	margin-top: 2px;
	width: 400px;
	height: 180px;
	float: left;
	margin-left: 0px;
	margin-bottom: 20px;
	border: 1px dotted #929292;
	background-image: url(../images/locationsBoxBG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#linkStrip {
	background-color: #FFFFFF;
	height: 25px;
	width: 440px;
}


#locationsBox p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	line-height: 1.6em
}



#contactBox {
	margin-top: 2px;
	width: 328px;
	height: 180px;
	float: right;
	margin-bottom: 20px;
	border: 1px dotted #929292;
	background-image: url(../images/contactBoxBG.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#contactBox p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	line-height: 1.6em
}

#subMenu ul {
	width: 160px;
	float: left;
	margin: 12px 0 0 0;
	padding: 0px;
	list-style: none;
}

#subMenu li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
#subMenu a {
	margin: 0;
	padding: 0;
}

/* for Internet Explorer */
/*\*/
*html #subMenu li {
	margin-bottom: 0px;
}
/**/



#main {
	width: 560px;
	margin-left: 180px;
	padding-bottom: 10px;
}


#mainwide {
	width: 740px;
	padding-bottom: 10px;
}

.hsAwards {
	border: 1px dotted #B8BABC;
	margin-top: 10px;
	height: 180px;
	width: 158px;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 0px 00px;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
}

/* for Internet Explorer */
/*\*/
*html #main {
	width: 555px;
	margin-top: 12px;
	margin-bottom: 10px;
}
/**/






/* --------------------------------------- HEADERS ---------------------- */

h1#ourCompanies {background: transparent url(../images/h1_ourCompanies.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#employeeProfile {background: transparent url(../images/h1_employeeProfile.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#salaryBenefits {background: transparent url(../images/h1_salaryBenefits.gif) no-repeat; height: 30px; margin: 30px 0px 0px;}
h1#personalDevelopment {background: transparent url(../images/h1_personalDevelopment.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#currentOpportunities {background: transparent url(../images/h1_currentOpportunities.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#cvTemplate {background: transparent url(../images/h1_cvTemplate.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#registerInterest {background: transparent url(../images/h1_registerInterest.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#applicationOptions {background: transparent url(../images/h1_applicationOptions.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#contactTeam {background: transparent url(../images/h1_contactTeam.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#recruitmentProcess {background: transparent url(../images/h1_recruitmentProcess.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}

h1#privacy {background: transparent url(../images/h1_privacy.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}

h1#locations {background: transparent url(../images/h1_locations.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#commitment {background: transparent url(../images/h1_commitment.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#awards {background: transparent url(../images/h1_awards.gif) no-repe at; height: 30px; margin: 30px 0px 20px;}
h1#thanks {background: transparent url(../images/h1_thanks.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#annualResults {background: transparent url(../images/h1_annualResults.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#news {background: transparent url(../images/h1_news.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#newsArchive {background: transparent url(../images/h1_newsArchive.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#copyright {background: transparent url(../images/h1_copyright.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#termsConditions {background: transparent url(../images/h1_termsConditions.gif) no-repeat; height: 30px; margin: 30px 0px 20px;}
h1#intro {background: transparent url(../images/h1_intro.gif) no-repeat; height: 38px; margin: 30px 0px 20px;}
h1#latestVacancies {background: transparent url(../images/h1_vacanciesBox.gif) no-repeat; height: 18px; margin: 10px 0px 0px 10px;}
h1#locationsBoxHeader {background: transparent url(../images/h1_locationsBox.gif) no-repeat; height: 18px; margin: 10px 0px 0px 10px;}
h1#contactBoxHeader {background: transparent url(../images/h1_contactBox.gif) no-repeat; height: 18px; margin: 10px 0px 0px 10px;}




#locationsBoxMore {
	padding-top: 50px;
	float: right;
}

h1#hide {display: none;}
h1 span {display: none;}

h2 {
	color: #0D2667;
	font-size: 14px;
}


/* ---------------------------------------------------------------------------------- */

a:link, a:visited {
	color: #D7B467;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	color: #0D2667;
	text-decoration: underline;
}

.verydarkGreyBG {
	background-color:#929292;
	vertical-align: top;
	color:#FFFFFF
}
.darkGreyBG {
	background-color:#F1F1F2;
	vertical-align: top;
}

.lightGreyBG {
	background-color:#FCFCFC;
}

table#latestVacancies {
	font-size: 11px;
	margin-top: 14px;
}

#latestVacancies p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px;
	line-height: 100%;
}

table#latestVacancies a:link, table#latestVacancies a:visited {
	color: #666666;
}

table#latestVacancies a:hover, table#latestVacancies a:active {
	color: #D7B467;
	text-decoration: underline;
}

b {
	font-weight: bold;
	color: #666666;
}

em {
	font-style: italic;	
}

.viewVacancies {
	margin-top: 3px;
	margin-right: 10px;
}

.moreLocations {
	margin-left: 250px;
	margin-top: -1px;
}

/* for Internet Explorer */
/*\*/
*html .moreLocations {
	margin-top: -10px;
}
/**/


.moreContact {
	margin-left: 250px;
	margin-top: -10px;
}


.moreContact2 {
	margin-left: 230px;
	margin-top: 48px;
}

/* for Internet Explorer */
/*\*/
*html .moreContact {
	margin-top: 0px;
}
/**/


.companiesTitle {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B3CACE;
	padding: 5px;
	width: 95%;
	display: block;
}

/* styles for forms on Regsiter Your Interest
/**/

.contactform label {
	border: 1px solid #f1f2f2;
	display: block;
	margin-bottom: 3px;
	padding: 1px;
	clear: left;
}
.contactform span {
	border-right: 1px solid #f1f2f2;
	width: 45%;
	display: block;
	float: left;
	text-align: right;
	padding-right: 15px;
	margin-right: 15px;
}
.contactform input, .contactform textarea, .contactform select {
	background-color: #fdfdfd;
	border: none;
	width: 45%;
	font-size: 0.9em;
}
.contactform input.check {
	width: 15px;
}
.contactform span.checkhold {
	background-color: #fdfdfd;
	border: none;
	width: 45%;
	text-align: left;
	float: left;
	margin-right: 5px;
	padding: 0 0 4px 0;
}
.contactform span.lrgspan {
	height: 84px;
}
.contactform label.lrglabel {
	height: 84px;
}
.contactform input.sbmt {
	width: auto;
	float: right;
	margin-top: -7px;
}
.contactform span.yell {
	border: none;
	width: auto;
	display: inline;
	float: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

.question {
	font-weight: bold;
	color: #0D2667;
}
.indenter {
	margin-right: 50px;
	margin-left: 50px;
}
