/** CSS Reset **/
/** Yes, but don't reset the table elements...
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{border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;margin: 0;padding: 0;}:focus{outline: 0;}body{line-height: 1;color: #000;background: #FFF;}ol,ul{list-style: bullet;}table{border-collapse: separate;border-spacing: 0;}caption,th,td{text-align: left;font-weight: 400;}blockquote: before,blockquote: after,q: before,q: after{content: "";}blockquote,q{quotes: "" "";}
**/
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{border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;margin: 0;padding: 0;}:focus{outline: 0;}body{line-height: 1;color: #000;background: #FFF;}ol,ul{list-style: bullet;}table{border-collapse: separate;border-spacing: 0;}caption,th,td{text-align: left;font-weight: 400;}blockquote: before,blockquote: after,q: before,q: after{content: "";}blockquote,q{quotes: "" "";}

/** HTML Elements **/
body {
	font-family:  "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #494949;
	background: #fff;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,#section-header {
	font-weight: bold;
	margin: 0 0 18px;
	color: #29292b;
}

h1 {
	font-size: 24px;
	line-height: 36px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}
h2,
#section-header {
	font-size: 18px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}
h3 {
	font-size: 16px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}
h4,h5,h6 {
	font-size: 14px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}

p {
	margin: 0 0 18px 0;
	font-size: 12px;
}

a:link,a:visited {
	color: #375b81;
	text-decoration: none;
	font-weight: 700;
}

a:hover,a:focus {
	color: #AB5D00;
	text-decoration: none;
	font-weight: 700;
}

a:active {
	color: #375b81;
	text-decoration: none;
	font-weight: 700;
}

ul, ol, dl {
	margin: 0 0 18px 18px;
	padding: 0;
}

strong {
	font-weight: 700;
}

img {
	border: none;
	display: block;
	margin-bottom: 18px;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

.imgleft {
	float: left;
	padding: 0 18px 18px 0;
}

.imgright {
	float: right;
	padding: 0 0 18px 18px;
}

.push2 {
	margin-bottom: 36px;
}

.pull1 {
	margin-top: 18px;
}

.pull2 {
	margin-top: 36px;
}

/** Table elements 

table,tr,th,td {
	border: none;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

table {
	border: 1px solid #ccc;
}

th,td {
	border: 1px solid #ccc;
	text-align: center;
	padding: 18px;
}
**/

h3,h4,h5,h6,th {
	font-size: 12px;
	line-height: 18px;
}

li,form {
	margin: 0;
	padding: 0;
}

blockquote,.push1 {
	margin-bottom: 18px;
}

/** Deerfoot Styles **/
body {
	text-align: center;
	background: #fff url('../images/body-gradient.png') repeat-x 0 0 scroll;
}
#wrapper {
	width: 986px;
	margin: 20px auto 0;
	padding: 0 7px;
	background: transparent url('../images/wrapper-bg.png') repeat-y 0 0 scroll;
	text-align: left;
}
#header {
	width: 940px;
	padding: 0 23px 18px 23px;	
	background: #fff url('../images/divider-940px.png') no-repeat center bottom;
	position: relative;
	border-top: 4px solid #000;
}
body.homepage #header {
	border-bottom: 18px solid #fff;	
}
#primary-navigation {
	width: 780px;
	margin: 0 0 18px 0;
	float: right;
}
#secondary-navigation {
	background: #FFFFFF none repeat scroll 0 0;
	margin: 0;
	padding: 0 13px 0 13px;
	width: 960px;
}
#content {
	width: 940px;
	margin: 0;
	padding: 0 23px;
	background-color: #fff;
}
#content p.get-in-touch a {
	background: url('../images/getintouch-bg.jpg') no-repeat;
	width: 194px;
	height: 31px;
	display: block;
	padding: 5px 0 0 45px;
	color: #fff;
	font-weight: normal;
}

#content p.get-in-touch a:hover {
	color: #000;

}

#testimonies {
  border-top: 1px solid #ddd;
	background: url('../images/open-speech.jpg') no-repeat 0 20px;
	padding: 18px 0 0 25px;
}

#testimonies p {
	font-style: italic;
	font-size: 13px;
	line-height: 14px;
}

#content-1 {
	width: 460px;
	float: left;
	margin: 0 10px;	/* hacked in ie6.css */
}
#column-wrapper {
  border-bottom: 1px solid #ddd;
  margin-bottom: 18px;
}
#content-1-2col {
  width: 680px;
	float: left;
	margin: 0 10px;
}
  /* landing page lth */
  .homepage #content-1-2col,
  #content-1-2col.landinglth
  {
    width: 450px;
  	margin: 36px 10px 0 10px;
  }
  .homepage #content-1-2col
  {
    width: 440px;
  }
  #content-1-2col.city-it-teaser {
    margin: 0 0 18px 0;
    background-color: #f5f2eb;
    padding: 15px;
    width: 420px;
  }
  .homepage #content-1-2col.city-it-teaser h2 {
    margin-bottom: 18px;
    font-size: 18px;
  }
  .homepage #content-1-2col.city-it-teaser .cert-logos {
    float: right;
  }
  .homepage #content-1-2col.city-it-teaser .cert-logos img {
    display: block;
    float: left;
    padding: 0 0 10px 10px;
  }
  .homepage #content-1-2col.city-it-teaser .readmore {
    width: 330px;
    height: 31px;
    background: transparent url('../images/city-button-homepage.png') no-repeat 0 0;
  }
  .homepage #content-1-2col.city-it-teaser .readmore a {
    display: block;
    color: #F5F2EB;
    line-height: 31px;
    padding-left: 40px;
  }

  .homepage #content-1-2col h2,
  #content-1-2col.landinglth h2
  {
  	font-size: 21px;
  	padding: 0 0 3px 0;
  	margin: 0;
  }	

  .homepage #content-1-2col p.sub-heading,
  #content-1-2col.landinglth p.sub-heading
  {
  	padding: 0;
  	margin: 0;
  	color: #a3772c;
  	font-size: 14px;
  }

  .homepage #content-1-2col p.intro-text,
  #content-1-2col.landinglth p.intro-text
  {
  	font-weight: bold;
  }
  
  .homepage .story {
    border-bottom: 1px dotted #a17e3d;
    margin-bottom: 18px;
    clear: both;
  }
  .homepage .story .thumbnail {
    float: right;
    padding-left: 18px;
  }
  .homepage .story .thumbnail img {
    margin-bottom: 0;
  }
  .homepage .story h3 {
    margin-bottom: 0;
  }
  .homepage .story h4 {
    color: #a17e3d;
    margin-bottom: 0;
  }

#left-column {
	float: left;
	width: 310px;
	padding: 0px 15px 0px 0px;
}
  /* landing page lth */
  .homepage #left-column,
  #left-column.landinglth
  {
	  float: left;
  	width: auto;
  	padding: 0px 15px 0px 0px;
  	margin: 18px 0 0 0;
  }
#centre-column {
	float: left;
	width: 310px;
	margin-left: 25px;
}
#left-column ul {
	list-style-image: url('../images/bullet-arrow.png');
}
#left-column li {
	font-weight: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 18px;
	padding-bottom: 8px;
}
#centre-column ul {
	list-style-image: url('../images/bullet-arrow.png');
}
#centre-column li {
	font-weight: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 18px;
	padding-bottom: 8px;
}
#content-2 {
	width: 210px;
	float: left;
	margin: 0 10px;	/* hacked in ie6.css */
}
#content-3 {
	width: 210px;
	float: left;
	margin: 0 10px;	/* hacked in ie6.css */
}
  /* Landing Page LTH */
  .homepage #content-3,
  #content-3.landinglth
  {
  	width: 470px;
  	float: right;
  	margin: 18px -10px 18px 10px;
  }
  
  .homepage #content-3 {
    margin-right: 0;
  }

#landing-image img {
	margin: 0;
	padding: 0;
}

/*landing page LTBH*/

#reasons
{
  border-top: 1px solid #ddd;
  padding: 18px 0 0 0;
}
#reasons h3
{
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 15px 0;
}
#reasons p
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#reasons ul
{
	list-style-image: none;
}
#reasons ul li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

#divider-line {
	float: left;
	margin: 0 0 0 10px;
}

#footer {
	clear: both;
	margin: 18px -23px 0 -23px;
	width: 986px;	
	padding-top: 18px;
	border-top: 1px solid #C8C8C8;
	background: #F2F2F2;
}
#footer .wrapper {
	background: url('../images/footer-dividers.png') no-repeat center 18px;
	padding: 17px 23px;
}

/**
 * Header
 */
#logo {
	padding: 10px 0 0 0;
	width: 140px;
	height: 82px;
	overflow: hidden;
	float: left;
	margin: 0 20px 0 0; 
}
#logo img {
	margin: 0 auto;
}
body.homepage h1 {
 	font-size: 10px;
 	line-height: 10px;
 	display: block;
 	position: absolute;
 	top: 0;
 	left: -9999px;
}
body.cityit h1 {
	color: #0E315E;
}
body.execit h1 {
	color: #725690;
}
body.liteit h1 {
	color: #619b6e;
}
#job-finder
{
	width: 270px;
	height: 35px;
	margin: 11px 0 0 20px;
	float: right;
	background: transparent url('../images/job-finder-bg.jpg') no-repeat 0 0 scroll;
	position: relative;
}
.JobFinderButton
{
	position: absolute;
	right: 10px;
	top: 9px;
}
.JobFinderDropDown
{
	margin: 7px 0px 0px 110px;	
}

/**
 * Primary Navigation
 */
#primary-navigation ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #ececec;
	border: 1px solid #d1d1d1;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	/* Browser Hacks */
	  -moz-border-radius-bottomleft: 9px;
	  -moz-border-radius-bottomright: 9px;
	  -webkit-border-bottom-left-radius: 9px;
	  -webkit-border-bottom-right-radius: 9px;
	
}
#primary-navigation ul li
{
	margin: 0;
	font-size: 11px;
	line-height: 12px;
	float: left;
}

#primary-navigation ul li a:link,
#primary-navigation ul li a:visited,
#primary-navigation ul li a:active
{
	padding: 0px 15px;
	margin: 7px 0;
	font-weight: normal;
	color: #535353;
	display: block;
	border-right: 1px solid #d1d1d1;
}

#primary-navigation ul li a:hover,
#primary-navigation ul li a:focus {
	color: #8e8e8e;
}
#primary-navigation ul li#ctl00_liNavLogin a:link,
#primary-navigation ul li#ctl00_liNavLogin a:visited,
#primary-navigation ul li#ctl00_liNavLogin a:active {
	border-right: none;
	font-weight: bold;
}

/**
 * Site Sections
 **/
#site-sections {
	float: left;
	position: absolute;
	bottom: 0;
	left: 184px;
}
#site-sections ul {
	list-style-type: none;
	margin: 0;
}
#site-sections ul li {
	float: left;
	background: url('../images/button-bg.png') no-repeat right 11px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
#site-sections ul li a {
	display: block;
	margin: 0;
	padding: 18px 15px 25px 40px;
	color: #fff;
	font-weight: normal;
	background: url('../images/button-bg.png') no-repeat left 11px;
}
#site-sections ul li.active {
	background: url('../images/tab-bg.png') no-repeat right 5px;
}
#site-sections ul li.active a {
	background: #646464;
	background: url('../images/tab-bg.png') no-repeat left 5px;
}

/**
 * Secondary Navigation
 **/
#secondary-navigation h2 {
	margin: 0;
	color:#ffffff;
	font-weight: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 18px;	
}
#secondary-navigation ul#main {
	background: #3B3B3B url('../images/subnav-gradient.png') repeat-x scroll 0 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 15px 0 15px 10px;
}
body.cityit #secondary-navigation ul#main {
	background: #133f77 url('../images/subnav-gradient-city.png') repeat-x scroll 0 0;
}
body.execit #secondary-navigation ul#main {
	background: #8c72a8 url('../images/subnav-gradient-exec.png') repeat-x scroll 0 0;
}
body.liteit #secondary-navigation ul#main {
	background: #A5D4B0 url('../images/subnav-gradient-lite.png') repeat-x scroll 0 0;
}
#secondary-navigation ul#main li {
	float: left;
	margin: 0 10px;
	padding: 0 0 1px;
	width: 214px;
}
#secondary-navigation ul#main li ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 10px 0 0 0px;
	min-height: 84px;
	border-right: 1px solid #666;
}
body.execit #secondary-navigation ul#main li ul {
	border-right: 1px solid #ccc;
}
body.cityit #secondary-navigation ul#main li ul {
	border-right: 1px solid #6d8aae;
}
#secondary-navigation ul#main li ul.last {
	border-right: none;
}
#secondary-navigation ul#main li ul li {
	margin:0;
}

#secondary-navigation ul#main li a:link, 
#secondary-navigation ul#main li a:visited, 
#secondary-navigation ul#main li a:active {
	background: transparent url('../images/subnav-arrow.png') no-repeat scroll 5px 6px;
	color: #EDEDED;
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 1px 5px 1px 23px;
}
#secondary-navigation ul#main ul li#ctl00_liNavCallback a:link, 
#secondary-navigation ul#main ul li#ctl00_liNavCallback a:visited, 
#secondary-navigation ul#main ul li#ctl00_liNavCallback a:active {
	background: transparent url('../images/secondary-nav-icons.png') no-repeat scroll 5px 3px;
	padding-left: 30px;
}
#secondary-navigation ul#main ul li#ctl00_liNavContact2 a:link, 
#secondary-navigation ul#main ul li#ctl00_liNavContact2 a:visited, 
#secondary-navigation ul#main ul li#ctl00_liNavContact2 a:active {
	background: transparent url('../images/secondary-nav-icons.png') no-repeat scroll 5px -47px;
	padding-left: 30px;
}

#secondary-navigation ul#main ul li#ctl00_liNavSearch a:link, 
#secondary-navigation ul#main ul li#ctl00_liNavSearch a:visited, 
#secondary-navigation ul#main ul li#ctl00_liNavSearch a:active {
	background: transparent url('../images/search-button-new.png') no-repeat scroll 0px 0px;
	padding: 5px 0 0px 10px;
	height: 22px;
	display: block;
	color: #243948;
	font-weight: bold;
	margin-bottom: 15px;
}
#secondary-navigation ul#main ul li#ctl00_liNavCandidateRegister a:link, 
#secondary-navigation ul#main ul li#ctl00_liNavCandidateRegister a:visited, 
#secondary-navigation ul#main ul li#ctl00_liNavCandidateRegister a:active
{
	background: transparent url('../images/cv-button-new.png') no-repeat scroll 0px 0px;
	padding: 5px 0 0px 10px;
	height: 22px;
	display: block;
	color: #243948;
	font-weight: bold;
	margin-bottom: 15px;
}
#secondary-navigation ul#main ul li#ctl00_liNavClientCallback a:link, 
#secondary-navigation ul#main ul li#ctl00_liNavClientCallback a:visited, 
#secondary-navigation ul#main ul li#ctl00_liNavClientCallback a:active
{
	background: transparent url('images/secondary-nav-icons.png') no-repeat scroll 5px 15px;
	padding: 15px 5px 1px 25px;
}
#secondary-navigation ul#main ul li#ctl00_liNavClientRegister a:link, 
#secondary-navigation ul#main ul li#ctl00_liNavClientRegister a:visited, 
#secondary-navigation ul#main ul li#ctl00_liNavClientRegister a:active
{
	background: transparent url('../images/button-topnav-standard.png') no-repeat scroll 0 0;
	padding: 5px 5px 0px 15px;
	height: 23px;
	display: block;
	color: #243948;
	font-weight: bold;
	width: 170px;
	padding-left: 30px;
	margin-bottom: 12px;
}
body.liteit #secondary-navigation ul#main li a:link, 
body.liteit #secondary-navigation ul#main li a:visited, 
body.liteit #secondary-navigation ul#main li a:active {
	background: transparent url('../images/subnav-arrow-dark.png') no-repeat scroll 5px 6px;
	color: #252525;
}
#secondary-navigation ul#main li a:hover, 
#secondary-navigation ul#main li a:focus {
	background-color: #999999;
	color: #FFFFFF;
}
#secondary-navigation ul#main ul li#ctl00_liNavCallback a:hover, 
#secondary-navigation ul#main ul li#ctl00_liNavCallback a:focus,
#secondary-navigation ul#main ul li#ctl00_liNavContact2 a:hover, 
#secondary-navigation ul#main ul li#ctl00_liNavContact2 a:focus
{
	background-color: #999999;
	color: #FFFFFF;
}
#secondary-navigation ul#main ul li#ctl00_liNavSearch a:hover, 
#secondary-navigation ul#main ul li#ctl00_liNavSearch a:focus
{
	background: transparent url('../images/search-button-new.png') no-repeat scroll 0px -28px;
	color: #243948;
}
#secondary-navigation ul#main ul li#ctl00_liNavCandidateRegister a:hover, 
#secondary-navigation ul#main ul li#ctl00_liNavCandidateRegister a:focus
{
	background: transparent url('../images/cv-button-new.png') no-repeat scroll 0px -28px;
	color: #243948;
}
body.cityit #secondary-navigation ul#main ul li#ctl00_liNavCallback a:hover, 
body.cityit #secondary-navigation ul#main ul li#ctl00_liNavCallback a:focus,
body.cityit #secondary-navigation ul#main ul li#ctl00_liNavContact2 a:hover, 
body.cityit #secondary-navigation ul#main ul li#ctl00_liNavContact2 a:focus
{
	background-color: #6A82A0;
	color: #FFFFFF;
}
body.execit #secondary-navigation ul#main ul li#ctl00_liNavCallback a:hover, 
body.execit #secondary-navigation ul#main ul li#ctl00_liNavCallback a:focus,
body.execit #secondary-navigation ul#main ul li#ctl00_liNavContact2 a:hover, 
body.execit #secondary-navigation ul#main ul li#ctl00_liNavContact2 a:focus
{
	background-color: #AA99BC;
	color: #FFFFFF;
}

body.cityit #secondary-navigation ul#main li a:hover, 
body.cityit #secondary-navigation ul#main li a:focus {
	background-color: #6A82A0;
	color: #FFFFFF;
}
#secondary-navigation ul#main li.active a:link, 
#secondary-navigation ul#main li.active a:visited, 
#secondary-navigation ul#main li.active a:active {
	background-color: #999999;
	color: #FFFFFF;
}
body.cityit #secondary-navigation ul#main li.active a:link, 
body.cityit #secondary-navigation ul#main li.active a:visited, 
body.cityit #secondary-navigation ul#main li.active a:active {
	background-color: #6A82A0;
	color: #FFFFFF;
}
body.execit #secondary-navigation ul#main li.active a:link, 
body.execit #secondary-navigation ul#main li.active a:visited, 
body.execit #secondary-navigation ul#main li.active a:active, 
body.execit #secondary-navigation ul#main li a:hover, 
body.execit #secondary-navigation ul#main li a:focus {
	background-color: #AA99BC;
	color: #FFFFFF;
}
body.liteit #secondary-navigation ul#main li.active a:link, 
body.liteit #secondary-navigation ul#main li.active a:visited, 
body.liteit #secondary-navigation ul#main li.active a:active, 
body.liteit #secondary-navigation ul#main li a:hover, 
body.liteit #secondary-navigation ul#main li a:focus {
	background-color: #B1B1B1;
	color: #252525;
}

/**
 * Sub Sub Navigation
 **/
#sub-sub-navigation {
	margin-bottom: 36px;
}
body.cityit #sub-sub-navigation h2 {
	color: #0e315e;
}
body.execit #sub-sub-navigation h2 {
	color: #725690;
}
body.liteit #sub-sub-navigation h2 {
	color: #619b6e;
}
#sub-sub-navigation.block {
	border: 1px solid #c0c0c0;
	background: #f5f5f5 url('../images/block-gradient.png') repeat-x 0 0 scroll;
	min-height: 94px; /* hacked in ie6.css */
	padding: 19px 19px 18px 19px;
}
#sub-sub-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
#sub-sub-navigation ul li {
	background: transparent url('../images/arrow-grey.png') no-repeat 0 12px scroll;
	margin: 0 0 9px 0;
	padding: 8px 0 0 22px;
	border-top: 1px solid #ccc;
}
#sub-sub-navigation ul li.active {
	background: transparent url('../images/arrow-city.png') no-repeat 0 12px scroll;
}
body.cityit #sub-sub-navigation ul li.active {
	background: transparent url('../images/arrow-city.png') no-repeat 0 12px scroll;
}
body.execit #sub-sub-navigation ul li.active {
	background: transparent url('../images/arrow-exec.png') no-repeat 0 12px scroll;
}
body.liteit #sub-sub-navigation ul li.active {
	background: transparent url('../images/arrow-lite.png') no-repeat 0 12px scroll;
}
#sub-sub-navigation ul li a:link,
#sub-sub-navigation ul li a:visited,
#sub-sub-navigation ul li a:active
{
	color: #666;
}
#sub-sub-navigation ul li a:hover,
#sub-sub-navigation ul li a:focus
{
	color: #000;
}
#sub-sub-navigation ul li.active a:link,
#sub-sub-navigation ul li.active a:visited,
#sub-sub-navigation ul li.active a:active
{
	color: #0e315e;
}
body.cityit #sub-sub-navigation ul li.active a:link,
body.cityit #sub-sub-navigation ul li.active a:visited,
body.cityit #sub-sub-navigation ul li.active a:active
{
	color: #0e315e;
}
body.execit #sub-sub-navigation ul li.active a:link,
body.execit #sub-sub-navigation ul li.active a:visited,
body.execit #sub-sub-navigation ul li.active a:active
{
	color: #725690;
}
body.liteit #sub-sub-navigation ul li.active a:link,
body.liteit #sub-sub-navigation ul li.active a:visited,
body.liteit #sub-sub-navigation ul li.active a:active
{
	color: #619b6e;
}
body.cityit #sub-sub-navigation ul li.active a:hover,
body.cityit #sub-sub-navigation ul li.active a:focus,
body.execit #sub-sub-navigation ul li.active a:hover,
body.execit #sub-sub-navigation ul li.active a:focus,
body.liteit #sub-sub-navigation ul li.active a:hover,
body.liteit #sub-sub-navigation ul li.active a:focus
{
	color: #000;
}

/**
 ** Key messages for the homepage
 **/
#promo-area {
	background: #000 url('../images/banner-bg.png') no-repeat bottom right;
	border-left: 23px solid #fff;
	border-right: 23px solid #fff;
	border-bottom: 10px solid #fff;
	padding: 0;
	width: 940px;
	height: 180px;
	margin: 0 auto;
/*	overflow: hidden;*/
	position: relative;
}
#promo-area #key-message {
	width: 560px;
	height: 180px;
 	background: url('../images/banner-image-1.jpg') no-repeat; 
	float: left;
}
#promo-area #key-message p {
	color: #fff;
	font-size: 16px;
	line-height: 27px;
	padding: 117px 18px 0;
	width: 524px;
	margin: 0;
	text-indent: -9999px;
}
#promo-area #call-to-action {
	margin: 0 0 0 560px;
	padding: 31px 0 0 130px;
}
#promo-area #call-to-action p {
	margin: 0;
}
#promo-area #call-to-action #cv-upload {
	color: #fff;
	display: block;
	width: 200px;
	height: 72px;
	text-indent: -9999px;
	margin: 0 0 9px 0;
}
#promo-area #call-to-action #request-callback {
	display: block;
	width: 200px;
	height: 36px;
	text-indent: -9999px;
}

/**
 * Key Messages for the sub pages
 */
.standard .subbanner-careers
{
	background: #fff url('../images/subbanner-careers.jpg') no-repeat 13px 0 scroll;
}
.standard .subbanner-flow-diagram
{
	background: #fff url('../images/subbanner-flow-diagram.jpg') no-repeat 13px 0 scroll;
}
.standard .subbanner-interaction
{
	background: #fff url('../images/subbanner-interaction.jpg') no-repeat 13px 0 scroll;
}
.standard .subbanner-laptop
{
	background: #fff url('../images/subbanner-laptop.jpg') no-repeat 13px 0 scroll;
}
.cityit .subbanner-london
{
	background: #fff url('../images/subbanner-london.jpg') no-repeat 13px 0 scroll;
}
.cityit .subbanner-london-cityit
{
	background: #fff url('../images/subbanner-london-cityit.jpg') no-repeat 13px 0 scroll;
}
.execit .subbanner-meeting
{
	background: #fff url('../images/subbanner-meeting.jpg') no-repeat 13px 0 scroll;
}
.execit .subbanner-meeting-exec
{
	background: #fff url('../images/subbanner-meeting-exec.jpg') no-repeat 13px 0 scroll;
}
.standard .subbanner-meeting-laptop
{
	background: #fff url('../images/subbanner-meeting-laptop.jpg') no-repeat 13px 0 scroll;
}
.standard .subbanner-timepiece
{
	background: #fff url('../images/subbanner-timepiece.jpg') no-repeat 13px 0 scroll;
}
.subbanner-careers, .subbanner-flow-diagram, .subbanner-interaction, .subbanner-laptop, .subbanner-london, .subbanner-meeting,
.subbanner-meeting-laptop, .subbanner-timepiece,  .subbanner-london-cityit, .subbanner-meeting-exec
{
	width: 960px;
	height: 91px;
	margin: 0;
	padding: 0 13px 36px 13px;
	background: #fff;
	overflow: hidden;
	text-indent: -9999px;
}

/**
 * Content Global
 */

/**
 ** Homepage specific styles
 **/
body.homepage #soundbite {
	width: 320px;
	padding: 27px 129px 27px 20px;
	margin-right: 10px;
	float: left;
	border-right: 1px dashed #999;
	background: url('../images/logo-2.png') no-repeat 360px 36px;
}
body.homepage #city-it {
	width: 344px;
	padding: 27px 19px 27px 95px;
	border: 1px solid #DADADA;
	float: left;
	background: #F2F2F2 url('../images/logo-city.png') no-repeat 18px 40px;
}
body.homepage #deerfoot-news {
	clear: both;
	width: 420px;
	padding: 27px 19px;
	background-color: #F2F2F2;
	border: 1px solid #DADADA;
	margin: 0 20px 18px 0;
	float: left;
}
#roles {
	width: 420px;
	padding: 0px 20px;
	float: left;
	margin: 0 0 0 0;
	/*border: 8px solid #e7decc;*/
}
  /* Landing Page LTH */
  .landinglth #roles
  {
  	border: 8px solid #e7decc;
  	padding: 15px;
  	float: left;
  	margin: 0 0 18px 0;
  	width: 424px;
  }
  
  /* homepage roles */
	.homepage #roles {
	  border: 8px solid #e7decc;
	  width: 414px;
	}
	.homepage #roles h2 {
		background-color: #e7decc;
		padding: 10px 28px 0 28px;
		margin: 0 -20px;
		font-size: 21px;
	}

	.homepage #roles p.roles-sub-heading,
	.landinglth #roles p.roles-sub-heading
	{
	  padding: 0 0 15px 10px;
  	margin: 0 0 10px 0;
  	color: #a3772c;
  	font-size: 14px;
  	background-color: #e7decc;
  }
  .homepage #roles p.roles-sub-heading
	{
	  padding: 0 28px 15px 28px;
  	margin: 0 -20px 10px -20px;
  	color: #a3772c;
  	font-size: 14px;
  	background-color: #e7decc;
  }
  
	#roles ul {
		list-style-type: none;
    margin: 0 9px 0 0;
    width: 201px;
		float: left;
	}
	.homepage #roles ul,
	.landinglth #roles ul
	{
		margin: 0 9px 0 10px;
		width: 190px;
	}
	#roles ul.part-two {
		margin: 0 0 0 9px;
	}
		#roles ul li {
			padding: 9px 0 8px 0;
			border-bottom: 1px solid #D7D7D7;
		}
		#roles ul li.last {
			border-bottom: none;
		} 
			#roles ul li a {
				display: block;
				padding: 0 0 0 30px;
				color: #3F3F3F;
				font-size: 11px;
			}
			#roles ul li a.r1 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px 2px;
			}
			#roles ul li a.r2 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px -98px;
			}
			#roles ul li a.r3 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px -199px;
			}
			#roles ul li a.r4 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px -299px;
			}
			#roles ul li a.r5 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px -398px;
			}
			#roles ul li a.r6 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px -499px;
			}
			#roles ul li a.r7 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px -599px;
			}
			#roles ul li a.r8 {
				background: url('../images/roles-icons-sprite.png') no-repeat 3px -697px;
			}
body.homepage #latest-vacancies {
	clear: both;
}
/**
 * Deerfoot News
.news-story {
	padding: 0 0 0 25px;
	background: transparent url('../images/arrow-grey.png') no-repeat 0 3px scroll;
}
.news-story h3 {
	margin-bottom: 0;
}

.news-story p.date {
	font-size: 10px;
}
 */
.news-story {
	background: transparent url('../images/arrow-grey.png') no-repeat 0 3px scroll;
	width: 210px;
	float: left;
}
.news-story .logo {
	width: 80px;
	margin: 0 10px 10px 0;
	float: left;
}
.news-story h3 {
	margin-bottom: 0;
}
.news-story p.date {
	font-size: 10px;
	float: left;
}

/**
 * Vacancies
 */
.vacancies dl {
	margin: 0 0 9px 0;
	padding: 0;
}
.vacancies dt {
	font-weight: bold;
	padding: 8px 0 0 0;
}
.vacancies dd.location,
.vacancies dd.salary {
	font-size: 11px;
	padding: 0;
}
.vacancies dd.salary {
	margin-bottom: 9px;
}

/** 
 * Deerfoot Specialised
 */
.specialised-item {
	border-top: 1px solid #d4d4d4;
	padding-top: 8px;
	margin-bottom: 9px;
	clear: both;
}
.specialised-item .logo {
	width: 70px;
	float: left;
}
.specialised-item h3 {
	margin-bottom: 0;
	margin-left: 70px;
}
.specialised-item p {
	margin-bottom: 0;
	margin-left: 70px;
}
.specialised-item .read-more {
	margin-bottom: 9px;
}
#city-it .read-more {
	background: transparent url('../images/arrow-city.png') no-repeat 0 4px scroll;
	padding-left: 18px;
}
#city-it .read-more a {
	color: #14427d;
}
#exec-it .read-more {
	background: transparent url('../images/arrow-exec.png') no-repeat 0 4px scroll;
	padding-left: 18px;
}
#exec-it .read-more a {
	color: #725690;
}
#lite-it .read-more {
	background: transparent url('../images/arrow-lite.png') no-repeat 0 4px scroll;
	padding-left: 18px;
	margin-bottom: 18px;
}
#lite-it .read-more a {
	color: #459056;
}

/** 
 * Testimonials
 */
#testimonials {
	padding-left: 24px;
}
#testimonials h2 {
	margin-left: -24px;
}
#testimonials span.quote66 {
	display: block;
	margin-left: -24px;
	width: 16px;
	height: 13px;
	float: left;
	text-indent: -9999px;
	background: transparent url('../images/testimonials-66.png') no-repeat 0 0 scroll;
}
#testimonials span.quote99 {
	font-weight: bold;
}

/**
 * Footer Links
 */
#footer-links {
	clear: both;
	margin: 0 10px;
	color: #d5d5d5;
	background: #646464 url('../images/footer-links-gradient.png') repeat-x 0 0 scroll;
}
body.cityit #footer-links {
	background: #133f78 url('../images/footer-links-gradient-city.png') repeat-x 0 0 scroll;
}
body.execit #footer-links {
	background: #735791 url('../images/footer-links-gradient-exec.png') repeat-x 0 0 scroll;
}
body.liteit #footer-links {
	color: #252525;
	background: #82b88f url('../images/footer-links-gradient-lite.png') repeat-x 0 0 scroll;
}
#footer-links h2,
#footer-links h3 {
	color: #d5d5d5;
	margin-bottom: 0;
}
body.liteit #footer-links h2,
body.liteit #footer-links h3 {
	color: #252525;
}
#footer-links h3 a:link,
#footer-links h3 a:visited,
#footer-links h3 a:active
{
	color: #d5d5d5;
}
body.liteit #footer-links h3 a:link,
body.liteit #footer-links h3 a:visited,
body.liteit #footer-links h3 a:active
{
	color: #252525;
}
body.execit #footer-links h3 a:hover,
body.execit #footer-links h3 a:focus,
body.liteit #footer-links h3 a:hover,
body.liteit #footer-links h3 a:focus
{
	color: #fff;
}
#footer-links h3 a:hover,
#footer-links h3 a:focus
{
	color: #AB5D00;
}
#footer-links .intro {
	width: 270px;
	float: left;
	min-height: 89px; /* hacked in ie6.css */
	padding: 18px 20px 0 20px;
}
#footer-links .vacancy {
	width: 131px;
	float: left;
	border-left: 1px solid #646464;
	min-height: 89px; /* hacked in ie6.css */
	padding: 18px 10px 0 10px;
}
body.liteit #footer-links .vacancy {
	border-left: 1px solid #82b88f;
}
body.execit #footer-links .vacancy {
	border-left: 1px solid #735790;
}
body.cityit #footer-links .vacancy {
	border-left: 1px solid #133F78;
}
#footer-links p.location {
	margin-bottom: 0;
}
#footer-links p.location,
#footer-links p.salary {
	font-size: 11px;
}

/**
 * Footer
 */
#footer #latest-vacancies {
	width: 260px;
	margin-right: 20px;
	float: left;
	padding: 0 20px;
}
#footer #whats-new {
	width: 260px;
	margin-right: 20px;
	float: left;
	padding: 0 20px;
}
#footer #contact {
	width: 260px;
	float: left;
	padding: 0 20px;
}
#footer #contact ul {
	list-style-type: none;
	margin: 0;
}
#footer-copyright {
	clear: both;
	float: left;
	width: 780px;
	padding: 18px 0;
}
#footer-copyright p {
	background: transparent url('../images/icon-copyright.png') no-repeat 0 0 scroll;
	line-height: 27px;
	padding-left: 35px;
	margin-bottom: 0;
}
#rec-it-comms-bsi {
	float: right;
	width: 120px;
	text-align: center;
	padding-top: 18px;
	padding-right: 18px;
}
#rec-it-comms-bsi p {
	font-size: 10px;
	margin-bottom: 0;
}
#rec-it-comms-bsi img {
	display: block;
	margin-bottom: 9px;
}


/** Float Clearing **/
 /* Float clearing for IE6 */
* html .clearfix,
* html #header,
* html #site-sections,
* html #footer,
* html #footer .wrapper,
* html #secondary-navigation ul,
* html #footer-links,
* html #column-wrapper,
* html #roles,
* html #content-3,
* html .homepage .story
{
  height:  1%;
  overflow:  visible;
}

 /* Float clearing for IE7 */
*+html .clearfix,
*+html #header,
*+html #site-sections,
*+html #footer,
*+html #footer .wrapper,
*+html #secondary-navigation ul,
*+html #footer-links,
*+html #column-wrapper,
*+html #roles,
*+html #content-3,
*+html .homepage .story
{
  min-height:  1%;
}

 /* Float clearing for everyone else */
.clearfix:after,
#header:after,
#site-sections:after,
#footer .wrapper:after,
#secondary-navigation ul:after,
#footer-links:after,
#column-wrapper:after,
#roles:after,
#content-3:after,
.homepage .story:after
{
  clear:  both;
  content:  ".";
  display:  block;
  height:  0;
  visibility:  hidden;
}

/** Retro elements for the admin pages from the old css **/
.Normal
{
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}
.NormalKJ /* New KJ Class */
{
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}
.NormalSmall
{
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
}
.SmallTextBox
{
    font-size: 11px;
    font-weight: normal;
}
.Password
{
    font-size: 12px;
    font-weight: normal;
}
.NormalRed
{
    font-size: 12px;
    color: red;
}
.NormalBold
{
    font-size: 12px;
    color: #ab7438;
    line-height: 18px;
    font-weight: bold
}
.NormalSmallBold
{
    font-size: 10px;
    font-weight: bold
}
.CandidateEmail
{
	color:Red;
}
.CombosBackground
{
	background:#f9e1b9;
}

/* Accordion */
.accordionHeader
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#a2a2a2;
    color: #ab7438;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#a2a2a2;
    border-left-style:solid;
    border-left-width:1px;
    border-left-color:#a2a2a2;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#a2a2a2;
    background-color: #d8d8d8;
    color: #ab7438;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#e2e2e2;
    border-left-style:solid;
    border-left-width:1px;
    border-left-color:#e2e2e2;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#e2e2e2;
    background-color: #f8f8f8;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
#site-sections ul li.activeCity {
	background: url('../images/tab-bg-city.png') no-repeat right 5px;
}
#site-sections ul li.activeCity a {
	background: #646464;
	background: url('../images/tab-bg-city.png') no-repeat left 5px;
}
#site-sections ul li.activeExec {
	background: url('../images/tab-bg-exec.png') no-repeat right 5px;
}
#site-sections ul li.activeExec a {
	background: #646464;
	background: url('../images/tab-bg-exec.png') no-repeat left 5px;
}
body.cityit #site-sections ul li.active {background: url('../images/tab-bg-city.png') no-repeat right 5px;}
body.cityit #site-sections ul li.active a { background: #0e315e; background: url('../images/tab-bg-city.png') no-repeat left 5px;}
body.execit #site-sections ul li.active { background: url('../images/tab-bg-exec.png') no-repeat right 5px;}
body.execit #site-sections ul li.active a { background: #725690; background: url('../images/tab-bg-exec.png') no-repeat left 5px;}