/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.2em arial, helvetica, tahoma, verdana, sans-serif;
		color: #434343;
		line-height: normal;
	}
	
	body {
		margin: 0;
		padding: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 15px 0;
		padding: 0;
	}
	
	hr {
		display: block;
		clear: both;
		margin: 5px 0;
		}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		text-decoration: underline;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	.textR {
		text-align: right;
		}
	
	.small_text {
		font-size: 80%;
		}
	
	.clear {
		display: block;
		clear: both;
		}
		
	.auto_width {
		width: auto;
		}
		
	.error, ul.error li {
		font-weight: bold;
		color: #cb0000;
		}
		
	ul.error li {
		margin: 0;
		padding: 0;
		}
	
	#sitemap li{
		padding:2px 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width: 1024px;
		position: absolute;
		left: 50%;
		margin-left: -513px;
		}
		
	#right_col {
		width:804px;
		padding:10px 10px 0 10px;
		float:right;
		position:relative;
		min-height:700px;
  		height:auto !important;
  		height:700px;
		}
		
		#header {
			width: 804px;
			position: absolute;
			top: 10px;
			left: 210px;
			padding-bottom: 10px;
			height:50px;
			}
		
	#left_col {
		float: left;
		margin: 0 0 0 0px;
		}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	form {
		margin: 0;
		padding: 0;
		}
		
	form ul, form ol {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		form ul li, form ol li {
			margin: 7px 0;
			}
			
		#search_form ul li, #search_form ol li {
			margin: 0;
			}	
		
	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
		width: 100%;
	}	
	
	label {
		font-weight: bold;
		padding: 0 5px 0 0;
		font-size: 85%;
		display: block;
		}
		
	#search_form label, label.inline {
		display: inline;
		}
		
	
	fieldset {
		border: none;
		width: 50%;
		float: left;
		}
		
	legend {
		margin-left: -10px;
		margin-bottom: 20px;
		}
		
	#search_form input {
		width: auto;
		}
	
	#search_form {
		float: right;
		}
		
		#search_submit {
			margin-bottom: -1px;
			padding: 0 0 0 5px;
			}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		line-height: normal;
		margin: 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
		font-size: 110%;
	}
	
	
	h2 {
		font-size: 110%;
		}
		
		h2.office_locations{
			position:absolute;
			float:right;
			top:38px;
			right:16px;
		}
	
	h3 {
		font-size: 100%;
		}
	
	#header h2 {
		float: right;
		}
	
	.case_study_control h3, .case_study_control h4 {
		font-size: 100%;
		}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAV STYLES  */
#top_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	position:absolute;
	float:left;
	top:36px;
	}
	
	#top_nav li {
		float: left;
		position: relative;
		}
		
		#top_nav li span {
			cursor: pointer;
			display:block;
			height:20px;
			}	
		
		#top_nav li a, #top_nav li span {
			float: left;
			font-weight: bold;
			font-size: 110%;
			padding: 0 5px;
			text-decoration: none;
			}
			
		#top_nav li a.start, #top_nav li span.start {
			padding: 0 5px 0 0;
			}
			
		#top_nav li:hover ul, #top_nav li.over ul {
			display:block;
			}	
			
		.drop_menu {
			margin: 0;
			padding: 7px;
			list-style: none;
			position: absolute;
			top: 18px;
			left: 0;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			-html-opacity: 0.8;
			opacity: 0.8;
			display: none;
			}
			
			.drop_menu li, #top_nav .drop_menu li a {
				float: none;
				border-right: none;
				width:400px;
				clear: both;
				padding: 0;
			}
			
			#top_nav .drop_menu li a:hover{
				color:#000;
			}
				
			.drop_menu li {
				padding: 3px 0;
				}
			
ul#portal_nav {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	list-style: none;
	clear: both;
	}

	#portal_nav li {
		float: left;
		padding: 0 20px 0 0;
		}
		
		#portal_nav a {
			display: block;
			float: left;
			text-indent: -2000px;
			overflow: hidden;
			}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content {
	clear: both;
	margin: 80px 0 0 0;
	padding:0 5px 0 0;
	float:left;
	
	}
	
	.highlight {
		text-decoration: underline;
		}
		
	.large{
		font-weight:bold;
		font-size:120%;
		}
		
	.text_content {
		width: 60%;
		padding: 0 0 0 0;
		float:left;
		clear:both;
		}
		
	#page_include{
		float:left;
		width:100%;
		clear:both;
	}
		
	#office_location {
		position: absolute;
		top: 75px;
		right: 50px;
		list-style: none;
		float: right;
		font-weight: bold;
		}
		
		#office_location a {
			text-decoration: none;
			}
			
	.office {
		float: left;
		width: 260px;
		margin: 10px 0;
		min-height:220px;
  		height:auto !important;
  		height:220px;
		}
		
		.offices_wrap{
			float:left;
			clear:left;
			width:100%;
		}
		
		.small_link{
			font-size: 100%;
			font-weight: bold;
			padding: 0 20px 3px 0;
			}
			
			.small_link_back{
				font-size: 100%;
				font-weight: bold;
				padding:0 0 3px 20px;
				}
			
	.news_date {
		font-size: 110%;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}
		
		.news_wrap{
			float:left;
			clear:both;
			width:100%;
			}
		
	.case_study_control {
		position:absolute;
		top:95px;
		right:15px;
		width: 35%;
		padding: 10px 0 0 0;
		margin: 0 0 0 0;
		}
		
		.case_study {
			padding: 5px 0 0 0;
			margin: 10px 0 0 0;
			}
			
			.case_study p {
				margin: 0;
				padding: 0;
				}
				
	#map {
		width: 530px;
		height: 300px;
		float: right;
		margin: 0 0 10px 0;
		}
		
	#search_results {
		}
		
	.director_profile{
		width:300px;
		padding:5px 10px 0 0;
		border-top:#64402d 1px solid;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LAYOUT STYLES	*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#locations_marquee{
	position:absolute;
	top:15px;
	left:210px;
	}
	
	#locations_marquee p{
		float:left;
		margin:0 10px 0 0;
		font-weight:bold;
		}
		
		#marquee{
			color:#00CC00;
		}
		
		.marquee_text{
			color:#f15623;
			
			float:left;
			}
		
#brand_logos{
	float:left;
	clear:both;
	padding:20px 0 0 20px;
	}
	
	#brand_logos img{
		margin:0 35px 0 0;
		}

#brands{
	float:right;
	width:230px;
	}
	
	#brands a{
		display:block;
		width:175px;
		height:75px;
		float:left;
		clear:both;
		}
		
		#brands a.ellis_fairbank{
			background:url(../images/brands/EllisFairbank.png) top left no-repeat;
			padding:0 0 5px 47px;
			}
			
			#brands a.em_group{
				background:url(../images/brands/EMGroup.png) top left no-repeat;
				padding:0 0 5px 47px;
				height:50px;
				}
				
				#brands a.interim{
				padding:0 0 10px 47px;
					background:url(../images/brands/TheInterimRegister.png) top left no-repeat;
					}
					
					#brands a.epic{
						padding:0 0 5px 47px;
						background:url(../images/brands/EpicContractServices.png) top left no-repeat;
						}
					
						#brands a.president{
							padding:0 0 5px 47px;
							background:url(../images/brands/PrecedentConsulting.png) top left no-repeat;
							}
							
							#brands a.atticus{
								padding:0 0 5px 47px;
								height:100px;
								background:url(../images/brands/AtticusPartnership.png) top left no-repeat;
								}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	font-size: 90%;
	padding: 5px 0 20px 0;
	margin:20px 0 0 0;
	clear: both;
	float:left;
	width:100%;
	}
	
	#footer p {
		margin: 0;
		padding: 0;
		}
	
	#footer ul {
		list-style: none;
		margin: 3px 0;
		padding: 0;
		}
		
		#footer li {
			float: left;
			}
			
			#footer a{
				float: left;
				display: block;
				padding: 0 5px 0 5px;
				text-decoration: none;			
				}
				
				#footer p.ninexb{
					float:left;
					clear:both;
					}
					
					#footer p.ninexb a{
						padding:0;
						border:none;
						text-decoration:underline;
						}
				
			#footer li a.start {
				padding: 0 5px 0 0;
				}
				
#footer_stripe {
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 100%;
	height: 18px;
}