/* 
RESET: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
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,
b, u, i, center,
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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* END UNRESETDO */





/* DEV ---------------------------- */

ul.ie-test-ul li {
	background: url(/img/furniture/dev/dev_cross.gif) right center no-repeat transparent;
	padding-right: 10px;	
}











body {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size : 62.5%;
	color: #666666;
	background: #ffffff;
	padding-bottom: 40px;
}




/* HIDE ELEMENTS ---------------------------- */

.hidden {
	position: absolute;
	height: 0;
	overflow: hidden;
	left: -5000px;
}

/* ________________________________________ */



/* =LINKS */

a {
	color: #6583bd;
}

a:hover {
	text-decoration: none;
}

/* ________________________________________ */




/* =CONTAINERS */

#wrapper {
	margin: 0 auto;
	width: 960px;
	font-size: 1.3em;
}

#area-masthead { 
	position: relative;
	background-color: transparent;
	height: 105px;
}

#area-main {
	padding-top: 45px;
	padding-bottom: 10px;
}

#nav-level2 {
	float: left;
	width: 203px;
	margin-right: 30px;
	border: 4px solid #f2f2f2;
	padding: 15px 0;
}

#area-content {
	float: left;
	width: 715px;
	line-height: 1.4em;
	padding-bottom: 40px;
}

#content-main {
	float: left;
	width: 460px;
}

#content-secondary {
	float: right;
	width: 215px;
}

/* ________________________________________ */



/* =SKIP LINKS */

#skip-links {
	position: absolute;
	overflow: hidden;
	left: -999em;
}

/* ________________________________________ */







/* =GENERAL STYLES */

#area-content p {
	margin-bottom: 1em;
}

.clear-both {
	clear: both;
}



/* =CTA LINKS */

p.cta-link-plus {
}

p.cta-link-plus a {
	display: block;
	background: url(/img/furniture/icon_plus.gif) 0 50% no-repeat #e9edf6;
	padding: 5px 10px 5px 30px;
	font-weight: bold;
	text-decoration: none;
	
}

p.cta-link-plus a:hover {
	text-decoration: underline;
}





p.cta-link-read-more {
	margin-top: 2em;
}

p.cta-link-read-more a {
	background: url(/img/furniture/icon_pointer_6583bd.gif) 10px .8em no-repeat #e9edf6;
	padding: .4em 15px .4em 20px;
	font-weight: bold;
	text-decoration: none;	
}

p.cta-link-read-more a:hover {
	text-decoration: underline;
}


#content-main p.cta-link-read-more {
	margin-bottom: 3em;
}
/* ________________________________________ */






/* =AREA MASTHEAD CONTENTS */

#site-logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 290px;
	height: 100px;
}

#site-logo a {
	display: block;
	width: 290px;
	height: 0;
	background: url(/img/furniture/logo_pp.gif) 0 0 no-repeat transparent;
	overflow: hidden;
	text-indent: -5000px;
	padding: 0 0 100px 0;
}




#nav-utilities {
	position: absolute;
	right: 0;
	top: 0;
}

#nav-utilities li {
	float: left;
	height: 40px;
	background: #f1f1f1;
	border-right: 2px solid #ffffff;
	line-height: 1em;
	overflow: hidden;
}

#nav-utilities a {
	float: left;
}


li#utility-talent-resource-centre {
	background: url(/img/furniture/utility_trc_edge_left.gif) left top no-repeat transparent;
	margin-right: 2px;
}

li#utility-talent-resource-centre a {
	background: url(/img/furniture/utility_trc_edge_right.gif) right top no-repeat transparent;
	height: 10px;
	padding: 15px 15px 15px 45px;
	color: #ffffff;
	text-decoration: none;
}

li#utility-talent-resource-centre a:hover {
	text-decoration: underline;
}

li#utility-text-sizer {
	height: 20px;
	padding: 15px 15px 5px 15px;
}

li#utility-text-sizer a {
	margin-left: 5px;
	float: none;
}

li#utility-text-sizer a:hover {
	text-decoration: none;
}

a.size-default {font-size: 12px;}
a.size-bigger {font-size: 14px;}
a.size-biggest {font-size: 16px;}


#nav-utilities li#utility-print-page a {
	background: url(/img/furniture/icon_printer.gif) 10px 15px no-repeat transparent;
	height: 10px;
	padding: 15px 15px 15px 30px;	
}



/* ________________________________________ */





/* =NAV MAIN */
#nav-main ul {
background: #6583bd;
height: 32px;
position: relative;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
z-index: 2;
}

#nav-main li {
	float: left;
}

#nav-main li#nav-main-recruitment-services {
	float: right;
}

#nav-main a {
	display: block;
	float: left;
	color: #ffffff;
	height: 17px;
	background-color: #6583bd;
	padding: 10px 7px 5px 7px;
	text-decoration: none;
	font-weight: bold;
}

#nav-main a:hover {
	background: #596885;
}

#nav-main a.on {
	background: #4d4d4d;
}


li#nav-main-recruitment-services a {
	background-image: url(/img/furniture/nav_main_rec_serv_matrix.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	padding-left: 40px;
}

li#nav-main-recruitment-services a:hover,
li#nav-main-recruitment-services a.on,
li#nav-main-recruitment-services.hover a {
	background-image: url(/img/furniture/nav_main_rec_serv_matrix.gif);
	background-repeat: no-repeat;
	background-position: 0 -34px;
	background-color: transparent;
}



li#nav-main-recruitment-services ul {
	background: url(/img/furniture/nav_main_level2_edge_left.gif) left bottom no-repeat transparent;
	padding-left: 0;
	padding-top: 0;
	display: none; 
	position: absolute;
	right: 5px;
	top: 37px;
	height: 3em;
}



li#nav-main-recruitment-services.hover ul {
	display: block;
}


li#nav-main-recruitment-services ul li {
	float: left;
}


li#nav-main-recruitment-services ul li a {
	display: block;
	float: left;
	background-image: none !important;
	width: auto;
	height: 1em;
	text-indent: 0;
	padding: 1em 10px 1em 10px;
	text-decoration: none;
}

li#nav-main-recruitment-services ul li a:hover {
	color: #cccccc;
}
/* ________________________________________ */





/* =NAV LEVEL2 */

#nav-level2 ul {
	margin: 0 12px 0 0;
}

#nav-level2 li {
}

#nav-level2 a {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	padding: .5em 10px .5em 0;
	margin-left: 12px;
}

#nav-level2 a:hover {
	text-decoration: underline;
}

#nav-level2 li.last a {
	border: none !important;
}

#nav-level2 li.on {
	background: url(/img/furniture/nav_level_2_pointer.gif) 0 .5em no-repeat transparent;
}

#nav-level2 li.on a {
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}

#nav-level2 ul ul {
	margin-right: 0;
	border-bottom: 1px solid #ffffff;
	margin-left: 12px;
	background: #f2f2f2;
}

#nav-level2 ul ul a {
	border: none;
}

#nav-level2 ul ul ul {
	border-bottom: 1px solid #ffffff;
}

#nav-level2 li li.on {
	background-image: none;
}




#nav-level2 li.on li a {
	font-weight: normal;
}

#nav-level2 li li.on a {
	font-weight: bold;
}


#nav-level2 li li.on li a {
	font-weight: normal;
}

#nav-level2 li li.on li.on a {
	font-weight: bold;
}




/* ________________________________________ */




/* =AREA BANNER */

#area-banner {
	clear: both;
	background: #94aedf;
	height: 267px;
	position: relative;
}

#area-banner-inner {
	z-index: 1;
	position: absolute;
}

.banner-area-rec-services {
	height: 200px !important;
	background: #808080 !important;
}

.banner-area-margin-bottom-0 {
	margin-bottom: -10px;
}


div.area-banner-image {
	height: 100px !important;
	margin-bottom: -10px;
}
/* ________________________________________ */









/* =BREADCRUMBS */

#breadcrumbs {
	clear: both;
	margin-top: 10px;
}

#breadcrumbs ul {
	background: #f2f2f2;
	height: 2.6em;
}

#breadcrumbs li {
	float: left;
	line-height: 2.6em;
	padding: 0 20px 0 10px;
}

#breadcrumbs li.link {
	background: url(/img/furniture/breadcrumbs_pointer.gif) right center no-repeat #ffffff;
}

#breadcrumbs li.link-last {
	background: url(/img/furniture/breadcrumbs_pointer_last.gif) right center no-repeat #ffffff;
}

#breadcrumbs li.link-none {
	background: transparent;
}


#breadcrumbs a {
	text-decoration: none;
	padding: 0;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}
/* ________________________________________ */






/* =HEADINGS */

h1, h2, h3, h4, h5 {
	color: #4d4d4d;
	margin-bottom: .5em;
	font-weight: normal;
	line-height: 1.3em;
	clear: both;
}

div.h1-block {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
}

div.h1-block-padding-60 {
	padding-bottom: 60px;	
}

div.h1-block-padding-50 {
	padding-bottom: 50px;	
}

div.h1-block-padding-40 {
	padding-bottom: 40px;	
}

div.h1-block-padding-30 {
	padding-bottom: 30px;	
}

div.h1-block-padding-20 {
	padding-bottom: 20px;	
}

div.h1-block-padding-10 {
	padding-bottom: 10px;	
}

div.h1-block-padding-0 {
	padding-bottom: 0;	
}

div.h1-block-no-border {
	border: none;
}

h1 {
	font-size: 2.2em;
	font-weight: normal;
	margin-bottom: 0;
}


p.h1sub {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 3px !important;
	color: #999;
}

.jsEnabledPage p.h1sub {
	margin-top: -.4em;
	margin-bottom: 0 !important;
}

p.h1subsub {
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 3px !important;
	color: #999;
}

.jsEnabledPage p.h1subsub {
	margin-top: -.2em;
}

h2 {
	font-size: 1.8em;
}

#content-secondary h2 {
	font-size: 1.6em;
}


h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

.column h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1.5em;
	line-height: 1.2em;
}

/* ________________________________________ */





/* =GENERIC ELEMENTS */

#content-main ul {
	position: relative;
	margin: 2em 20px;
}
#content-main ul ul { margin:20px 0 20px 10px; }


#content-main ul li {
	background: url(/img/furniture/icon_list_generic_pointer.gif) 0 .3em no-repeat transparent;
	padding-left: 20px;
	margin-top: 1em;
}

#content-main ul ul li { margin:0 0 0.5em 0 !important; }

#content-main img {
	margin-bottom: 2em;
}


#content-secondary div {
	margin-bottom: 2em;
}


#content-main dl {
	margin: 1em 0;
}






/* ________________________________________ */



/* =TOGGLABLE DL LIST */

#content-main dl.dl-toggle dt {
	font-size: 1em !important;
	margin: 0 0 1em 0;
	font-weight: bold;
}

#content-main dl.dl-toggle dd {
	margin: 0;
}

#content-main dl.dl-toggle ul {
	margin: 0;
}

#content-main dl.dl-toggle ul ul {
	margin: .5em 0;
}

#content-main dl.dl-toggle ul li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 0;
	padding: .2em 0;
}

#content-main dl.dl-toggle ul li li {
	background-image: url(/img/furniture/icon_decender.gif);
	background-position: 0 .5em;
	padding-left: 13px;
}

#content-main dl.dl-toggle ul li a {
}






/* =LISTINGS */

ul.document-listing {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

ul.document-listing li {
	padding-left: 15px !important;
	background-image: url(/img/furniture/icon_page.gif) !important;
	padding-bottom: 10px !important;
}

ul.document-listing li h3, ul.document-listing li p {
	margin-bottom: 0 !important;
}

/* ________________________________________ */




/* =FLASH ELEMENTS */

#client-timeline {
	margin-bottom: 40px;
}

/* ________________________________________ */




/* =PULLOUT */

.pullout {
	background: #f2f2f2;
	padding: 2em 10px;
	margin-bottom: 1em;
}

.quote {
	font-family: Georgia, Times, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	font-style: italic;
}

.quotee {
	font-size: .9em;
	line-height: 1.2em;
	font-weight: bold;
}

.quotee em {
	color: #333333;
	font-style: normal;
}

/* ________________________________________ */


#footer {
	clear: both;
	border-top: 1px dotted #999999;
	padding-top: 20px;
	color: #999999;
	margin: 0;
}

#copyright {
	float: left;
}

#nav-footer {
	float: right;
	text-align: right;
}

#nav-footer li {
	float: left;
	margin-left: 10px;
	border-right: 1px solid #999999;
}

#nav-footer li.last {
	border: none;
	margin-right: 0;
}

#nav-footer li a {
	margin-right: 10px;
}

#nav-footer li.last a {
	margin-right: 0;
}

/* ________________________________________ */



/* =FIXES */

.clearBoth {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}






/* =HOME PAGE */

.body-home #area-content {
	width: 960px;
}

.body-home #content-main {
	width: 590px;
}

.body-home #content-secondary {
	width: 330px;
}

	

.body-home h1 {
	font-size: 1.8em;
}

/* ________________________________________ */





/* =1COL FULL WIDTH PAGE */

.body-1col-fullwidth #area-content {
	width: 960px;
}

.body-1col-fullwidth #content-main {
	width: 960px;
}

/* ________________________________________ */




/* =CONTENT COLUMNS */

.column-group {
	margin-bottom: 1em;
	clear: both;
}

.column {
	float: left;
}

.has-border-top div {
	border-top: 1px solid #cccccc;	
	padding-top: 1em;
}

.columns-3-column div {
	width: 306px;
	margin-right: 21px;
}

.columns-5-column div {
	width: 176px;
	margin-right: 20px;
}

div.column-last {
	margin-right: 0;
}

.column img {
	margin-top: 20px;
	margin-bottom: 10px !important;
}





/* =MODULE TABBED */


#module-tabbed {
	line-height: 1.2em;
}


#module-tabbed ul.tabs li {
	float: left;
	text-align: center;
	border-right: 2px solid #ffffff;
}

#module-tabbed ul.tabs li.last {
	border: none;
}

#module-tabbed ul.tabs li a {
	display: block;
	float: left;
	height: 20px;
	padding: 12px 1px 13px 1px;
	background: #f1f1f1;
	background: url(/img/furniture/module_tabbed_tab.gif) 50% -55px no-repeat transparent;
	text-decoration: none;
	color: #4d4d4d;
}

.tabs-2 li a { /* width of tab in a three-tab row */
width: 162px;
}

.tabs-3 li a { /* width of tab in a three-tab row */
width: 106px;
}

#module-tabbed ul.tabs li a.active {
	background: url(/img/furniture/module_tabbed_tab.gif) 50% -5px no-repeat transparent;
	color: #ffffff;
}

#module-tabbed ul.tabs li a:hover {
	text-decoration: underline;
}

#module-tabbed div {
	clear: both;
	margin: 0 10px;
}

#module-tabbed ul {
	margin-bottom: 1em;
	padding-top: 10px;
}

#module-tabbed div li {
	display: inline;
}

#module-tabbed div li a {
	display: block;
	text-decoration: none;
}

#module-tabbed div li.last a {
	border: none;
}



/* latest news --- */

div.listing-latest-news li a {
	background: url(/img/furniture/icon_page.gif) 0 .6em no-repeat transparent;
	padding: .4em 0 .4em 15px;
	border-bottom: 1px solid #cccccc;
}

div.listing-latest-news li a:hover {
	text-decoration: underline !important;
}


/* latest news --- */

div.listing-from-the-blog li a {
	background: url(/img/furniture/icon_bubble.gif) 0 .6em no-repeat transparent;
	padding: .4em 0 .4em 15px;
	border-bottom: 1px solid #cccccc;
}

div.listing-from-the-blog li a:hover {
	text-decoration: underline !important;
}




/* case studies --- */

div.listing-case-studies li {
}

div.listing-case-studies li a {
	border: 1px solid #cccccc;
	margin-bottom: 3px;
}

div.listing-case-studies li a:hover {
	border-color: #4d4d4d;
}












/* =TABLES */

table {
	background: #ffffff;
	border-collapse: collapse;
	width: 100%;
	border: none;
	margin-bottom: 1em;
}

caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: .5em;
	color: #4d4d4d;
}

th, td {
	padding: 5px;
 	text-align: left;
	border: 1px solid #cccccc;
	vertical-align: top;
}

th {
	background: #4d4d4d;
	color: #cccccc;
	font-weight: normal;
}

td.null {
	border: none;
}

tr.odd td {
	background: #f2f2f2;
}

/* ________________________________________ */











/* =FORMS */

.form-container {
	background: #f2f2f2;
	padding: 20px 10px 0 10px;
	margin-bottom: 2em;
}

form {
}

legend {
	padding: 5px 10px 5px 0;
	color: #333333;
	font-weight: bold;
}

fieldset {
	border: 1px solid #ffffff;
	padding: 10px;
	margin: 1em 0;
}

label {
	float: left;
	width: 35%;
	margin-bottom: 1em;
	margin-right: 5px;
}

input, select, textarea {
	float: left;
	margin-bottom: 1em;
	width: 60%;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	padding: 3px;
}


label.width-auto {
	width: auto;
	margin-right: 0;
}

input.radio, input.checkbox {
	width: auto;
	margin-right: 20px;
}

input.submit {
	float: right;
	width: auto;
	background: #6583bd;
	color: #ffffff;
	font-weight: bold;
	border: none;
	padding: 5px 10px;
}

/* ________________________________________ */





/* =CLIENT accordion */

#client-accordion dl {
	background: #cccccc;
	padding: 3px;
	margin-bottom: 3px;
}

#client-accordion dl.active {
	background: #4d4d4d;
}

#client-accordion dt {
	position: relative;
}


#client-accordion dt a {
	display: block;
	height: 81px;
}

#client-accordion dt a:hover {
}

#client-accordion .icon {
	display: none;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 5px;
	top: 5px;
	background: url(/img/furniture/icon_accordion_plus_minus.gif) 0 0 no-repeat transparent;
}

#client-accordion .active .icon {
	background-position: 0 -14px;
}

#client-accordion dd {
	display: none;
	margin: 0 10px;
	color: #cccccc;
	line-height: 1.2em;
}


#client-accordion a.cta-link {
	color: #ffffff;
	text-decoration: none;
	background: url(/img/furniture/icon_pointer_ffffff.gif) 0 .2em no-repeat transparent;
	padding-left: 8px;
}

#client-accordion a.cta-link:hover {
	text-decoration: underline;
}

#client-accordion dd div {
	padding: 10px 0 0 0; /* wrapping div with vertical padding to stop jquery jump */
}


/* ________________________________________ */




/* =PEOPLE PROFILE */


div.profilee-summary {
	position: relative;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}


div.profilee-summary img.photo-person {
	position: absolute;
	left: 0;
	top: 0;
}

div.profilee-summary p, div.profilee-summary h2, div.profilee-summary h3, div.profilee-summary h4, div.profilee-summary ul {
	margin-left: 151px;
}

.job-title {
	font-size: .9em;
	line-height: 1.2em;
	font-weight: bold;
}

.job-title em {
	color: #333333;
	font-style: normal;
}