/* @override http://www.nicholsonmcbride.local/skins/css/screen.css */

* {margin:0px; padding:0px;}
.clearfix:after {content:"*"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
/* backslash hack hides from IE mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end backslash hack */
.hidden { display:none;}

html { font-size:100%; } /* IE hack */
body { color:#333; font:0.8125em Tahoma, Arial, sans-serif; line-height:1; text-align:center;}
.clr {
	clear: both;
	height: 0;
	line-height: 0;
}
.clr img {
	height: 0;
	width: 1px;
}
#wrapper { position:relative; text-align:left; width:760px; margin:0px auto;}

#nav { width:760px; height:30px; color:#333; font-weight:bold; background:#E1E1E1;}
#nav ul { list-style:none; text-transform:uppercase; float:right; margin-right:3px}
#nav li { float:left; margin-right:3px; background: url(../img/nav-bullet.gif) no-repeat 0 15px; padding:0 0 0 9px;}
#nav li.first { background: none;}
#nav a { color:#333; text-decoration:none; font-weight:bold; font-size:.85em; padding-top:0px; display:block; float:left;}
#nav a:hover { color:#a20041;}
#nav .selected a { color:#a20041; border-top-color:#a20041;}
#nav img { border:none;}

#header { width:760px; height:137px;}
/* Image Replacement method for the logo */
#header h1 { width:321px; height:92px; position:relative; font-size:.7em; padding-top:20px;}
#header h1 img {
	display: none;
}
#header a { background:url(../img/header-logo.gif) no-repeat; position:absolute; width:100%; height:100%;}

/* height:1%; is Holly hack to fix IE float bug */
#pagebody {height:1%; text-align:right; }

#pagetitle { border-bottom:2px solid #323232;  border-top:2px solid #323232; position:relative;}
#pagetitle h2, #pagetitle h3 { font-size:1.3em; text-transform:uppercase; margin:0;}
#pagetitle h2 { color:#a20041; padding:11px 0 24px 0;}
#pagetitle h3 { margin-top:-24px; padding-bottom:29px;}


#content { width:470px; margin:15px 0 0 auto; text-align:left; padding-top:10px;}
#content h3 { line-height:1.3; font-size:1.2em; margin:0 0 0.7em 0;}
#content h4 { line-height:1.3;font-size:1.1em; margin:1.5em 0 0.4em 0;}
#content h5 { font-size:1.1em; line-height:1.2; margin:0.7em 0 0.3em 0;}
#content h6 { font-weight:normal; font-size:1.1em; line-height:1.3; margin:0 0 1em 0;}
#content h6.profiling { font-weight:normal; font-size:1em; line-height:1.3; margin:1em 0 0.3em 0;}
#content p, #outsourceContent p { line-height:1.3; font-size:1em; margin:0.5em 0 1.3em 0;}
#content ul, #outsourceContent ul { line-height:1.2; margin:0.5em 0 1.3em 1.2em; list-style-image:url(../img/bullet.gif);}
#content ol { line-height:1.2; margin:0.5em 0 1.3em 1.2em; color:#3894B9;}
#content li { margin-bottom:0.4em;}
#content ol em { color:black; font-style:normal;}
img { border:none;}
#content a, #outsourceContent a{color:#A20041;}
#content a:hover, #outsourceContent a:hover { color:#000; text-decoration:underline !important;}
#content select {width:160px;}
#content label { margin-bottom:6px; display:block}
#content #contactusform { margin-bottom:16px;}
#content #contactusform label { display:block; float:left; width:140px;}
#content #contactusform input { width:180px;}
#content #contactusform #button_submit { width:auto; margin-left:290px;}
#content #contactusform h4 { margin-top:0.6em; color:#A8114E;}
#content form { background:#E1E1E1; padding:6px;}
#content form.ourclients { width:231px; clear:both;}
#pagebody #content form h3 { font-size:.9em; margin-bottom:.4em;}

#content .relatedcontent { background:url(../img/relatedcontent-bg.gif) repeat-x 0 20px; width:448px; float:left; margin:0 15px 0 -290px; position:relative;}
#content .relatedcontent.mid { width:350px;}
#content .relatedcontent.small { width:236px;}
#content .nobg { background:none !important;}
#content .relatedcontent h3 { margin-bottom:2em;}

#seealso, #relatedlinks { width:236px; float:left;}
.mid #seealso, .mid #relatedlinks { width:175px; float:left;}
#seealso h3, #relatedlinks h3, #content form h3 { font-size:.9em; margin:0; color:#A8114E;}
#seealso ul, #relatedlinks ul { list-style:none; list-style-image:none; margin:25px 0 0 0; font-size:.85em;}
#seealso li, #relatedlinks li { margin:0 0 12px 0px;}
#seealso a, #relatedlinks a { text-decoration:none; color:#333;}
#seealso a { color:#A8114E;}
#seealso { color:#993333; }


#relatedbottom { width:270px; height:150px; background-color:#E1E1E1; margin-top:-150px; float:left; text-align:left;}
#relatedbottom { background:url(../img/relatedbottom-shoes.gif) no-repeat;}


#footer { width:760px; margin:0 0 0 0; padding:5px 0; height:66px; border-top:1px solid #323232; font-size:0.8em; line-height:1.5;}
#footer a { color:#666; float:right; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

#content .list { width:370px; font-family: Tahoma, Arial, sans-serif; float:right; margin-bottom:25px;}
#content .list ul { border-top:1px solid #A9A9A9; list-style:none; margin:0 0 0px 0;}
#content .list ul + li { border-top:none; list-style:none; margin:0 0 0px 0;}
#content .list li { border-bottom:1px solid #A9A9A9; margin:0 0 0 12px;}
#content .list h3 { width:96px; margin:0 0 0 -116px; padding-top:7px; padding-bottom:12px; position:relative; font-size:1em; border-top:1px solid #A9A9A9; border-bottom:0px solid #A9A9A9; color:#666; float:left;}
#content .list .list_menu {
	border-top: 1px solid #A9A9A9;
	float: left;
	margin:0 0 0 -116px;
}
#content .list .list_menu h3 {
	border-top: none;
	float: none;
	padding-bottom: 0px;
	margin: 0;
}
#content .list .list_menu h3 a {
	font-size:1em;
	color:#666;
}
#content .list .list_menu h3 a:hover {
	text-decoration: none !important;
}
#content .list h4 { margin:7px 0 0 0; font-size:1em;}
#content .list p { color:#333; margin:4px 0 0 0; font-size:0.8em;}
/* #content .list span { color:#333; line-height: 17px; font-size:0.8em;} */
#content .list .author { color:#666; margin:0 0 0 0; font-size:0.8em;}
#content .list .author a { color:#666; text-decoration:none}
#content .list .author a:hover { color:#942824;}
#content .list a.more { font-size:0.8em; margin:0 0 0 10px; text-align:right; display:block; line-height:0.5}
#content .list h4 a { text-decoration:none;}
#content .list a:hover { text-decoration:underline;}

#content .list.clients { width:330px; font-family: Tahoma, Arial, sans-serif; float:right; margin-bottom:25px;}
#content .list li { margin-left:0;}
#content .list.clients h3 { width:136px; margin:0 0 0px -156px;}
#content .list.clients h4 { margin:7px 0 12px 0; font-size:0.9em;}
#content .list.clients h4.no_cv { color:#a20041}

#content .list.news{ width:515px;}
#content .list.news h4 { margin:7px 0 0 0; font-size:1em;}
#content .list.news h3 { font-size:1em;}
#content .list.news p { color:#333; margin:6px 0 6px 0; font-size:inherit;}
#content .list.news .date { color:#666; margin:0 0 0 0; font-size:0.85em;}

#content .list.thinking{ width:370px;}
#content .list.thinking h4 { margin:7px 0 0 0; font-size:1em;}
#content .list.thinking h3 { font-size:1em;}
#content .list.thinking p { color:#333; margin:6px 0 6px 0; font-size:inherit;}
#content .list p.author { color:#666; margin:0 0 0 0; font-size:0.8em;}

#content .list.clientlist{ width:310px;}
#content .list.clientlist h4 { margin:7px 0 0 0; font-size:1em; font-weight:normal;}
#content .list.clientlist h3 { width:156px; font-size:1em; margin:0 0 0px -176px;}
#content .list.clientlist p { color:#333; margin:6px 0 6px 0; font-size:inherit; font-size:1em; font-weight:bold;}

#content .list.clientcomments{ width:310px;}
#content .list.clientcomments h4 { margin:7px 0 0 0; font-size:1em; font-weight:normal;}
#content .list.clientcomments h3 { width:156px; font-size:1em; margin:0 0 0px -176px;}
#content .list.clientcomments p { color:#A20041; margin:6px 0 6px 0; font-size:inherit; font-size:1em; font-weight:bold;}

#content .relatedcontent.listrelated  { 
width:236px; 
background:none; 
padding:0;
}

#outsourceContent {
	width: 700px;
	float: left;
	clear: both;
	margin:15px 0 0 auto; 
	text-align:left; 
	padding-top:10px;
}


#outsourceDiagrams {
	float: left;
	clear: both;
	width: 750px;
	display:inline;
}

.outsourceDiagram {
	float: left;
	width: 375px;	
	text-align: center;
	height: 350px;
}

.inset h3.home-outsource a {
	height: 150px;
}

p.outsourceDownload {
	float:left; 
	clear:both; 
	margin-top:20px; 
	margin-bottom:20px;
	width: 100%;
}

#content .relatedcontent.listrelated h3 { margin-top:4px;}
#content .relatedcontent.listrelated #seealso { width:243px; background:url(../img/relatedcontent-bg.gif) repeat-x 0 22px; margin-top:12px;}

#content .relatedcontent.casestudyrelated { width:243px; margin-top:6px;}
#content .relatedcontent.casestudyrelated  dl { margin-top:16px; }
#content .relatedcontent.casestudyrelated  dd { font-size:1em; font-weight:bold; margin:0 0 8px 4.2em;}
#content .relatedcontent.casestudyrelated  dt { font-size:1em; float:left; width:4.2em;}


#content #specialism-nav { width:235px; background:#E5EAF6; float:left; margin:0 0 0 -290px; position:relative;}
#content #specialism-nav h3 { color:#333; font-size:0.9em; margin:10px 0 0 6px;}
#content #specialism-nav a { font-size:0.85em; text-decoration:none;}
#content #specialism-nav ul { margin:5px 0 0 6px; list-style:none; list-style-image:none;  line-height:1;}
#content #specialism-nav li { margin-bottom:.8em;}
#content #specialism-nav img { float:left; border-right:3px solid #fff; margin-right:-3px; }
#content #specialism-nav #insection { width:106px; float:left; border-left:3px solid #fff; border-top:4px solid #fff;}

#content .downloadicon { position:relative;}
#content .downloadicon p { font-size:.85em;}
#content .downloadicon a { text-decoration:none; color:#333;}

.expand {background-color:#eee; padding:15px; margin:1.2em 0 15px -15px; position:relative; display:none;}
/* IE doesn't understand the negative margin */
/* backslash hack hides from IE mac \*/
* html #content .expand {margin-left:0;}
/* end backslash hack */
#content .expand h3, #content .expand h4, #content .expand h5, #content .expand h6, #content .expand p, #content .expand ul {margin-top:0px;}
.expand-btn { display:block; width:60px; margin:-1.2em 0 -1.4em auto; background:url(../img/content-btn-more.gif) no-repeat top right; color:#FFFFFF;}
p .expand-btn { margin-top:0; }

/* Related bottom images for success stories */
#pagebody .ss-coaching{ background:url(../img/side_img_coaching.gif) no-repeat;}
#pagebody .ss-ld{ background:url(../img/side_img_l+d.gif) no-repeat;}
#pagebody .ss-ls{ background:url(../img/side_img_l+s.gif) no-repeat;}
#pagebody .ss-profiling{ background:url(../img/side_img_profiling.gif) no-repeat;}
#pagebody .ss-research{ background:url(../img/side_img_research.gif) no-repeat;}


/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced... */
.sIFR-hasFlash #pagetitle h2 { /* visibility:hidden; */  letter-spacing:-2px; font-size:22px;}
.sIFR-hasFlash #pagetitle h3 { /* visibility:hidden; */ letter-spacing:-2px; font-size:21px; }


.thinking_item {
	margin-top: 14px !important;
}
.thinking_item .thinking_item_name {
	color: #7c7e7c;
	font-size: 12px;
	margin: -17px 0 6px 0;
	position: relative;
}
.specialism {
	width: 200px;
}