/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Helvetica, Verdana, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0;
  background-color: #e8edf6;
  color: #666666;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  min-width: 940px;
  text-align: center;
}

a:link {text-decoration: underline; color: #0099ff; background-color: transparent;}
a:visited {text-decoration: underline; color: #0099ff; background-color: transparent;}
a:hover {text-decoration: none; color: #003399; background-color: transparent;}

/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}
.mainContainer {margin: 0 0 0 0; float: left; display: inline; width: 940px; background-color: #FFFFFF; padding: 0 0 30px 0;}

/*-- HEADER---------------------*/
.headerArea {float: left; display: inline; width: 860px; height: 90px; margin: 30px 0 0 40px;}
.headerLogo {float: left; display: inline; margin: 0; width: 152px; height: 75px;}

.navbar {float: right; display: inline; margin: 0; width: 660px; height: 38px; background: url(images/nav_bar_bg.gif) top left no-repeat;}
	.navbar ul {display: inline; float: left; list-style: none; margin: 0 0 0 0; padding: 0;}
	.navbar li {display: inline; float: left; margin: 0 0 0 28px;}
	.navbar li a {display: inline; float: left; height: 38px;}
	.navbar li span {display: none;}

.navLink {margin: 0 50px 0 0;}
.navLinkEnd {margin: 0;}

#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 42px; height: 38px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;}
#nav01on a {background: url(images/nav_home_on.gif) top left no-repeat; width: 42px; height: 38px;}

#nav02 a {background: url(images/nav_client_services_off.gif) top left no-repeat; width: 95px; height: 38px;}
#nav02 a:hover {background: url(images/nav_client_services_on.gif) top left no-repeat;}
#nav02on a {background: url(images/nav_client_services_on.gif) top left no-repeat; width: 95px; height: 38px;}

#nav03 a {background: url(images/nav_candidate_services_off.gif) top left no-repeat; width: 119px; height: 38px;}
#nav03 a:hover {background: url(images/nav_candidate_services_on.gif) top left no-repeat;}
#nav03on a {background: url(images/nav_candidate_services_on.gif) top left no-repeat; width: 119px; height: 38px;}

#nav04 a {background: url(images/nav_current_vacancies_off.gif) top left no-repeat; width: 112px; height: 38px;}
#nav04 a:hover {background: url(images/nav_current_vacancies_on.gif) top left no-repeat;}
#nav04on a {background: url(images/nav_current_vacancies_on.gif) top left no-repeat; width: 112px; height: 38px;}

#nav05 a {background: url(images/nav_contact_us_off.gif) top left no-repeat; width: 53px; height: 38px;}
#nav05 a:hover {background: url(images/nav_contact_us_on.gif) top left no-repeat;}
#nav05on a {background: url(images/nav_contact_us_on.gif) top left no-repeat; width: 53px; height: 38px;}

#nav06 a {background: url(images/nav_about_us_off.gif) top left no-repeat; width: 44px; height: 38px;}
#nav06 a:hover {background: url(images/nav_about_us_on.gif) top left no-repeat;}
#nav06on a {background: url(images/nav_about_us_on.gif) top left no-repeat; width: 44px; height: 38px;}

/*-- HOME PAGE --*/
.homeIntro {float: right; display: inline; width: 690px; margin: 0 40px 20px 0;}
	.homeIntro img {border: 0;}
	
.homeLower {float: right; display: inline; width: 660px; margin: 0 40px 0 0;}
	.homeLower h1 {margin: 0 0 30px 0; text-indent: -9000px; line-height: 1em; background: url(images/home_strapline.gif) top left no-repeat; width: 465px; height: 25px;}

.homeClientServices {float: left; display: inline; width: 200px; margin: 0 30px 0 0;}
	.homeClientServices img {border: 0; margin: 0 0 8px 0;}
	.homeClientServices h2 {margin: 0 0 5px 0; text-indent: -9000px; line-height: 1em; background: url(images/sub_client_services.gif) top left no-repeat; width: 108px; height: 21px;}
	.homeClientServices p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0 0 5px 0;}
	.homeClientServices h6 {font-size: 12px; font-weight: bold; color: #666666; line-height: 1.5em; margin: 0 0 5px 0;}

.homeCandidateServices {float: left; display: inline; width: 200px; margin: 0 0 0 0;}
	.homeCandidateServices img {border: 0; margin: 0 0 8px 0;}
	.homeCandidateServices h2 {margin: 0 0 5px 0; text-indent: -9000px; line-height: 1em; background: url(images/sub_candidate_services.gif) top left no-repeat; width: 140px; height: 21px;}
	.homeCandidateServices p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0 0 5px 0;}
	.homeCandidateServices h6 {font-size: 12px; font-weight: bold; color: #666666; line-height: 1.5em; margin: 0 0 5px 0;}
	
.homeVacancies {float: right; display: inline; width: 200px; margin: 0 0 0 0;}
	.homeVacancies img {border: 0; margin: 0 0 8px 0;}
	.homeVacancies h2 {margin: 0 0 5px 0; text-indent: -9000px; line-height: 1em; background: url(images/sub_current_vacancies.gif) top left no-repeat; width: 130px; height: 21px;}
	.homeVacancies p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0 0 5px 0;}
	.homeVacancies h6 {font-size: 12px; font-weight: bold; color: #666666; line-height: 1.5em; margin: 0 0 5px 0;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 660px; margin: 5px 0 0 240px; padding: 0 0 40px 0;}
	.footer p {float: left; display: inline; font-size: 11px; color: #666666; line-height: 1.4em;}
	.footer h5 {float: right; display: inline; font-size: 11px; color: #666666; line-height: 1.4em; font-weight: normal;}

/*-- CONTENT PAGE --*/
.contentIntroGraphic {float: right; display: inline; width: 690px; height: 120px; margin: 0 40px 20px 0;}
	.contentIntroGraphic img {border: 0;}
	
.leftColumn {float: left; display: inline; width: 170px; margin: 40px 0 0 40px;}
	.leftColumn ul {float: left; position: relative; margin: 0 0 0 0; font-size: 14px; border-top: 1px solid #e8edf6; list-style: none; width: 170px;}
	.leftColumn li {position: relative; border-bottom: 1px solid #e8edf6; margin: 0; padding: 10px 0 10px 0; height: 1%;}
	.leftColumn li a:link {text-decoration: none; color: #0099ff; background-color: transparent;}
	.leftColumn li a:visited {text-decoration: none; color: #0099ff; background-color: transparent;}
	.leftColumn li a:hover {text-decoration: none; color: #083890; background-color: transparent;}
	.leftColumn h2 {margin: 1em 0 -0.5em 0; font-size: 14px; font-weight: bold; color: #083890; line-height: 1.2em;}
	.leftColumn p {font-size: 11px; color: #666666; line-height: 1.8em;}

#selectedItem {color: #083890; font-weight: bold; background: url(images/side_nav_bg.gif) top right repeat-y;}
#selectedItem2 {border-right: 5px solid #083890;}

.mainColumn {float: right; display: inline; width: 660px; margin: 10px 40px 0 0;}
	.mainColumn h1 {margin: 0 0 -5px 0; text-indent: -9000px; line-height: 1em;}
	.mainColumn h2 {margin: 1em 0 -0.5em 0; font-size: 14px; font-weight: bold; color: #083890; line-height: 1.2em;}
	.mainColumn h4 {font-size: 14px; color: #333333; line-height: 1.8em; font-weight: normal;}
	.mainColumn p {font-size: 12px; color: #666666; line-height: 1.8em;}
	.mainColumn ul {margin: 0 0 0 0; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #666666;}
	.mainColumn li {position: relative; background-image: url(images/bullet.gif); background-position: left center; background-repeat: no-repeat; padding: 6px 0 5px 15px;}
	.mainColumn h6 {font-size: 11px; font-weight: bold; color: #333333;}
	.mainColumn h6 em {color: #CC0000;}
	.mainColumn form {padding: 0; margin: 10px 0 0 0;}
	.mainColumn label {font-size: 14px; font-weight: normal; color: #083890; width: 120px; display: inline; float: left; padding: 4px 0 0 0; margin: -4px 10px 0 0;}
	.mainColumn label em {color: #CC0000;}

.formContactText {width: 500px; border: 1px solid #cad0db; background-color: #e8edf6; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactSelect {width: 500px; background-color: #cad0db; font-size: 14px; color: #333333;}
.formContactButton {padding: 5px 5px 5px 5px; background-color: #0099ff; color: #FFFFFF; font-size: 14px; border: 1px solid #660000; margin: 10px 0 0 130px;}

.splitLeft {float: left; display: inline; margin: 0; width: 315px;}
.splitRight {float: right; display: inline; margin: 0; width: 315px;}

#titleClientServices {background: url(images/title_client_services.gif) top left no-repeat; width: 132px; height: 26px;}
#titleCompanyProfile {background: url(images/title_company_profile.gif) top left no-repeat; width: 146px; height: 26px;}
#titleManagementTeam {background: url(images/title_management_team.gif) top left no-repeat; width: 171px; height: 26px;}
#titleMarketSectors {background: url(images/title_market_sectors.gif) top left no-repeat; width: 136px; height: 26px;}
#titleRecruitmentProcess {background: url(images/title_recruitment_process.gif) top left no-repeat; width: 184px; height: 26px;}
#titleCandidateServices {background: url(images/title_candidate_services.gif) top left no-repeat; width: 172px; height: 26px;}
#titlePlacementProcess {background: url(images/title_placement_process.gif) top left no-repeat; width: 169px; height: 26px;}
#titleSubmitYourCV {background: url(images/title_submit_your_cv.gif) top left no-repeat; width: 139px; height: 26px;}
#titleCurrentVacancies {background: url(images/title_current_vacancies.gif) top left no-repeat; width: 160px; height: 26px;}
#titleContactUs {background: url(images/title_contact_us.gif) top left no-repeat; width: 96px; height: 26px;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat; width: 93px; height: 26px;}
#titleTermsAndConditions {background: url(images/title_terms_and_conditions.gif) top left no-repeat; width: 285px; height: 26px;}