/* ================================================
 
Theme Name: Connect Group
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: August 2009

==================================================*/


/*------------------------------------------------

		1. Global Resets
		
		2. Typography

		3. Link

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. Headers
		
 		11. Buttons

		12. Map Styles



/*==================================================================================================

	1. GLOBAL RESETS
 
 ====================================================================================================*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}

/* IE PNG Fix http://www.twinhelix.com/css/iepngfix/ */
		
div#main_nav_slidemenu ul#navigation, div#header img, div#footer, div#slideshow, div#sub_header p.previous_nav a, div#sub_header p.next_nav a { behavior: url(/furniture/js/iepngfix.htc) }

/* Alternatively, you can specify that this will apply to all tags like so:
		   
		   * { behavior: url(/furniture/js/iepngfix.htc) }
*/

/*==================================================================================================

	2. TYPOGRAPHY
 
 ====================================================================================================*/
 
body {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #464646;
	margin:0;
	padding:0;
	height: 100%;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	}


strong {
	font-weight:bold;
	}

	div#content ul.blue_list li strong, div#sidebar ul.blue_list li strong {
	color: #005bbe;
	}
	
em {
	font-style:italic;
	display:inline;
	}

small {
	font-size: 11px;
	line-height: 25px;
	float: left;
	}

br {
	line-height: 10px;
	}
	
blockquote {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
	padding: 15px 0 15px 15px;
	}

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	margin: 0 0 10px 0;
	height: 1px;
	}
	
div#contact_details p{
padding:0 0 3px!important;}

	
p.contact_details{
float:left;
margin-top:11px;}
/*------------------ FONT RESET -------------------*/

 {
	margin: 0;
	padding: 0;
	float: left;
	}

/*------------------ FONT RESET ENDS -------------------*/

	
div#content p {
	padding: 0 0 15px 0;
	}
	
	div#footer p {
	font-size: 12px;
	line-height: 18px;
	}
	
	div#footer_bottom p {
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	padding: 15px 0 0 0;
	}
	
	div.sidebar_feature p {
	padding: 0 15px 15px 15px;	
	}
	
	div.slide1 p.slide_text, div.slide2 p.slide_text, div.slide3 p.slide_text, div.slide4 p.slide_text, div.slide5 p.slide_text {
	width: 380px;
	height: 87px;
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	color: #FFFFFF;
	position: absolute;
	right: 93px;
	top: 125px;
	}
	
	div#content p.downloads {
	padding: 20px 0 20px 60px;
	font-size: 14px;
	background: url(/furniture/images/sitewide/pdf_icon.jpg) no-repeat 0 0;
	}
	
			
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1 {
	padding: 0 0 15px 0;
	font-size: 24px;
	color: #5f529a;
	line-height: 32px;
	font-weight: bold;
	}

h2 {
	padding: 0 0 15px 0;
	font-size: 20px;
	color: #5f529a;
	line-height: 24px;
	font-weight: bold;
	}

h3 {
	font-size: 20px;
	color: #5f529a;
	line-height: 22px;
	border-bottom: 1px solid #999999;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	}

	
h4 {
	font-size: 16px;
	line-height: 16px;
	padding: 0 0 15px 0;
	color: #464646;
	font-weight: bold;
	}


h5 {
	font-size: 14px;
	line-height: 14px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	color: #5f529a;
	border-bottom: 1px solid #999999;
	}
	
h6 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #464646;
	}


	
/*==================================================================================================
 
     3. LINK STYLES

================================================================================================== */

div#content a {
	color: #5F529A;
	text-decoration: underline;
	}

	div#content a:hover {
	color: #5F529A;
	text-decoration: none;
	}
	
div#content div#accordion h3 a {
	color: #5F529A;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	}

	div#content div#accordion h3 a:hover, div#content div#accordion h3.ui-state-active a {
	color: #333333;
	text-decoration: none;
	}
	
div#footer p a, div#footer_bottom p a {
	color: #696b6f;
	text-decoration: none;
	}
	
	div#footer p a:hover, div#footer_bottom p a:hover {
	color: #696b6f;
	text-decoration: underline;
	}
	
div#sidebar ul.sub_nav li a {
	display: block;
	width: 160px;
	padding: 10px 30px 10px 10px;
	color: #5f529a;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	}	
	
	div#sidebar ul.sub_nav li a:hover {
	background: url(/furniture/images/sitewide/bullets_sub_nav_hover.gif) no-repeat 180px center;
	text-decoration: none;
	color: #4a4a4a;
	}
	
	div#sidebar ul.sub_nav li a.current {
	background: url(/furniture/images/sitewide/bullets_sub_nav_current.gif) no-repeat 180px center #e6e4ec;
	text-decoration: none;
	color: #4a4a4a;
	}
	
	
	
/* End Typography & Colors */



/*==================================================================================================

	4. MAIN NAVIGATION
	
==================================================================================================*/

/*--------- Containing DIV -------------*/

div#main_nav_slidemenu {
	float: left;
	clear: both;
	width: 966px;
	height: 66px;
	position:relative;
	z-index: 120;
	/*background-color: #FFFF00;*/
	}

/*--------- Main List styles UL -------------*/

div#main_nav_slidemenu ul#navigation {
	margin:0;
	padding: 4px 0 0 35px;
	width: 931px;
	height: 62px;
	float: left;
	list-style: none;
	background: url(/furniture/images/backgrounds/bg_nav.png) no-repeat 0 0;
	}

/*--------- Main List styles LI -------------*/

	div#main_nav_slidemenu ul#navigation li {
	position: relative;
	display: inline;
	float: left;
	z-index: 150;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	}

/*--------- Main Navigation Button Default Link styles -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_home, div#main_nav_slidemenu ul#navigation li a.nav_about, div#main_nav_slidemenu ul#navigation li a.nav_client_services, div#main_nav_slidemenu ul#navigation li a.nav_specialisms, div#main_nav_slidemenu ul#navigation li a.nav_candidates, div#main_nav_slidemenu ul#navigation li a.nav_regions, div#main_nav_slidemenu ul#navigation li a.nav_careers, div#main_nav_slidemenu ul#navigation li a.nav_news, div#main_nav_slidemenu ul#navigation li a.nav_contact {
	height: 62px;	
	padding:0;
	margin:0;
	line-height: 0;
	font-size: 1px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	}

/*--------- HOME -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_home {
	background: url(/furniture/images/navigation/home.jpg) no-repeat 0 0;
	width: 67px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_home:hover, body.home div#main_nav_slidemenu ul#navigation li a.nav_home {
		background: url(/furniture/images/navigation/home.jpg) no-repeat 0 -75px;
		}
		
/*--------- ABOUT -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_about {
	background: url(/furniture/images/navigation/about.jpg) no-repeat 0 0;
	width: 76px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_about:hover, body.about_us div#main_nav_slidemenu ul#navigation li a.nav_about, body.mission-statement div#main_nav_slidemenu ul#navigation li a.nav_about, body.our-values div#main_nav_slidemenu ul#navigation li a.nav_about, body.biographies div#main_nav_slidemenu ul#navigation li a.nav_about {
		background: url(/furniture/images/navigation/about.jpg) no-repeat 0 -75px;
		}
		
/*--------- CLIENT SERVICES -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_client_services {
	background: url(/furniture/images/navigation/client_services.jpg) no-repeat 0 0;
	width: 137px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_client_services:hover, body.client-services div#main_nav_slidemenu ul#navigation li a.nav_client_services, body.process-outsource div#main_nav_slidemenu ul#navigation li a.nav_client_services {
		background: url(/furniture/images/navigation/client_services.jpg) no-repeat 0 -75px;
		}
		
/*--------- SPECIALISMS -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_specialisms {
	background: url(/furniture/images/navigation/specialisms.jpg) no-repeat 0 0;
	width: 114px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_specialisms:hover, body.specialisms div#main_nav_slidemenu ul#navigation li a.nav_specialisms, body.it div#main_nav_slidemenu ul#navigation li a.nav_specialisms, body.energy div#main_nav_slidemenu ul#navigation li a.nav_specialisms, body.rail div#main_nav_slidemenu ul#navigation li a.nav_specialisms {
		background: url(/furniture/images/navigation/specialisms.jpg) no-repeat 0 -75px;
		}
		
/*--------- CANDIDATES -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_candidates {
	background: url(/furniture/images/navigation/candidates.jpg) no-repeat 0 0;
	width: 110px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_candidates:hover, body.candidates div#main_nav_slidemenu ul#navigation li a.nav_candidates, body.vacancy-search div#main_nav_slidemenu ul#navigation li a.nav_candidates, body.contractor-information div#main_nav_slidemenu ul#navigation li a.nav_candidates, body.cv-creation-advice div#main_nav_slidemenu ul#navigation li a.nav_candidates, body.interview-advice div#main_nav_slidemenu ul#navigation li a.nav_candidates, body.candidate-resources div#main_nav_slidemenu ul#navigation li a.nav_candidates {
		background: url(/furniture/images/navigation/candidates.jpg) no-repeat 0 -75px;
		}
		
/*--------- REGIONS -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_regions {
	background: url(/furniture/images/navigation/regions.jpg) no-repeat 0 0;
	width: 91px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_regions:hover, body.regions div#main_nav_slidemenu ul#navigation li a.nav_regions {
		background: url(/furniture/images/navigation/regions.jpg) no-repeat 0 -75px;
		}			
		
/*--------- CAREERS -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_careers {
	background: url(/furniture/images/navigation/careers.jpg) no-repeat 0 0;
	width: 85px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_careers:hover, body.careers div#main_nav_slidemenu ul#navigation li a.nav_careers {
		background: url(/furniture/images/navigation/careers.jpg) no-repeat 0 -75px;
		}			
		
/*--------- NEWS -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_news {
	background: url(/furniture/images/navigation/news.jpg) no-repeat 0 0;
	width: 69px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_news:hover, body.news div#main_nav_slidemenu ul#navigation li a.nav_news {
		background: url(/furniture/images/navigation/news.jpg) no-repeat 0 -75px;
		}			
		
/*--------- CONTACT US  -------------*/

	div#main_nav_slidemenu ul#navigation li a.nav_contact {
	background: url(/furniture/images/navigation/contact_us.jpg) no-repeat right 0;
	width: 162px;
	}
	
		div#main_nav_slidemenu ul#navigation li a.nav_contact:hover, body.contact div#main_nav_slidemenu ul#navigation li a.nav_contact {
		background: url(/furniture/images/navigation/contact_us.jpg) no-repeat right -75px;
		}
		
		
				
/*=================================================
	
	STYLES FOR JQUERY DROP DOWN MENU
	
=================================================*/


/*Top level menu link items style*/

div#main_nav_slidemenu ul#navigation li a {
	display: block;
	background:; /*background of tabs (default state)*/
	color: #FFFFFF;
	border-top-width: 0px;
	text-decoration: none;
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	}

* html div#main_nav_slidemenu ul#navigation li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	border-top-width: 0px;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	}

	
/*1st sub level menu*/
div#main_nav_slidemenu ul#navigation li ul { 
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	z-index: 200;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	line-height: 11px;
	background-color: #666666;
	}


/*Sub level menu list items (undo style from Top level List Items)*/
div#main_nav_slidemenu ul#navigation li ul li {
	display: list-item;
	float: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #999999;
	}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
div#main_nav_slidemenu ul#navigation li ul li ul {
	top: 0;
	padding: 0;
	margin: 0;
	}

/* Sub level menu links style */
div#main_nav_slidemenu ul#navigation li ul li a {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	padding: 12px;
	margin: 0;
	width: 160px; /*width of sub menus*/
	border-top-width: 0px;
	}

div#main_nav_slidemenu ul#navigation li ul li a:hover { /*sub menus hover style*/
	background: #5F529A;
	color: #FFFFFF;
	}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	display: none;
	position: absolute;
	top: 12px;
	right: 7px;
	}

.rightarrowclass{
	display: none;
	position: absolute;
	top: 6px;
	right: 5px;
	}

/* ----------------- End Drop Down Nav -------------------- */








		
/*==================================================================================================

	4. SIDEBAR NAVIGATION
	
==================================================================================================*/




		
/*==================================================================================================


	5. MAIN STRUCTURE
 
==================================================================================================*/

body{
	margin:0;
	padding:0;
	height: 100%;
	background: url(/furniture/images/backgrounds/bg_repeater.jpg) repeat-x 0 0 #FFFFFF;
	}
	
div.main_bg {
	width: 100%;
	height: 100%;
	float: left;
	background: url(/furniture/images/backgrounds/bg_main.jpg) no-repeat center 0;
	}	
		
div.page_center {
	width: 966px;
	margin: 0 auto;
	}
	
div.page_container {
	width: 966px;
	float: left;
	padding: 0 0 20px 0;
	/*background: #FFFFFF;*/
	}

div#header {
	width: 966px;
	height: 135px;
	z-index: 5;
	float: left;
	position: relative;
	/*background: #FF0000;*/
	}

div#sub_header {
	width: 948px;
	height: 296px;
	float: left;
	clear: both;
	padding: 15px 0 0 18px;
	position: relative;
	z-index: 13;
	background: url(/furniture/images/backgrounds/bg_slide_panel.png) no-repeat 0 0;
	}
	
div#content_container {
	width: 966px;
	float: left;
	clear: both;
	background: url(/furniture/images/backgrounds/bg_content_repeater.gif) repeat-y 0 0;
	}
	
	div#content_top_bg {
	width: 966px;
	float: left;
	background: url(/furniture/images/backgrounds/bg_main_panel.jpg) no-repeat 0 0;
	}

div#content {
	width: 630px;
	padding: 20px 0 20px 20px;
	float: left;
	/*background: #0000FF;*/
	}

div#sidebar {
	float: left;
	width: 240px;
	padding: 20px 0 20px 40px;
	/*background-color: #FF9900;*/
	}
	
div#footer {
	width: 926px;
	height: 141px;
	float: left;
	clear: both;
	position: relative;
	z-index: 18;
	padding: 60px 0 0 40px;
	background:url("/furniture/images/backgrounds/bg_footer_panel-old.png") no-repeat scroll 0 0 transparent
	}

	
/* End Structure */



/*==================================================================================================
	
	6. INNER ELEMEMTS

==================================================================================================*/

div#header img {
display:none;
	position: absolute;
	top: 0px;
	right: -4px;
	width: 272px;
	height: 137px;
	z-index: 20;
	}
	
div#footer div.social {
	padding:0 0 5px 0;
	clear:both;
	}
	
		div#footer div.social p {
		padding: 0 0 0 0;
		}
		
			div#footer div.social p a {
			display:inline-block;
			height: 19px;
			padding: 0 0 0 20px;
			margin: 5px 0 0 3px;
			}
			
			div#footer div.social p a.facebook {
			background:url(/furniture/images/sitewide/facebook_16.png) no-repeat;
			}
			
			div#footer div.social p a.twitter {
			background:url(/furniture/images/sitewide/twitter_16.png) no-repeat;
			}
			
			div#footer div.social p a.linkedin {
			background:url(/furniture/images/sitewide/linkedin_16.png) no-repeat;
			}

div.footer_logos {
float:right;
height:94px;
padding:14px 0 0;
width:420px;
	}
	
	
	
div#footer_bottom {
	float: left;
	clear: both;
	width: 950px;
	}	
	
div.sidebar_feature {
	float: left;
	width: 200px;
	background: url(/furniture/images/backgrounds/bg_sidebar_feature.jpg) no-repeat 0 bottom #d7d4e3;
	}


/*============ SUB HEADER SLIDESHOW STYLES ===============*/

div#slideshow {
	width: 928px;
	height: 296px;
	overflow: hidden;
	}
	
	div#sub_header div.slide1 {
	float: left;
	background: url(/furniture/images/slideshow/group_panel.jpg) no-repeat 0 0;
	width: 928px;
	height: 279px;
	position: relative;
	}
	
	div#sub_header div.slide2 {
	float: left;
	background: url(/furniture/images/slideshow/cooper_panel.jpg) no-repeat 0 0;
	width: 928px;
	height: 279px;
	position: relative;
	}
	
	div#sub_header div.slide3 {
	float: left;
	background: #FFFF00;
	width: 928px;
	height: 279px;
	position: relative;
	background: url(/furniture/images/slideshow/it_panel.jpg) no-repeat 0 0;
	}
	
	div#sub_header div.slide4 {
	float: left;
	background: #FFFF00;
	width: 928px;
	height: 279px;
	position: relative;
	background: url(/furniture/images/slideshow/energy_panel.jpg) no-repeat 0 0;
	}
	
	div#sub_header div.slide5 {
	float: left;
	background: #FFFF00;
	width: 928px;
	height: 279px;
	position: relative;
	background: url(/furniture/images/slideshow/professional_panel.jpg) no-repeat 0 0;
	}

div#accordion {
	float: left;
	padding: 5px 0 20px 0;
	}

div.news_repeater {
	width: 630px;
	float: left;
	padding: 20px 0;
	border-top: 1px solid #CCCCCC;
	}
	
	div.news_repeater img {
	float: left;
	}
	
	div.news_content_wrapper {
	float: left;
	padding: 0 0 0 15px;
	width: 515px;
	}


/*==================================================================================================
	
	7. LISTS 

==================================================================================================*/


div#content ul {
	margin: 0;
	padding: 10px 0 15px 0;
	}
	
	div#content ul li {
	margin: 0;
	padding: 7px 0 7px 22px;
	list-style: none;
	background: url(/furniture/images/sitewide/bullet_arrow.gif) no-repeat 0 11px;
	}
	
	div#content ul li ul {
	margin: 0;
	padding: 5px 0 0 0;
	}
	
	div#content ul li ul li {
	margin: 0;
	padding: 7px 0 7px 22px;
	list-style: none;
	background: url(/furniture/images/sitewide/bullet_arrow.gif) no-repeat 0 11px;
	}
	
	
div#sidebar ul.sub_nav {
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
	}
	
	div#sidebar ul.sub_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #d8d8d8;
	}	
	
div#content ol {
	margin: 0;
	padding: 0 0 15px 20px;
	}
	
	div#content ol li {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	}



/*==================================================================================================

	8. FORMS
 
 ====================================================================================================*/
 

form, input, textarea, label, select, fieldset  {	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color:#666666;
	}
	
form {
	padding: 0;
	}
	
	form#aspnetForm {
	padding: 0;	
	}

	
input {
	padding: 2px;
	border: none;
	}
	
textarea {
	padding: 2px;
	margin: 2px 0 0 0;
	width: 200px;
	height: 100px;
	}
		
label {
	clear: both;
	font-size:12px;
	color: #666;
	text-align: left;
	}	
	
select {
	font-size:12px;
	}		
/*	
fieldset {
	clear: both;
	font-size:12px;
	border: none;
	}		
*/
textarea.form_textfield {
	width: 300px;
	float: left;
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #CCCCCC;
	}

/*--------------- FIELDSET------------------*/

fieldset.form_fieldset {
	border:Solid 1px #0c3e4c; 
	padding:15px;
	clear: both;
	font-size:12px;
	}

fieldset.form_fieldset legend {
	font-weight:bold; 
	font-size:12pt; 
	color:#0c3e4c;
	}


/*---------------SUBMIT BUTTONS ------------------*/
	

	input.submit  {
	background-color:#0e9edb;
	border:1px solid #08648d;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:35px;
	padding: 2px 5px 5px 5px;
	margin: 0;
	/*width:100px;*/
	float: left;
	}

	
/*--------------- LABEL STYLES ------------------*/

label.long_label, span.long_label {
	width: 160px;
	display: block;
	float: left;
	text-align: right;
	padding: 10px 20px 0 0;
	}
	
	label.medium_label, span.medium_label {
	width: 90px;
	display: block;
	float: left;
	text-align: right;
	padding: 10px 20px 0 0;
	}

	label.checkbox_label {
	color: #666666;
	font-size: 12px;
	padding: 10px 20px 0 0;
	}
	
	label.long_label, span.long_label {
	width: 500px;
	display: block;
	float: left;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 10px 20px 0 0;
	}



/*--------------- TEXT FIELD STYLES ------------------*/

input.medium_textbox {
	height: 15px;
	width: 300px;
	float: left;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	}
	
	input.small_textbox {
	height: 15px;
	width: 110px;
	float: left;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	}

/*--------------- SELECT STYLES ------------------*/

select.medium_select {
	font-size:12px;
	height: 30px;
	width: 320px;
	float: left;
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	}	


/*--------------- MISC FORM STYLES ------------------*/


div.check_box_container {
	float: left;
	width: 500px;
	padding: 0 0 20px 0;
	}

/*--------------- ERROR MESSAGE STYLES ------------------*/


span.error_marker {
	float: left;
	display: block;
	padding: 2px 5px 0 0;
	color: #60b1da;
	}

div.check_box_container {
	float: left;
	padding: 5px 0 15px 0;
	width: 300px;
	}


/*==================================================================================================
	
	9. Various Tags & Classes 
	
==================================================================================================*/


.alignright {
	float:right;}
	
.alignleft {
	float:left;
	}

.alignleft_bottom {
	float:left;
	clear: both;
	padding: 10px 0 0 0;
	}

div#content div.document_repeater div.document_download img {
	float: left;
	}
	
div#content div.document_repeater div.document_availablity img {
	float: left;
	}

p.padding_top {
	padding: 10px 0 2px 0;
	}


/* End Various Tags & Classes*/



/*==================================================================================================
	
	10. Headers
	
==================================================================================================*/


div#header h1, div#header h3, div#footer h6.connect_energy, div#footer h6.connect_it, div#footer h6.connect_rail, div#footer h6.cooper_burns, div#sub_header p.previous_nav, div#sub_header p.next_nav, div.sidebar_feature h3.about_connect, div.slide1 h2.slide_1_heading, div.slide2 h2.slide_2_heading, div.slide3 h2.slide_3_heading, div.slide4 h2.slide_4_heading, div.slide5 h2.slide_5_heading, div.slide1 p.find_out_more_button_1, div.slide2 p.find_out_more_button_2, div.slide3 p.find_out_more_button_3, div.slide4 p.find_out_more_button_4 , div.slide5 p.find_out_more_button_5 {
	padding:0;
	margin:0;
	line-height: 0;
	font-size: 1px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	}

/*-------------- RESETS ENDS ---------------*/


div#header h1 {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 278px;
	height: 104px;
	}

div#header h3 {
	position: absolute;
	top: 75px;
	right: 0;
	width: 330px;
	height: 62px;
	background: url(/furniture/images/sitewide/phone_numbers.jpg) no-repeat 0 0;
	}

div#footer h6.connect_energy {
float:left;
height:66px;
padding:0;
width:88px;
	}

div#footer h6.connect_it {
	float: left;
	width: 52px;
	height: 68px;
	padding-right:29px;
	}

div#footer h6.connect_professional {
	float: left;
	width: 101px;
	height: 50px;
	}
	

div#footer h6.cooper_burns {
	float: left;
	width: 99px;
	height: 50px;
	}
	
div#footer h6.smart_energy {
	float: left;
	width: 116px;
	height: 50px;
	}
	
div#footer h6.energy_jobsite {
	float: left;
	width: 99px;
	height: 50px;
	}
	
div#sub_header p.previous_nav {
	position: absolute;
	top: 125px;
	left: 4px;
	z-index: 170;
	width: 39px;
	height: 51px;
	}

div#sub_header p.next_nav {
	position: absolute;
	top: 125px;
	right: 4px;
	z-index: 180;
	width: 40px;
	height: 51px;
	}	

div.sidebar_feature h3.about_connect {
	width: 200px;
	height: 55px;
	background: url(/furniture/images/headings/about_connect_group.jpg) no-repeat 0 0;
	}

div.slide1 h2.slide_1_heading, div.slide2 h2.slide_2_heading, div.slide3 h2.slide_3_heading, div.slide4 h2.slide_4_heading, div.slide5 h2.slide_5_heading {
	width: 424px;
	height: 87px;
	position: absolute;
	right: 50px;
	top: 31px;
	}
	
	div.slide1 h2.slide_1_heading {
	background: url(/furniture/images/headings/title_group_slide.jpg) no-repeat 0 0;
	}
	
	div.slide2 h2.slide_2_heading {
	background: url(/furniture/images/headings/title_cooper_slide.jpg) no-repeat 0 0;
	}	
	
	div.slide3 h2.slide_3_heading {
	background: url(/furniture/images/headings/title_it_slide.jpg) no-repeat 0 0;
	}	
	
	div.slide4 h2.slide_4_heading {
	background: url(/furniture/images/headings/title_energy_slide.jpg) no-repeat 0 0;
	}	
	
	div.slide5 h2.slide_5_heading {
	background: url(/furniture/images/headings/title_professional_slide.jpg) no-repeat 0 0;
	}

div.slide1 p.find_out_more_button_1, div.slide2 p.find_out_more_button_2, div.slide3 p.find_out_more_button_3, 
div.slide4 p.find_out_more_button_4, div.slide5 p.find_out_more_button_5{
	width: 138px;
	height: 35px;
	position: absolute;
	right: 337px;
	top: 207px;
	}



/*==================================================================================================
	
	11. BUTTONS
	
==================================================================================================*/

div#view_more_button{
padding-bottom:15px;}

div#header h1 a, div#footer h6.connect_energy a, div#footer h6.connect_it a, div#footer h6.connect_professional a, div#footer h6.cooper_burns a, div#sub_header p.previous_nav a, div#sub_header p.next_nav a, div.slide1 p.find_out_more_button_1 a, div.slide2 p.find_out_more_button_2 a, div.slide3 p.find_out_more_button_3 a, div.slide4 p.find_out_more_button_4 a, slide5 p.find_out_more_button_5 a {
	padding:0;
	margin:0;
	line-height: 0;
	font-size: 1px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	}

/*-------------- LOGO ---------------*/

div#header h1 a {
	background: url(/furniture/images/sitewide/logo.gif) no-repeat 0 0;
	width: 278px;
	height: 104px;
	}

div#footer h6.connect_energy a {
	background: url(/furniture/images/sitewide/logo_nurture_energy.jpg) no-repeat 0 0;
	width: 66px;
	height: 66px;
	}

div#footer h6.connect_it a {
	background: url(/furniture/images/sitewide/logo_nurture_it.jpg) no-repeat 0 0;
	width: 68px;
	height: 68px;
	}
	
div#footer h6.connect_professional a {
	background: url(/furniture/images/sitewide/logo_connect_professional.jpg) no-repeat 0 0;
	width: 99px;
	height: 100px;
	}	

div#footer h6.cooper_burns a {
	background: url(/furniture/images/sitewide/logo_cooper_burns.jpg) no-repeat 0 0;
	width: 99px;
	height: 50px;
	}	
	
div#footer h6.smart_energy a {
	background:url("/furniture/images/sitewide/logo_smart_energy.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:34px;
	margin-top:9px;
	overflow:hidden;
	text-indent:-5000px;
	width:115px;
		}
	
div#footer h6.energy_jobsite a {
	background:url("/furniture/images/sitewide/logo_energy_jobsite.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:28px;
	margin-left:16px;
	margin-top:12px;
	overflow:hidden;
	text-indent:-5000px;
	width:96px;}
	
	
	
		
div#sub_header p.previous_nav a {
	background: url(/furniture/images/buttons/arrow_left.png) no-repeat 0 0;
	width: 39px;
	height: 51px;
	}
	
div#sub_header p.next_nav a {
	background: url(/furniture/images/buttons/arrow_right.png) no-repeat 0 0;
	width: 40px;
	height: 51px;
	}		

div.slide1 p.find_out_more_button_1 a, div.slide2 p.find_out_more_button_2 a, div.slide3 p.find_out_more_button_3 a, div.slide4 p.find_out_more_button_4 a, div.slide5 p.find_out_more_button_5 a {
	width: 138px;
	height: 35px;
	float: left;
	}
	
div.slide1 p.find_out_more_button_1 a {
	background: url(/furniture/images/buttons/specialist_button.jpg) no-repeat 0 0;
	}	
	
div.slide2 p.find_out_more_button_2 a {
	background: url(/furniture/images/buttons/cooper_button.jpg) no-repeat 0 0;
	}	

div.slide3 p.find_out_more_button_3 a {
	background: url(/furniture/images/buttons/it_button.jpg) no-repeat 0 0;
	}	
	
div.slide4 p.find_out_more_button_4 a {
	background: url(/furniture/images/buttons/energy_button.jpg) no-repeat 0 0;
	}
	
div.slide5 p.find_out_more_button_5 a {
	background: url(/furniture/images/buttons/professional_button.jpg) no-repeat 0 0;
	}
	
	
	
	
	/*==================================================================================================
	
	12. Map Styles
	
==================================================================================================*/



.region-map {
	float: left;
	width: 630px;
	/*background: url(/furniture/images/backgrounds/region-map.jpg) no-repeat 0 0;*/
	/*padding-top:370px;*/
	display:inline;
	}
.region-map img{
	margin-bottom:20px;
	}
.region-five-cols {
	float: left;
	width: 120px;
	margin-right:7px;
	display:inline;
	/*background-color:grey;*/
	}
.region-five-cols h4 {
	font-size:14px;
	line-height:1em;
	padding:0;
	}
.region-five-cols ul li {
	padding:0px !important;
	list-style:none !important;
	background:none!important;
	}
.marg-off {
	margin-right:0;
	}
.blue   	{ color:#0250A6;	}
.brown 		{ color:#AA784A;	}
.green 		{ color:#4A6737;	}
.orange 	{ color:#EC9900;	}
.charcoal 	{ color:#464646;	}
.purple 	{ color:#5F529A;	}
.red 		{ color:#CC0000;	}

/* SPECIALISM PAGES SECTORS */

.job_sector_block a:link, .job_sector_block a:active, .job_sector_block a:visited .job_sector_block a:hover {
	color:#6d8cc8;
}

.job_sector_block a:hover {
	text-decoration:none;
}

.job_sector_block_right a:link, .job_sector_block_right a:active, .job_sector_block_right a:visited .job_sector_block_right a:hover {
	color:#6d8cc8;
}

.job_sector_block_right a:hover {
	text-decoration:none;
}

div.job_sector_block, div.job_sector_block_right {
	float:left;
	padding: 0 0 0 0;
	width:310px;
	height: 114px;
}

div.job_sector_block {
	margin:0 10px 10px 0;
}

div.job_sector_block_right {
	margin:0 0 10px 0;
}

div.job_sector_block img, div.job_sector_block_right img {
	float:left;
	padding-right:10px;
}

div.job_sector_block_top {
	background: url(/furniture/images/backgrounds/sector_panel_top.jpg) no-repeat 0 0;
	display:block;
	float:left;
	white-space: nowrap;
	line-height: 1px;
	font-size: 1px;
	height:7px;
	width:310px;
}

div.job_sector_block_middle {
	background-image:url(/furniture/images/backgrounds/sector_panel_middle.jpg);
	background-repeat:repeat-y;
	float:left;
	padding:10px;
	width:290px;
	height: 80px;
}

div.job_sector_block_bottom {
	background-image:url(/furniture/images/backgrounds/sector_panel_bottom.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:7px;
	width:310px;
}

div.job_sector_block_middle img {
	float:left;
	padding-right:10px;
}

div.job_sector_block_middle h4 {
	color:#9CB41C;
	font-size:17px;
	line-height:20px;
}

div.job_sector_block_middle p {
	color:#6D8CC8;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
	float:right;
	width:205px;
}