@charset "utf-8";

/* 	DUK Global stylesheet
 
	Author:			Mat J (matt@designuk.com)
	Modified:		Matt Hinchliffe, duk188, Jan 2011
 	Job No:			duk077
 	File:			global.css
 	Description:	Default stylesheet DUK site
 	----------------------------------------------------------------- */

/*	Global Style Reset
	------------------------------------------- */
	
	html, body, div, span, applet, object, iframe, 
	h1, h2, h3, h4, h5, h6, 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, dl, dt, dd, 
	ol, ul, li, fieldset, form, label, legend, table, 
	caption, tbody, tfoot, thead, tr, th, td { 
		margin:0; padding:0; 
	}
	
	h1, h2, h3, h4, h5, h6 { font-size:1em; font-weight:normal; }
	:focus { outline:#ccc thin dotted; }
	#splash:focus { outline:none; }
	ol, ul { list-style:none; }
	address, caption, cite, code, dfn, th, var { font-weight:normal; font-style:normal; }
	table { border-collapse:collapse; border-spacing:0; }
	caption, th, td { text-align:left; }
	blockquote:before, blockquote:after,q:before, q:after { content:""; }
	blockquote, q { quotes:"" ""; }
	fieldset, img { border:0; }
	
/*	Generic Element Styles
	------------------------------------------- */
	body {
		background:#1d1d1d url(../../images/structural/bg_page.jpg) left top repeat-x;
		font:normal normal 75%/1 Arial, Verdana, Helvetica, sans-serif; /* Default body font = 12px */
		color:#ccc;
	}
	/* selected text styles */
	*::selection {
		color:#000;
		background:#FFC505; /* Safari */
	}
	*::-moz-selection {
		color:#000;
		background:#FFC505; /* Firefox */
	}
	
	/* Set default headings */
	/* MAIN page header */
	h1 {
		font:normal normal 4.17em/1 Georgia, "Times New Roman", Times, serif; /* 50px */
		color:#fff;
		letter-spacing:-0.03em;
	}
	h1 em { font-style:normal; color:#FFC505; }
	h1 strong { font-weight:normal; color:#999; }
	
	/*h2 { font-size:2.17em; } /* 26px */
	p  { line-height:140%; margin:0 0 20px 0; }

	/* Set default link styles */
	a:link, a:visited { color:#FFC505; text-decoration:none; }
	a:hover { color:#FFC505; text-decoration:underline; }
	
/*	skip link
	------------------------------------------- */
	#skip_link {
		position:absolute;
		top:-999em;
		left:-999em;
		font-size:12px;	/* cheeky "scope" for pxToEm() */
	}
	
/*	Primary page containers
	------------------------------------------- */
	#outer {
		width:960px;
		margin:0 auto;
	}
	#container {
		padding:0 0 20px 0;
		width:960px;
		position:relative;
	}
	#primary_nav_container {
		background:#000 url(../../images/structural/bg_topNav.jpg) top left repeat-x;
		/*padding-left:25px;*/
	}
	#header_container {
		background:#000 url(../../images/structural/bg_header.jpg) top left repeat-x;
		/*padding-left:25px;*/
		position:relative;
		z-index:200; /* for IE in the presence of #context_nav dropdown */
	}
	
/*	Primary navigation
	------------------------------------------- */
	#primary_navigation {
		min-height:50px;
		_height:50px; /* IE6 */
		/*width:950px;*/
		position:relative;
	}
	/* logo */
	#logotype {
		display:block;
		width:123px;
		height:32px;
		position:absolute;
		bottom:0;
		background:url(../../images/structural/logotype.gif) 0 0 no-repeat;
	}
	/* print image */
	#logotype img {
		display:none;
	}
	/* links */
	#top_menu {
		height:22px;
		position:absolute;
		right:0;
		bottom:0;
	}
	#top_menu li {
		float:left;
		height:22px;
		margin-left:10px;
	}
	#top_menu li a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-999em;
		background:url(../../images/structural/nav_sprite.gif) 0 0 no-repeat;
		overflow:hidden;
	}
	/* individual top nav links */
	#top_menu #who a {
		width:90px;
		background-position:0 0;
	}
	#top_menu #who a:hover { background-position:0 -22px; }
	#top_menu #who a.selected { background-position:0 -44px; }
	#top_menu #what a {
		width:90px;
		background-position:-100px 0;
	}
	#top_menu #what a:hover { background-position:-100px -22px; }
	#top_menu #what a.selected { background-position:-100px -44px; }
	#top_menu #show a {
		width:77px;
		background-position:-200px 0;
	}
	#top_menu #show a:hover { background-position:-200px -22px; }
	#top_menu #show a.selected { background-position:-200px -44px; }
	#top_menu #news a {
		width:113px;
		background-position:-285px 0;
	}
	#top_menu #news a:hover { background-position:-285px -22px; }
	#top_menu #news a.selected { background-position:-285px -44px; }
	#top_menu #lava a {
		width:76px;
		background-position:-413px 0;
	}
	#top_menu #lava a:hover { background-position:-413px -22px; }
	#top_menu #lava a.selected { background-position:-413px -44px; }
	#top_menu #contact a {
		width:80px;
		background-position:-499px 0;
	}
	#top_menu #contact a:hover { background-position:-499px -22px; }
	#top_menu #contact a.selected { background-position:-499px -44px; }
	
/*	Header
	------------------------------------------- */
	#header {
		padding:15px 0 20px 0;
		/*width:950px;*/
		position:relative;
	}
		#header p.strapline {
			font-size:1.167em;
			position:absolute;
			right:0;
			top:10px;
			background:url("/images/structural/headers/header_strapline.gif") no-repeat;
			height:13px;
			width:270px;
			text-indent:-999em;
			overflow:hidden;
		}
		.p1000 #header p.strapline {
			background:url("/images/structural/headers/header_strapline_home.gif") no-repeat;
		}
			#header p.strapline em {
				font-style:normal;
				color:#FFC505;
			}
			.p1000 #header p.strapline em {
				color:#EB005F;
			}
			#header p.strapline strong {
				color:#fff;
			}
	
/*	Context menu - dropdown within header area
	------------------------------------------- */
	#context_nav {
		width:196px;
		position:absolute;
		top:57px;
		z-index:210;
	}
	/* positioning class to be set via JS */
	.context_inactive { left:992px; }
	.context_active { left:764px; _left:740px; }
	#context_nav h4 {
		height:28px;
		cursor:pointer;
		text-indent:-999em;
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#context_nav ul {
		background:#3a3a3a;
		padding:10px 10px 14px 10px;
	}
	#context_nav li {
		margin-bottom:6px;
		background:#3a3a3a;
		font-size:1.17em; /* 14px */
	}
	#context_nav li a {
		color:#fff;
	}
	#context_nav li a:hover {
		color:#FFC505;
	}
	
/*	Splash area
	------------------------------------------- */
	#splash,
	#splash img {
		display:block;
		line-height:0;
	}
	
/*	Subcontainer area - holds main page columns
	------------------------------------------- */
	#sub_container {
		padding-top:20px;
	}
	
/*	Subnavigation area
	------------------------------------------- */
	#subnavigation_col {
		width:184px;
		margin-right:10px;
		float:left;
	}
	/* subnav list */
	#subnavigation {
		
	}
	#subnavigation li {
		padding-left:5px;
		margin-bottom:12px;
	}
	/* individual items set in appropriate section's stylesheet... */
	#subnavigation li a {
		display:block;
		height:16px;
		text-indent:-999em;
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#subnavigation li a:hover,
	#subnavigation li a.selected {
		background-position:-184px 0;
	}
	
/*	Inner columns x 3 held within content area (homepage and showcase home)
	------------------------------------------- */
	#content_full {
		/*width:auto;
		float:none;*/
	}
	#content_full #col_1 {
		width:312px;
		float:left;
	}
	#content_full #col_2 {
		width:312px;
		float:left;
		margin:0 12px;
	}
	#content_full #col_3 {
		width:312px;
		float:left;
	}
	
/*	Inner columns x 2 held within content area (showcase items, news, events, thinkpieces)
	------------------------------------------- */
	#content_alt_3col {
		width:717px;
		float:left;
	}
	#content_alt_3col #col_1a {
		width:474px;
		float:left;
		position:relative;
	}
	#content_alt_3col #col_2a {
		width:231px;
		float:left;
		margin-left:12px;
	}
	
/*	Content area
	------------------------------------------- */
	#content {
		width:523px;
		float:left;
	}
	
	/* line-height increase for articles */
	#content p {line-height:150%;}
	
	/* page titles */
	.article_title {
		height:26px;
		text-indent:-999em;
		background-position:0 0;
		background-repeat:no-repeat;
	}
	/* articles:showcase detail, news items, thinkpieces, event items */
	.article_intro_title {
		font:normal normal 1.42em/1 Georgia, "Times New Roman", Times, serif; /* 17px */
		color:#fff;
		min-height:26px;
		_height:26px; /* IE 6 */
	}
	.article_intro_title strong {
		font-weight:normal;
		color:#FFC505;
	}
	.article {
		border-top:1px solid #393939;
		padding-bottom:20px;
		padding-top:10px;
	}
	/* set heights to .article when used as a scroller (news & events home) */
	.overflow li.article {
		/*min-height:12.5em;	/* 150px */
		/*_height:12.5em;	/* IE6 */
		/*overflow:hidden;*/
	}
	.overflow li.article p {
		margin-bottom:0;
	}
	.news_listing a.show_all {	/* "over specific" for IE6 */
		/*font-weight:bold;
		color:#fff;
		text-align:right;
		background:url(../../images/structural/icon_link_arrow_r.gif) right center no-repeat;
		display:block;
		border-top:1px solid #393939;
		padding:8px 20px;*/
		color:#ccc;
		text-decoration:none;
		line-height:110%;
		font-weight:normal;
		text-align:right;
		background:url(../../images/structural/show_all_sprite.png) center right repeat-x;
		display:block;
		padding:4px 20px 0 0;
		min-height:18px;
		_height:18px; /* IE 6 */
	}
	.news_listing .show_all:hover {
		color:#ffc505;
	}
	/* datestamp appears above article leaders */
	.date_stamp {
		color:#999;
		font-weight:bold;
		margin:8px 0;
	}
	#col_1a h2.leader {
		font:normal normal 2.16em/120% Georgia, "Times New Roman", Times, serif; /* 26px */
		color:#fff;
		margin:5px 0 10px 0;
	}
	#col_1a h2.leader a {
		color:#fff;
	}
	#col_1a h2.leader a:hover {
		color:#ffc505;
	}
	/* career item title */
	.job_details h3 {
		font-size:1.33em;
		font-weight:bold;
		padding-bottom:4px;
	}
	.job_details h4 {
		font-size:1.17em;
		font-weight:bold;
		padding-bottom:12px;
	}
	/* microformats vcards (current in Contact Us and occurences of the PR puff */
	.vcard {
		line-height:140%;
	}
	.vcard .adr span {
		display:block;
	}
	.vcard .hide {
		display:none;
	}
	/* homepage phase 2 - news feed and events feed */
	/* 1:News Feed and what we do */
	.p1000 .tertiary_title {
		text-indent:0;
		font-size:1.25em;
		font-weight:400;
		line-height:1.1;
		color:#ccc;
	}

	#home_news_feed, #home_whatwedo {
		position:relative;
		height:15em;
	}
		#home_news_feed {
			margin-bottom:15px;
			padding:0 5px;
			background:url(http://www.designuk.com/images/structural/bg_page.jpg) repeat-x 0 -50px;
		}
		#home_news_feed h5 {
			margin-top:0;
			padding-top:8px;
		}
		#home_news_feed h4, #home_whatwedo h4 {
			font-size:1.5em;
			line-height:1.1;
			padding-bottom:6px;
			color:#fff;
		}
		#home_news_feed h4 a {
			color:#fff;
		}
		#home_news_feed h4 a:hover {
			color:#ffc505;
		}
		#home_news_feed .date_stamp {
			color:#099;
		}
		#home_news_feed p {
			color:#999;
		}

		#home_whatwedo {
			background:#333;
		}
		#home_whatwedo h4 {
			padding:0.67em 10px 0.42em;
			font-weight:bold;
		}
		#home_whatwedo p {
			padding:0 10px;
			color:#ccc;
			font-size:1.75em;
			line-height:1.05;
		}
		#home_whatwedo .empowers {
			color:#eb005f;
		}
		#home_whatwedo .usability {
			color:#fff;
		}
		#home_whatwedo .design {
			color:#099;
		}
	
	/* 2:Events Feed */
	#home_events_feed {
		position:relative;
		height:12.8em;
		margin-bottom:15px;
	}
	#home_events_feed ol li {
		margin-bottom:2px;
	}
	#home_events_feed ol li a {
		color:#ccc;
		display:block;
		_height:8px;
		padding:9px 0 9px 35px;
		background:url(../../images/structural/event_link_sprites_homepage.png) no-repeat;
	}
	#home_events_feed ol li a:hover strong,
	#home_events_feed ol li a:hover {
		text-decoration:none;
		color:#FFC505;
	}
	#home_events_feed ol li strong {
		font-weight:normal;
	}
	/* Event "types" - set a class on the event link tag */
	#home_events_feed ol li a.group { background-position:0 0; }
	#home_events_feed ol li a.group:hover { background-position:0 -57px; }
	#home_events_feed ol li a.chat { background-position:-312px 0; }
	#home_events_feed ol li a.chat:hover { background-position:-312px -57px; }
	#home_events_feed ol li a.broadcast { background-position:-624px 0 }
	#home_events_feed ol li a.broadcast:hover { background-position:-624px -57px; }
	
	#col_1 a.more_link {
		width:307px;
		font-size:1.17em; /* 14px */
		color:#ccc;
		text-decoration:none;
		line-height:110%;
		font-weight:normal;
		text-align:right;
		/*background:rgba(39, 39, 39, 0.8); #272727
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC272727,endColorstr=#CC272727,gradientType='1'); ARGB hex, 255 * 0.8 = #CC */
		background:transparent url(../../images/structural/trans.png) repeat;
		position:absolute;
		bottom:0;
		left:0;
		display:block;
		padding:6px 5px 0 0;
		min-height:20px;
		_height:20px; /* IE 6 */
	}
	#col_1 a.more_link:hover {
		color:#fff;
	}
	#col_1 a.more_link:after {
		content:" >";
	}

/*	Right hand areas (2 elements types)
	------------------------------------------- */
	#tertiary_nav,
	#rh_col {
		width:231px;
		margin:0 0 20px 12px;
		float:right;
		clear:right;
	}
	/* tertiary titles */
	.tertiary_title {
		height:26px;
		text-indent:-999em;
		background-position:0 0;
		background-repeat:no-repeat;
	} 
	/* tertiary nav elements */
	#tertiary_nav li a {
		font-size:1.17em; /* 14px */
		color:#fff;
	}
	#tertiary_nav li {
		margin-bottom:6px;
	}
	#tertiary_nav li a:hover,
	#tertiary_nav li a.selected {
		color:#FFC505;
	}
	
/*	"wys" styles WYSIWYG resets where appropriate
	------------------------------------------- */
	.wys h1 { font-size:1.6em; line-height:140%; font-weight:bold; color:#ccc; }
	.wys h2 { font-size:1.5em; line-height:140%; font-weight:bold; color:#ccc; }
	.wys h3 { font-size:1.4em; line-height:140%; font-weight:bold; color:#ccc; }
	.wys h4 { font-size:1.3em; line-height:140%; font-weight:bold; color:#ccc; }
	.wys h5 { font-size:1.2em; line-height:140%; font-weight:bold; color:#ccc; }
	.wys h6 { font-size:1.1em; line-height:140%; font-weight:bold; color:#ccc; }
	.wys ol { list-style:decimal; margin-bottom:12px; margin-top:8px; }
	.wys ul { list-style:disc; margin-bottom:12px; margin-top:8px; }
	.wys li {
		margin-left:30px;
		padding-left:5px;
		margin-bottom:8px;
		line-height:140%;
	}
	.wys strong, .wys b, .wys em, .wys i { color:#fff; }
	
/*	General global-use class based items
	------------------------------------------- */
	/* makes sure a ul or ol within a scrolling div is full width */
	.overflow ul,
	.overflow ol {
		width:100%;
	}
	/* "results" ie - "we increased x by x" etc */
	.results {
		margin-bottom:20px;
	}
	.result {
		border-top:1px solid #393939;
		padding-top:10px;
	}
	.result blockquote {
		font-size:1.17em;
	}
	.result .quote_source {
		margin-top:-10px;
	}
	
	/* "extracts" - links to articles, such as the second col in a news article page */
	.article_listing {
		position:relative;
	}
	.article_listing a.show_all {	/* "over specific" for IE6 */
		/*font-weight:bold;
		color:#fff;
		text-align:right;
		background:url(../../images/structural/icon_link_arrow_r.gif) right center no-repeat;
		display:block;
		border-top:1px solid #393939;
		padding:8px 20px;*/
		color:#ccc;
		text-decoration:none;
		line-height:110%;
		font-weight:normal;
		text-align:right;
		background:url(../../images/structural/show_all_sprite.png) center right repeat-x;
		display:block;
		padding:4px 20px 0 0;
		min-height:18px;
		_height:18px; /* IE 6 */
	}
	.article_listing .show_all:hover {
		color:#ffc505;
	}
	.extract {
		border-top:1px solid #393939;
		padding:8px 4px 14px 4px;
		/*min-height:5.83em; /* 70px */
		/*_height:5.83em; /* IE6 */
	}
	.extract .date_stamp {
		margin-top:0;
		font-weight:normal;
	}
	.extract h5 {
		margin-bottom:4px;
	}
	.article_listing .extract h5 a {
		font-weight:bold;
		color:#fff;
	}
	.article_listing .extract h5 a:hover,
	.article_listing .extract h5 a.selected {	/* "over specific" for IE6 */
		color:#ffc505;
	}
	.extract blockquote p {
		margin-bottom:0;
	}
	
	/* "puff_links" - right hand "puff" style links */
	.puff_links {
		margin-bottom:20px;
		position:relative;
	}
	.puff_link {
		font-size:1.17em; /* 14px */
		background:#303030 url(../../images/structural/bg_rhPuff.jpg) 0 bottom repeat-x;
		margin-bottom:15px;
		height:12.755em; /* 177px */
	}
	.puff_link a {
		display:block;
		height:100%;
	}
	.puff_link a span {
		color:#fff;
		text-align:right;
		display:block;
		padding:3px 23px 0 0;
		cursor:pointer;
	}
	.puff_link a:hover,
	.puff_link a:hover span {
		text-decoration:none;
		color:#FFC505;
	}
	
	/* "spotlight_on" - right hand puff people cards (uses .puff_link class above) */
	.people_spotlight {
		position:relative;
	}
	/*.people_spotlight h3 {
		margin-bottom:14px;
	}*/
	.person {
		margin-bottom:15px;
	}
	.person img {
		display:block;
		vertical-align:bottom;
	}
	.person_info {
		background-color:#202020;
		padding:15px 10px 18px 10px;
		height:200px;
	}
	.person_info p {
		margin-bottom:12px;
	}
	.person .puff_link {
		margin-bottom:0;
		height:1.67em; /* 20px */
	}
	/* person name title */
	.people_spotlight h4 {
		font:normal normal 1.50em/1 Georgia, "Times New Roman", Times, serif; /* 18px */
		color:#fff;
		padding-bottom:3px;
	}
	/* person job title */
	.people_spotlight h5 {
		font:normal normal 1.08em/1 Georgia, "Times New Roman", Times, serif; /* 13px */
		color:#FFC505;
		padding-bottom:12px;
	}
	
	/* "vis links" large (3 equal col) puff style links (homepage and showcase) */
	.vis_link {
		margin-bottom:15px;
		position:relative;
		/*height:180px;*/
		height:15em;
		overflow:hidden;
		z-index:100;
	}
	.vis_link a {
		display:block;
		height:100%;
	}
	.vis_link .link_panel {
		color:#fff;
		/*background:rgba(39, 39, 39, 0.8); #272727
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC272727,endColorstr=#CC272727,gradientType='1'); ARGB hex, 255 * 0.8 = #CC */
		background:transparent url(../../images/structural/trans.png) repeat;
		display:block;
		width:100%;
		position:absolute;
		left:0;
		top:154px;
		cursor:pointer;
		z-index:110;
	}
	.vis_link a:hover,
	.vis_link a:hover .link_panel {
		text-decoration:none;
		color:#fff;
	}
	.vis_link .link_panel strong {
		font-size:1.17em; /* 14px */
		line-height:110%;
		font-weight:normal;
		text-align:right;
		display:block;
		padding:6px 5px 0 0;
		min-height:20px;
		_height:20px; /* IE 6 */
	}
		.vis_link .link_panel strong:after {
			content:" >";
		}
	.vis_link .link_panel span {
		display:block;
		padding:0 12px 8px 12px;
	}
	
	/* "pr puff" - press and pr contact details puff */
	.puff_pr {
		margin-bottom:20px;
	}
	.speech {
		font-size:0.92em; /* 11px */
		line-height:140%;
		padding:10px 8px 21px 8px;
		margin:0 0 10px 0;
		background:url(../../images/structural/bg_press_pr_puff.gif) left bottom no-repeat;
	}
	.puff_pr .vcard {
		padding-left:8px;
		font-size:0.92em; /* 11px */
	}
	
	/* "event" list items */
	.event_listing {
		position:relative;
	}
	.event_listing ol li {
		margin-bottom:3px;
	}
	.event_listing ol li a {
		display:block;
		_height:27px;
		padding:5px 0 10px 35px;
		background:url(../../images/structural/event_link_sprites.png) no-repeat;
	}
	.event_listing ol li a:hover {
		text-decoration:none;
	}
	.event_listing ol li a:hover strong,
	.event_listing ol li a:hover span,
	.event_listing ol li a.selected strong {
		color:#FFC505;
	}
	.event_listing ol li strong {
		display:block;
		margin:0 0 3px 0;
		color:#fff;
		font-weight:normal;
	}
	.event_listing ol li span {
		font-weight:normal;
	}
	/* Event "types" - set a class on the event link tag */
	.event_listing ol li a.group { background-position:0 0; }
	.event_listing ol li a.group:hover { background-position:0 -57px; }
	.event_listing ol li a.chat { background-position:-250px 0; }
	.event_listing ol li a.chat:hover { background-position:-250px -57px; }
	.event_listing ol li a.broadcast { background-position:-500px 0 }
	.event_listing ol li a.broadcast:hover { background-position:-500px -57px; }
	/* overdeclare to control the non-standard font size and margin when in tertiaryNav */
	#tertiary_nav .event_listing ol li a {
		font-size:1em;
		_width:196px;
	}
	#tertiary_nav .event_listing ol li {
		margin-bottom:3px;
	}
	/* overdeclare to set margins when in an article second column */
	#col_2a .event_listing {
		margin-bottom:11px;
	}
	/* events show all links */
	.event_listing a.show_all {	/* "over specific" for IE6 */
		/*font-weight:bold;
		color:#fff;
		text-align:right;
		background:url(../../images/structural/icon_link_arrow_r.gif) right center no-repeat;
		display:block;
		padding:8px 20px;*/
		color:#ccc;
		text-decoration:none;
		line-height:110%;
		font-weight:normal;
		text-align:right;
		background:url(../../images/structural/show_all_sprite.png) center right repeat-x;
		display:block;
		padding:4px 20px 0 0;
		min-height:18px;
		_height:18px; /* IE 6 */
	}
	.event_listing .show_all:hover {
		color:#ffc505;
	}
	
	/* Calendar listings - All News and All Think Pieces pages */
	.date_listing {
		position:relative;
	}
	.date_listing ol li.month {
		/*margin-bottom:2px;*/
	}
	.date_listing ol li.month a {
		color:#999;
		font-weight:bold;
		display:block;
		_height:12px;
		padding:7px 0 9px 32px;
		background:url(../../images/structural/date_link_sprites.png) 0 0 no-repeat;
	}
	.date_listing ol li.month a:hover,
	.date_listing ol li.month a.selected {
		text-decoration:none;
		color:#FFC505;
		background-position:-232px 0;
	}
	.date_listing ol li.month a span {
		font-weight:normal;
	}
	
	/* "pagination links" */
	.paginate {
		clear:both;
		background:#303030 url(../../images/structural/bg_pagination.jpg) bottom left repeat-x;
		min-height:26px;
	}
	.paginate a {
		font-size:1.17em; /* 14px */
		font-weight:bold;
		color:#999 !important; /* IE 6 needs important??? */
	}
	.paginate a:hover {
		color:#fff !important; /* IE 6 needs important??? */
		text-decoration:none;
	}
	#next {
		float:right;
		padding:6px 23px 6px 0;
		background:url(../../images/structural/icon_paginate_r.jpg) right center no-repeat;
	}
	#back {
		float:left;
		padding:6px 0 6px 23px;
		background:url(../../images/structural/icon_paginate_l.jpg) left center no-repeat;
	}
	
	/* "scroll" buttons - "+" and "-" to control puff/panel scrolling ALWAYS initiated via lib.js */
	.scroll_btns {


		position:absolute;
		top:0;
		right:0;
		width:44px;
	}
	.scroll_btns li {
		width:18px;
		height:16px;
		margin-right:4px;
		float:left;
		background-position:left top;
		background-repeat:no-repeat;
		text-indent:-999em;
		cursor:pointer;
	}
	.scroll_btns .plus_btn {
		background-image:url(../../images/structural/btn_plus.gif);
	}
	.scroll_btns .minus_btn {
		background-image:url(../../images/structural/btn_minus.gif);
	}

/*	Title replacements - general headings used throughout
	------------------------------------------- */
	/* "delivering results" */
	#delivering_results {
		background-image:url(../../images/structural/headers/h3_deliveringresults.gif);
	}
	/* "full service list" */
	/*#full_service_list {
		background-image:url(../../images/structural/headers/h3_fullservicelist.gif);
	}*/
	/* "also of interest" */
	#also_of_interest {
		background-image:url(../../images/structural/headers/h3_alsoofinterest.gif);
	}
	/* "spotlight on" */
	#spotlight_on {
		background-image:url(../../images/structural/headers/h3_spotlighton.gif);
	}
	/* "Press & PR" */
	#press_and_pr {
		background-image:url(../../images/structural/headers/h3_pressandpr.gif);
	}
	
	/* Context menu header replacements */
	/* "select by client" */
	#select_by_client {
		background-image:url(../../images/structural/headers/h4_context_selectbyclient.gif);
	}
	#full_client_list {
		background-image:url(../../images/structural/headers/h4_context_ourclients.gif);
	}
	
/*	Form styles - currently only in Contact Us
	------------------------------------------- */
	.row {
		clear:both;
		padding-bottom:15px;
	}
	label {
		width:180px;
		float:left;
		padding-top:8px;
	}
	label.inline {
		width:auto;
		float:none;
	}
	input, textarea {
		width:318px;
		padding:3px 5px;
		background:#bbb;
		border:1px solid #bbb;
	}
	input.exempt {
		width:auto;
		background:transparent;
		border:0;
	}
	/* error classes */
	label.error {
		color:#FFC505;
		font-weight:bold;
	}
	input.error,
	textarea.error {
		background:#FFC505;
	}
	p.error {
		color:#FFC505;
	}
	/* submit button sprite */
	#submit_btn {
		float:right;
		width:72px;
		height:20px;
		margin:10px 13px 0 0;
		background:url(../../images/structural/btn_form_submit.gif) left top no-repeat;
		display:inline; /* IE 6 margin-doubler fix */
	}
	#submit_btn:hover {
		background-position:right top;
	}
	input#frm_submitBtn {
		color:#fff;
		font-weight:bold;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
		display:block;
		background:#999;
		width:72px;
		height:20px;
		cursor:pointer;
	}



/*	Footer area
	------------------------------------------- */
	#footer {
		border-top:1px solid #393939;
		padding:5px 0 65px 5px;
		margin-top:20px;
		position:relative;
	}
	#footer_links li {
		font-weight:bold;
		float:left;
	}
	#footer_links a {
		color:#666;
		display:block;
		padding:4px 0 4px 26px;
		margin-right:20px;
		background:url(../../images/structural/icon_footer_arrow.gif) left center no-repeat;
	}
	#footer_links a:hover {
		color:#999;
	}
	#footer_links a.careers {
		background:url(../../images/structural/icon_footer_careers.gif) left center no-repeat;
	}
	#footer_links a.newsletter {
		background:url(../../images/structural/icon_footer_newsletter.gif) left center no-repeat;
	}
	#footer_links a.print {
		background:url(../../images/structural/icon_footer_print.gif) left center no-repeat;
	}
	#social_media {
		clear:both;
		padding:8px 0;
	}
		#social_media h6 {
			position:relative;
			top:3px;
		}
		#social_media h6,
		#social_media li {
			float:left;
			margin-right:12px;
		}
			#social_media li a {
				display:block;
				height:19px;
				text-indent:-999em;
				overflow:hidden;
				background:url(/images/structural/sprite_social_media.gif) 0 0 no-repeat;
			}
			#social_media #twitter a {
				width:64px;
			}
			#social_media #facebook a {
				width:71px;
				background-position:-76px 0;
			}
			#social_media #linkedin a {
				width:68px;
				background-position:-157px 0;
			}
				#social_media #twitter a:hover {
					background-position:0 -19px;
				}
				#social_media #facebook a:hover {
					background-position:-76px -19px;
				}
				#social_media #linkedin a:hover {
					background-position:-157px -19px;
				}
	/* rh copyright area */
        #footer h4 {
		position:absolute;
		font-size:1.500em;
		right:0;
		top:9px;
		color:#999;		
		line-height:130%;
	}
		#footer h4 strong {
			color:#FFC505;
		}
		.p1000 #footer h4 strong {
			color:#EB005F;
		}
	#footer_copyright {
		font-size:0.92em;
		color:#666;
		position:absolute;
		right:0;
		top:37px;
	}
	#footer_copyright li {
		float:left;
		margin-right:5px;
		font-size:0.91em;
	}
	#footer_copyright a {
		color:#666;
		padding-left:5px;
		border-left:1px solid #666;
	}
	#footer_copyright a:hover {
		color:#999;
	}
	
/*	"hacks"
	------------------------------------------- */
	/* clearfix... inc IE7 */
	.clearfix:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}
	* html .clearfix {
		height:1px;
	}
		
/* Recruitment Button */
 .recBut{
    position:absolute;
    right:-10px;
    top:5px;
}