﻿body
{
  margin: 0;
  padding: 0 10px 10px 10px;
  font-family: Helvetica, Arial, Verdana, Sans-Serif;
  font-size: 0.8em;
  color: #707070;
  line-height: 1.4em;
  background: #99a0a6 url(../images/layout/bg.png) no-repeat center top;
}

div.pageWrapper
{ 
  margin: 0 auto;
  padding: 0;
  width: 960px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  text-align: left;
}

/* header */

div.headerWrapper
{
  margin: 0;
  padding: 0;
  height: 128px;
  position: relative;
  border-bottom: 1px #fff solid;
}

div.headerWrapper div.header p.logo
{
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 87px;
  height: 87px;
  position: absolute;
  top: 17px;
  left: 29px;
  text-indent: -9000px;
  display: block;
  overflow: hidden;
  background: url(../images/layout/header/logo.png) no-repeat left top;
}

div.headerWrapper div.header p.logo a
{
  margin: 0;
  padding: 0;
  width: 87px;
  height: 87px;
  display: block;
}

/* header: search */

div.headerWrapper div.search
{
  margin: 3px 0 0 0;
  position: absolute;
  top: 0;
  left: 344px;
}

/* header: top nav */

div.headerWrapper div.search ul.topNav
{
  margin: 0 30px 0 0;
  padding: 0;
  list-style-type: none;
  float: left;
}

div.headerWrapper div.search ul.topNav li
{
  margin: 0 37px 0 0;
  padding: 0;
  float: left;
  text-indent: -9000px;
}

div.headerWrapper div.search ul.topNav li.last { margin-right: 0; }

div.headerWrapper div.search ul.topNav li.news { width: 71px; }
div.headerWrapper div.search ul.topNav li.facebook { width: 99px; }
div.headerWrapper div.search ul.topNav li.contact { width: 112px; }

div.headerWrapper div.search ul.topNav li a
{
  display: block;
  height: 27px;
}

div.headerWrapper div.search ul.topNav li.news a { background: url(../images/layout/header/nav-news.png) no-repeat left top; }
div.headerWrapper div.search ul.topNav li.news a:hover { background-position: left -27px; }
div.headerWrapper div.search ul.topNav li.news a.active,
div.headerWrapper div.search ul.topNav li.news a.active:hover { background-position: left -54px; }

div.headerWrapper div.search ul.topNav li.facebook a { background: url(../images/layout/header/nav-facebook.png) no-repeat left top; }
div.headerWrapper div.search ul.topNav li.facebook a:hover { background-position: left -27px; }

div.headerWrapper div.search ul.topNav li.contact a { background: url(../images/layout/header/nav-contact-us.png) no-repeat left top; }
div.headerWrapper div.search ul.topNav li.contact a:hover { background-position: left -27px; }
div.headerWrapper div.search ul.topNav li.contact a.active,
div.headerWrapper div.search ul.topNav li.contact a.active:hover { background-position: left -54px; }

div.headerWrapper div.search input.txtHeaderSearch
{
  width: 190px;
  float: left;
}

div.headerWrapper div.search input.btnHeaderSearch { float: left; }

/* header: nav */

div.headerWrapper div.header ul.nav
{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 269px;
  bottom: 0;
  list-style: none;
  width: 649px;
}

div.headerWrapper div.header ul.nav li
{
  margin: 0;
  padding: 0;
}

div.headerWrapper div.header ul.nav li.liHome,
div.headerWrapper div.header ul.nav li.liAboutUs,
div.headerWrapper div.header ul.nav li.liTraining,
div.headerWrapper div.header ul.nav li.liSupportServices,
div.headerWrapper div.header ul.nav li.liInfrastructure,
div.headerWrapper div.header ul.nav li.liCareers
{
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  height: 44px;
  text-indent: -9000px;
  z-index: 5;
}

div.headerWrapper div.header ul.nav li.liHome { width: 81px; }
div.headerWrapper div.header ul.nav li.liAboutUs { width: 98px; }
div.headerWrapper div.header ul.nav li.liTraining { width: 89px; }
div.headerWrapper div.header ul.nav li.liSupportServices { width: 156px; }
div.headerWrapper div.header ul.nav li.liInfrastructure { width: 126px; }
div.headerWrapper div.header ul.nav li.liCareers { width: 99px; }

div.headerWrapper div.header ul.nav li a.primary
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 44px;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
}

div.headerWrapper div.header ul.nav li a.primary { background: url(../images/layout/header/nav-sprite.png) no-repeat left top; }

div.headerWrapper div.header ul.nav li.liHome a.primaryHover,
div.headerWrapper div.header ul.nav li.liHome a.primary:hover { background-position: 0 -44px; }
div.headerWrapper div.header ul.nav li.liHome a.primaryActive { background-position: 0 -88px !important; }

div.headerWrapper div.header ul.nav li.liAboutUs a.primary { background-position: -81px 0; }
div.headerWrapper div.header ul.nav li.liAboutUs a.primaryHover,
div.headerWrapper div.header ul.nav li.liAboutUs a.primary:hover { background-position: -81px -44px !important; }
div.headerWrapper div.header ul.nav li.liAboutUs a.primaryActive,
div.headerWrapper div.header ul.nav li.liAboutUs a.primaryActive:hover { background-position: -81px -88px !important; }

div.headerWrapper div.header ul.nav li.liTraining a.primary { background-position: -179px 0; }
div.headerWrapper div.header ul.nav li.liTraining a.primaryHover,
div.headerWrapper div.header ul.nav li.liTraining a.primary:hover { background-position: -179px -44px !important; }
div.headerWrapper div.header ul.nav li.liTraining a.primaryActive,
div.headerWrapper div.header ul.nav li.liTraining a.primaryActive:hover { background-position: -179px -88px !important; }

div.headerWrapper div.header ul.nav li.liSupportServices a.primary { background-position: -268px 0; }
div.headerWrapper div.header ul.nav li.liSupportServices a.primaryHover,
div.headerWrapper div.header ul.nav li.liSupportServices a.primary:hover { background-position: -268px -44px !important; }
div.headerWrapper div.header ul.nav li.liSupportServices a.primaryActive,
div.headerWrapper div.header ul.nav li.liSupportServices a.primaryActive:hover { background-position: -268px -88px !important; }

div.headerWrapper div.header ul.nav li.liInfrastructure a.primary { background-position: -424px 0; }
div.headerWrapper div.header ul.nav li.liInfrastructure a.primaryHover,
div.headerWrapper div.header ul.nav li.liInfrastructure a.primary:hover { background-position: -424px -44px !important; }
div.headerWrapper div.header ul.nav li.liInfrastructure a.primaryActive,
div.headerWrapper div.header ul.nav li.liInfrastructure a.primaryActive:hover { background-position: -424px -88px !important; }

div.headerWrapper div.header ul.nav li.liCareers a.primary { background-position: -550px 0; }
div.headerWrapper div.header ul.nav li.liCareers a.primaryHover,
div.headerWrapper div.header ul.nav li.liCareers a.primary:hover { background-position: -550px -44px !important; }
div.headerWrapper div.header ul.nav li.liCareers a.primaryActive,
div.headerWrapper div.header ul.nav li.liCareers a.primaryActive:hover { background-position: -550px -88px !important; }

/* nav: drop nav */

div.headerWrapper div.header ul.nav li div.dropNavWrapper
{
  margin: 0;
  padding: 10px 25px 25px 25px;
  position: absolute;
  left: -200px;
  top: 44px;
  width: 360px;
  background: #fff;
  -moz-box-shadow: 2px 2px 3px #888;
  -webkit-box-shadow: 2px 2px 3px #888;
  box-shadow: 2px 2px 3px #888;
  visibility: hidden;
  z-index: 9999;
}

div.headerWrapper div.header ul.nav li.liCareers div.dropNavWrapper { left: -280px; }

div.headerWrapper div.header ul.nav li div.dropNavWrapper div.dropNav
{
  margin: 0;
  padding: 0;
  text-indent: 0;
  min-height: 100px;
  height: auto !important;
  height: 100px;
}

div.headerWrapper div.header ul.nav li div.dropNavWrapper div.dropNav div.details
{
  margin: 0 20px 0 0;
  padding: 15px 0 0 0;
  float: left;
  width: 155px;
  font-size: 1.15em;
  line-height: 1.2em;
}

div.headerWrapper div.header ul.nav li div.dropNavWrapper div.dropNav ul.dropNav
{
  margin: 0;
  padding: 0;
  text-indent: 0;
  float: left;
  width: 185px;
  list-style: none;
}

div.headerWrapper div.header ul.nav li div.dropNavWrapper div.dropNav ul.dropNav li
{
  margin: 0;
  padding: 0;
  text-indent: 0;
}

div.headerWrapper div.header ul.nav li div.dropNavWrapper div.dropNav ul.dropNav li a
{
  margin: 0;
  padding: 4px 0 4px 25px;
  min-height: 17px;
  height: auto !important;
  height: 17px;
  color: #707070;
  text-decoration: none;
  background: url(../images/content/sub-nav-arrow.png) no-repeat 10px 11px !important;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #fff;
  display: block;
}

div.headerWrapper div.header ul.nav li div.dropNavWrapper div.dropNav ul.dropNav li.first a
{
  font-size: 1.3em;
  line-height: 1.2em;
  border-top: 0;
}

div.headerWrapper div.header ul.nav li div.dropNavWrapper div.dropNav ul.dropNav li a:hover
{
  color: #0050a3;
  text-decoration: none;
  background-color: #cdd6de !important;
}

/* banner */

div.bannerWrapper
{
  margin: 0;
  padding: 0;
}

div.bannerWrapper div.banner
{
  margin: 0;
  padding: 0;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  background: #fff url(../images/banners/bg.png) repeat-y left bottom;
}

/* footer */

div.footerWrapper
{
  margin: 0 0 15px 0;
  padding: 1px 0;
  background: url(../images/layout/footer/bg.png) repeat-x left bottom;
  height: 245px;
  border-top: 1px solid #cbcdcf;
  border-bottom: 1px solid #4d5053;
}

div.footerWrapper div.footer
{
  margin: 0;
  padding: 35px 0 0 25px;
}

div.footerWrapper div.footer p.logo
{
  margin: 0 30px 0 0;
  padding: 0;
  float: left;
  width: 87px;
  height: 87px;
}

div.footerWrapper div.footer p.logo a
{
  margin: 0;
  padding: 0;
  width: 87px;
  height: 87px;
  background: url(../images/layout/footer/logo.png) no-repeat left top;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
}

div.footerWrapper div.footer ul.footerNav
{
  margin: 0;
  padding: 3px 0 0 0;
  float: left;
  width: 782px;
  list-style: none;
}

div.footerWrapper div.footer ul.footerNav li
{
  margin: 0;
  padding: 0 13px 0 0;
  float: left;
  width: 110px;
}

div.footerWrapper div.footer ul.footerNav li a 
{ 
  color: #578bc1; 
  text-decoration: none;
}

div.footerWrapper div.footer ul.footerNav li a:hover
{ 
  color: #578bc1; 
  text-decoration: underline;
}

div.footerWrapper div.footer ul.footerNav li p.title
{
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1em;
}

div.footerWrapper div.footer ul.footerNav li.news { width: 80px; }
div.footerWrapper div.footer ul.footerNav li.contact { width: 60px; }

div.footerWrapper div.footer ul.footerNav li.end { margin-right: 0; }

div.footerWrapper div.footer ul.footerNav li ul.footerSubNav
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.footerWrapper div.footer ul.footerNav li ul.footerSubNav li
{
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 0.85em;
  line-height: 1.2em;
}

/* copyright */

div.copyrightWrapper 
{ 
  margin: 0;
  padding: 0 20px;
  width: 920px;
  color: #dad8d8;
  font-size: 0.85em;
  line-height: 1.2em;
}

div.copyrightWrapper div.copyright
{ 
  margin: 0;
  padding: 0;
}

div.copyrightWrapper div.copyright a
{ 
  color: #dad8d8;
  text-decoration: none;
}

div.copyrightWrapper div.copyright a:hover
{ 
  color: #dad8d8;
  text-decoration: underline;
}

div.copyrightWrapper div.copyright p.copyright 
{ 
  margin: 0;
  padding: 0;
  float: left; 
}

div.copyrightWrapper div.copyright ul.links
{
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

div.copyrightWrapper div.copyright ul.links li
{
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
  border-right: 1px #dad8d8 solid;
  float: left;
}

div.copyrightWrapper div.copyright ul.links li.end 
{ 
  margin-right: 0; 
  padding-right: 0; 
  border-right: 0; 
}

.About div.bannerWrapper div.banner {
	background-image:url(../images/banners/a/about-us/generic.jpg);}
/*.Home div.bannerWrapper div.banner {background-image:url(../../images/banners/a/about-us/generic.jpg);}*/
.Support div.bannerWrapper div.banner {
	background-image:url(../images/banners/a/support-services/generic.jpg);}
.Infrastructure div.bannerWrapper div.banner {
	background-image:url(../images/banners/a/infrastructure/generic.jpg);}
.Careers div.bannerWrapper div.banner {
	background-image:url(../images/banners/a/careers/generic.jpg);}
.Training div.bannerWrapper div.banner {
	background-image:url(../images/banners/a/training/generic.jpg);}

.tbl-vacancies {border-collapse:separate;border-spacing:0px;width:100%;}
	.tbl-vacancies th,
	.tbl-vacancies td {padding:.6em 1em;border:1px solid;border-color:#ccc #fff #fff #ccc;}
	.tbl-vacancies th {text-align:left;}
	.tbl-vacancies td {}
	.tbl-vacancies tbody tr:nth-child(odd) {background:rgba(0,0,0,.05);}