/* 
Wardell Armstrong
Key Staff Styles


Created By 
Rob Wright
www.boost-creative.co.uk
--------------------------------------------------------

*/


/* Key Staff Search */

#key_staff_search {
	height:28px;
	background:#ACAEB0;
	border-bottom:1px solid #FFF;
	z-index:100;
	position:relative;
}

#key_staff_search  h2 {
	padding:7px 28px 0px 0px;
	text-align:right;
	width:190px;
	height:21px;
	font-size:1.1em;
	color:#FFF;
	margin:0px;
	float:left;
	border-right:1px solid #FFF;
	background:url(../images/layout/key_staff_background.png) no-repeat 195px 5px;
}

#key_staff_search  ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

#key_staff_search  ul li{
	position:relative;
	border-right:1px solid #FFF;
	height:20px;
	cursor:pointer;
	float:left;
	padding:9px 22px 0px;
	margin:0px;
	color:#FFF;
}

#key_staff_search  ul li:hover{ background-color:#1C3F7A; }

#key_staff_search  ul li ul {
	position:absolute;
	left:-1px;
	top:30px;
}

#key_staff_search  ul li ul li{
	float:none;
	height:auto;
	padding:0px;
	line-height:12px;
	display:block;
	margin:0px;	
	background:#ACAEB0;
	border:1px solid #FFF;
	border-top:none;
}

#key_staff_search  ul li ul li:hover{	background:none; }

#key_staff_search  ul li ul li a{ 
	display:block; 
	background:#ACAEB0;
	font-size:0.9em;
	color:#FFF;
	padding:8px 5px;
	margin:0px;
}

#key_staff_search ul li ul li a:hover{background-color:#1C3F7A;}

#key_staff_search ul li#group_drop ul {
	width:/*171px*/173px;
	display:none;
}


#key_staff_search ul li#group_drop { top:-1px; position:absolute; left:306px;}
#key_staff_search ul li#location_drop{top:-1px; position:absolute; left:386px;}

#key_staff_search ul li#location_drop ul  {
	width:93px;
	display:none;
}

#key_staff_search ul li#group_drop:hover { height:/*190px*/166px;}
#key_staff_search ul li#location_drop:hover {	height:175px;}

#key_staff_search ul li#group_drop:hover ul  { 	display: block;}

#key_staff_search ul li#location_drop:hover  ul {	display: block;}

#content #key_staff_search form  {
	width:180px;
	height:28px;
	float:left;
	position:absolute;
	left:482px;
}

#content #key_staff_search form p {
	margin:5px 5px 0px 10px;
	position:relative;
	padding:0px;
}

#content #key_staff_search form input{
	width:142px;
	height:13px;
	border:none;
	padding:1px 2px;
	margin:0px;
	background:#FFF;
	font-size:9px;
} 
	
#content #key_staff_search form input#key_staff_search_button{ 
	height:19px;
	width:22px;
	font-size:1em;
	padding:0px;
	text-transform:uppercase;
	color:#FFF;
	cursor:pointer;
	background:none;
	border:0px;
	outline:none;
	position: absolute;
	top:-2px;
	right:-5px;
}

#content #key_staff_search form input#key_staff_search_button:hover{ 	color:#1C3F7A;}


/* Case Study  Listing */

#content #key_staff {
	clear:both;
	height:450px;
	width:663px;
	overflow:hidden;
	background:url(../images/layout/content_background.png) repeat-y;
	padding:30px 0px 30px;
	
}

#content #key_staff h1{
	font-size:1.0em;
	margin-left:135px;
	width:244px;
	padding:0px 0px 10px 15px;
	margin-bottom:0px;
	border-left:1px solid #B2B2B2;
}

#content #key_staff dl{
	color:#1C3F7A;
	font-size:0.9em;
	width:395px;
	margin:0px 0px;
	padding:0px 0px 30px;
	float:left;
}

#content #key_staff dl:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body #content #key_staff dl {
	display: inline-block; 
	width: 100%;
}

* html #frame #content #key_staff dl{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

#content #key_staff dl dt{
	font-size:1.1em;
	margin:0px;
	padding:0px 10px 10px 0px;
	width:125px;
	text-align:right;
	float:left;
	clear:left;
}

#content #key_staff dl dd{
	float:left;
	width:244px;
	margin:0px;
	padding:0px 0px 12px 15px;
	border-left:1px solid #B2B2B2;
}

#content #key_staff dl dd p, #content #key_staff dl dd h2, #content #key_staff dl dd h3{
	margin:0px 0px 10px;
	width:244px;
	float:none;
}

#content #key_staff dl dd ul{
	list-style:none;	
	padding:0px;
	margin:0px 0px 5px;
}

#content #key_staff dl dd ul li{
	margin:2px 0px;
	background:url(../images/layout/key_staff_arrow.png) no-repeat 0px 6px;
	padding-left:14px;
}

#content #key_staff #further_info { padding-bottom:50px; float:left; }
#content #key_staff h2, #content #key_staff h3 {
	font-size:1.4em;
	margin-top:10px;
	margin-right:0px;
	width:395px;
}

#content #key_staff p{
	width:395px;
	margin-right:0px;
}

/* Key Staff Details/Images */
#content #key_staff #key_staff_details {
	float:right;
	width:190px;
	margin-right:55px;
}

#content #key_staff #key_staff_details img{
	display:block;
	margin:0px auto;
}

#content #key_staff #key_staff_details .image_caption{
	background:#ACAEB0;
	color:#FFF;
	width:170px;
	padding:2px 10px;
	float:none;
	margin:5px 0px;
}

/* Key Staff Scroller */
#track {
	height:491px;
	position:absolute;
	right:10px;
	top:40px;
	padding:0px 0px;
	width:16px;
	background:url(../images/layout/scroll_bar.png) no-repeat;
}

#thumb {
	width:12px;
	height:34px;
	cursor:pointer;
	margin:0px auto 20px;
	background:url(../images/layout/scroll_button.png) no-repeat;
}
#scroll_overlay{
	width:625px;
	height:52px;
	background:url(../images/layout/scroll_overlay.png) repeat-x;
	_background: none; /* IE6 Fix */
	position:absolute;
	bottom:0px;
	right:30px
}

/* Key Staff  Listing */

#content #key_staff_listing {
	height:332px;
	background:url(../images/layout/content_background.png) repeat-y;
	padding:/*180px*/5px 0px 0px;
	z-index:30;
	position:relative;
}

#content #key_staff_listing h1 {
	font-size:0.8em;
	color: #999999;
	text-align:right;
	margin-bottom:0px;
}

#content #key_staff_listing p{
	color:#1C3F7A;
	margin-top:1px;
	font-size:0.8em;
	text-align:right;
}

#content #key_staff_listing p#no_key_staff{
	padding-top:5px;
	font-size:1.0em;
	text-align:left;
	margin:15px 15px 0px;
	border-top:1px solid #EAEAEA;
	color:#8C8C8C;
	padding-left:10px;
}

#content #key_staff_listing  h2{
	font-size:0.9em;
	text-transform:lowercase;
	margin:10px 0px 0px;
	padding:0px 0px 0px 25px;
}

#content #key_staff_listing  h2 span{
	font-size:1.0em;
	padding-left:115px;
}

#content #key_staff_listing  ul#key_staff  {
	list-style:none;
	padding:0px;
	margin:10px 15px 0px;
}

#content #key_staff_listing  ul#key_staff li{
	border-top:1px solid #ACAEB0;
	position:relative;
	margin:0px 0px 10px;
	min-height: 30px;
	padding:5px 0px;
}

#content #key_staff_listing  ul#key_staff li span.overview{
	display:block;
	color:#8C8C8C;
	font-size:0.9em;
	width:370px;
	line-height:1.2em;
	position: absolute;
	left:190px;
	top:5px;
}
#content #key_staff_listing ul#key_staff li a { margin-left:10px; display:block; width:165px; }
#content #key_staff_listing ul#key_staff li a span{
	background:#1C3F7A;
	color:#FFF;
	margin:0px;
	height:18px;
	text-align:center;
	width:35px;
	float:right;
	top:5px;
	position: absolute;
	z-index:55;
	right:4px;
	padding:5px 5px  5px;
	text-transform:uppercase;
	font-size:1.0em;
}
#content #key_staff_listing  a:hover { color:#ACAEB0; }
#content #key_staff_listing #key_staff a:hover span{ background:#ACAEB0; }

#content #key_staff_listing #result_pages {
	border:none;
	bottom:-5px;
}

/* Backgrounds */
#frame .key_staff_background_directors {background: url('../images/backgrounds/Key_Staff_Image_Directors_slim.jpg') no-repeat top right;}
#frame .key_staff_background_uk {background: url('../images/backgrounds/Key_Staff_Image_UK_slim.jpg') no-repeat top right;}
#frame .key_staff_background_international {background: url('../images/backgrounds/Key_Staff_Image_International_slim.jpg') no-repeat top right;}
#frame .key_staff_background_business {background: url('../images/backgrounds/Key_Staff_Image_Business_slim.jpg') no-repeat top right;}
#frame .key_staff_background_services {background: url('../images/backgrounds/Key_Staff_Image_Services_slim.jpg') no-repeat top right;}
#frame .key_staff_background_locations {background: url('../images/backgrounds/Key_Staff_Image_Locations_slim.jpg') no-repeat top right;}