/* main global styles  */
/* resets - these classes override default browser styles and effectively neutralize non-standard behaviours  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img, abbr {
	border: 0;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
ul {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	}
q:before, q:after {
	content: '';
	}
a, ins {
	text-decoration: none;
	}

/*  styles for Netscape 4 - who the hell still uses that?!  */
html  {
	background: #000000 /*url(../images/background.gif)*/;
	height: 101%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 140%;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	}
h1 {
	font-size: 11px;
	font-weight: normal;
	color:#009900;

	}
h2 {
	font-size:11px;
	font-weight: normal;
	color:#009900;
	line-height: normal;	
	margin: 1.3em 0 0 0;
	padding: 0px;
	}
h3 {
	font-size: 11px;
	font-weight: normal;
	color:#009900;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-top: 5px;
	}

/* styles that apply to everything but Netscape 4 */
/*/*/
a{}
body   {
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.7em;
	line-height: 140%;
	}
html>body {
	font-size: 0.7em;
	line-height: 140%;
	}
body h1 {
	font-size: 1em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
	color:#009900;
	}
html>body h1 {
	font-size: 1em;
	color:#009900;
	}
body h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #009900;
	}
html>body h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
body h3 {
	font-size: 1.1em;
	font-weight: normal;
	color:#009900;
	line-height: normal;
	margin: 0;
	padding: 0;
	}
html>body h3 {
	font-size: 1.1em;
	font-weight: normal;
	color:#009900;
	line-height: normal;
	margin: 0;
	padding: 0;
}
/* end NS4 hack */

/* main page container */
div#pagecontainer {
	text-align: left;
   	width: 960px; /* or whatever width */
	padding: 0px;
	margin: 15px auto;
	background: #fff;
	}

/* This class is to clear the page-container float and centre the page content */
#pagecontainer:after {
 	clear: both;
 	content: ".";
 	display: block;
 	height: 0px;
 	visibility: hidden;
}

/* skip link   */
.skip-link {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}
.skip-link:active, .skip-link:focus {
  position: absolute;
  overflow: visible;
  width: auto;
  height: auto;
  /* link stands out when tabbed to			 */
  background-color: yellow;
  color: red;
  top: 5px;
  left: 5px;
  padding: 5px;
  font-weight: bold;
}


/* standard links */
a {
	color: #256fb0;
	text-decoration: underline;
	}
a:visited {
	color: #3b5572;
	}
a:hover {
	color: #cc9900;
	}

/* top header */
#topheader  {
	float: left;
	background: #14273c;
	width: 960px;
	}
#topleftcorner  {
	float: left;
	background: #14273c url(../images/top_left_corner.gif) left top no-repeat;
	width: 9px; 
	}
#topmiddleleft  {
	float: left;
	background: #14273c;
	width: 465px;
	text-align: left;
	padding: 3px 0 8px 5px;
	font-size: 1em;
	color: #256fb0;
	}
#topmiddleleft img {
	vertical-align: bottom;
	margin: 2px 0 -1px 0;
	}
#topmiddleleft a {
	color: #ffffff;
	text-decoration: none;
	}
#topmiddleleft a:visited {
	color: #999999;
	text-decoration: none;
	}
#topmiddleleft a:hover {
	color: #ffcc33;
	text-decoration: none;
	}
#topmiddleright  {
	float: left;
	background: #14273c;
	width: 467px;
	text-align: right;
	padding: 7px 5px 3px 0;
	font-size: 1em;
	color: #256fb0;
	}
#topmiddleright a {
	color: #ffffff;
	text-decoration: none;
	}
#topmiddleright a:visited {
	color: #999999;
	text-decoration: none;
	}
#topmiddleright a:hover {
	color: #ffcc33;
	text-decoration: none;
	}
#toprightcorner  {
	float: left;
	background: #14273c url(../images/top_right_corner.gif) right top no-repeat;
	width: 9px; 
	}

/* secondary header - logo and strapline */
#secondheader  {
	float: left;
	background: #256fb0;
	width: 960px; 
	}
#logo  {
	float: left;
	background: transparent url(../images/think_logo.gif) left bottom no-repeat;
	width: 360px;
	height: 120px;
	}
#logo h1  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#strapline  {
	float: left;
	background: transparent url(../images/like_a_think.gif) left bottom no-repeat;
	width: 600px;
	height: 120px;
	}
#strapline h2  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}

/* top content - mission statement and picture */
#topcontent  {
	float: left;
	background: #ffffff;
	width: 960px; 
	}
#mission  {
	float: left;
	background: #ffffff url(../images/headline_text.gif) 40px no-repeat;
	width: 645px;
	height: 242px;
	}
#missiontext  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#homepagepic  {
	float: right;
	width: 314px;
	height: 242px;
	}
#contentpic  {
	float: right;
	width: 314px;
	height: 71px;
	}

/* global navigation */
#contentnavholder {
	width: 960px;
	float: left;
	}
#globalnav  {
	float: left;
	width: 645px;
	height: 72px;
	}
#globalnav ul.navigation  {
	color: #999999;
	font-size: 1.25em;
	margin: 10px 0 15px 17px;
	float: left;
	width: 645px;
	}
#globalnav ul.navigation li  {
	display: inline;
	padding-top: 0;
	margin: 5px 0 0 0;
	padding-bottom: 5px;
}
#globalnav ul.navigation li a  {
	padding: 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;	
	}	
#globalnav ul.navigation li a:visited  {
	color: #666666;	
	}
#globalnav ul.navigation li a:hover  {
	color: #cc9900;
	}
#globalnav ul.navigation li.active  {
	
	}

/*  styles to highlight the subnav and global nave elements for each page - you'll need to replicate a 'set' of styles for every new created page in the IA    */		
#globalnav ul.about_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.about_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.about_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.about_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.about_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.about_subnav li.active  {
	
	}	
#globalnav ul.about_subnav li.current  {
	color: #256fb0;
	}
	
	
#globalnav ul.eyetracking_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.eyetracking_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.eyetracking_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.eyetracking_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.eyetracking_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.eyetracking_subnav li.active  {
	
	}	
#globalnav ul.eyetracking_subnav li.current  {
	color: #256fb0;
	}
	

#globalnav ul.output_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.output_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.output_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.output_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.output_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.output_subnav li.active  {
	
	}	
#globalnav ul.output_subnav li.current  {
	color: #256fb0;
	}

#globalnav ul.supervisual_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.supervisual_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.supervisual_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.supervisual_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.supervisual_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.supervisual_subnav li.active  {
	
	}	
#globalnav ul.supervisual_subnav li.current  {
	color: #256fb0;
	}
		
	
#globalnav ul.services_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.services_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.services_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.services_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.services_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.services_subnav li.active  {
	
	}	
#globalnav ul.services_subnav li.current  {
	color: #256fb0;
	}

#globalnav ul.pack_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.pack_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.pack_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.pack_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.pack_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.pack_subnav li.active  {
	
	}	
#globalnav ul.pack_subnav li.current  {
	color: #256fb0;
	}

	
#globalnav ul.print_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.print_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.print_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.print_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.print_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.print_subnav li.active  {
	
	}	
#globalnav ul.print_subnav li.current  {
	color: #256fb0;
	}


#globalnav ul.tv_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.tv_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.tv_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.tv_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.tv_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.tv_subnav li.active  {
	
	}	
#globalnav ul.tv_subnav li.current  {
	color: #256fb0;
	}

#globalnav ul.email_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.email_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.email_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.email_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.email_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.email_subnav li.active  {
	
	}	
#globalnav ul.email_subnav li.current  {
	color: #256fb0;
	}
	
#globalnav ul.web_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.web_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.web_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.web_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.web_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.web_subnav li.active  {
	
	}	
#globalnav ul.web_subnav li.current  {
	color: #256fb0;
	}
	
#globalnav ul.ratecard_subnav  {
	color: #999999;
	margin: 5px 0 5px 0;
	font-size: 0.9em;
	padding: 0px;
	float: left;
	width: 645px;
	}
#globalnav ul.ratecard_subnav li  {
	margin: 0;
	background-color: #e9eff6;
	}
#globalnav ul.ratecard_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
#globalnav ul.ratecard_subnav li a:visited  {
	color: #666666;	
	}
#globalnav ul.ratecard_subnav li a:hover  {
	color: #cc9900;
	}
#globalnav ul.ratecard_subnav li.active  {
	
	}	
#globalnav ul.ratecard_subnav li.current  {
	color: #256fb0;
	}		
		
ul.clients_subnav  {
	color: #999999;
	margin: 0;
	padding: 10px;
	float: left;
	width: 645px;
	}
ul.clients_subnav li  {
	padding: 10px 0 0 0;
	background-color: #e9eff6;
	}
ul.clients_subnav li a  {
	padding: 5px 0 0 0;
	margin: 10px 1px 10px 1px;
	color: #999999;
	text-decoration: none;
	}	
ul.clients_subnav li a:visited  {
	color: #666666;	
	}
ul.clients_subnav li a:hover  {
	color: #cc9900;
	}
ul.clients_subnav li.active  {
	
	}	
ul.clients_subnav li.current  {
	color: #256fb0;
	}	


/*  classes to makes the subnavigation hidden by default */
ul.about_subnav  {
	display: none;
	}
ul.eyetracking_subnav  {
	display: none;
	}
ul.output_subnav  {
	display: none;
	}
ul.supervisual_subnav  {
	display: none;
	}
ul.services_subnav  {
	display: none;
	}
ul.clients_subnav  {
	display: none;
	}		


/* body classes to display individual column content headers and position secondary navigation */
/* CREATE A CLASS FOR EACH NEW CONTENT PAGE - THEN ADD THE IDs OR CLASSES YOU WANT TO CHANGE ON THAT PAGE - THIS WILL NORMALLY BE THE SECTION HEADERS AND THE LEFT MARGIN OF THE SECONDARY NAV UL (TO CENTRE THE LINKS UNDER THEIR PARENT IN THE GLOBAL NAV). REMEMBER TO GO INTO THE IEStyle.css STYLESHEET AND CREATE EQUIVALENT CLASSES TO RESET THESE CHANGES FOR IE6 AND BELOW. */
body.about #contentleftcolumn  {
	background: transparent url(../images/header_about_think.gif) 25px 6px no-repeat;
	}
body.about #contentrightcolumn  {
	background: transparent url(../images/header_out_people.gif) 12px 6px no-repeat;
	}
body.about ul.about_subnav  {
	margin-left: 0;
	}
	
body.articles #contentleftcolumn  {
	background: transparent url(../images/header_articles.gif) 25px 6px no-repeat;
	}
body.articles #contentrightcolumn  {
	background: transparent url(../images/header_out_people.gif) 12px 6px no-repeat;
	}
body.articles ul.about_subnav  {
	margin-left: 0;
	}
	
body.news #contentleftcolumn  {
	background: transparent url(../images/header_news.gif) 25px 6px no-repeat;
	}
body.news #contentrightcolumn  {
	background: transparent url(../images/header_out_people.gif) 12px 6px no-repeat;
	}
body.news ul.about_subnav  {
	margin-left: 0;
	}
	
body.videos #contentleftcolumn  {
	background: transparent url(../images/header_videos.gif) 25px 6px no-repeat;
	}
body.videos #contentrightcolumn  {
	background: transparent url(../images/header_out_people.gif) 12px 6px no-repeat;
	}
body.videos ul.about_subnav  {
	margin-left: 0;
	}
	
body.people #contentcolumn  {
	background: transparent url(../images/header_out_people.gif) 25px 6px no-repeat;
	}
body.people ul.about_subnav  {
	margin-left: 0;
	}
	
body.eyetracking2 #contentleftcolumn  {
	background: transparent url(../images/header_eyetracking2.gif) 25px 6px no-repeat;
	}
body.eyetracking2 #contentrightcolumn  {
	background: transparent;
	}
body.eyetracking2 #globalnav ul.eyetracking_subnav  {
	margin-left: 9em;
	}
	
body.output #contentleftcolumn  {
	background: transparent url(../images/header_output.gif) 25px 6px no-repeat;
	}
body.output #contentrightcolumn  {
	background: transparent;
	}
body.output #globalnav ul.eyetracking_subnav  {
	margin-left: 9em;
	}
	
body.supervisual #contentleftcolumn  {
	background: transparent url(../images/header_supervisual.gif) 25px 6px no-repeat;
	}
body.supervisual #contentrightcolumn  {
	background: transparent;
	}
body.supervisual #globalnav ul.eyetracking_subnav  {
	margin-left: 9em;
	}

body.faqs #contentleftcolumn  {
	background: transparent url(../images/header_faqs.gif) 25px 6px no-repeat;
	}
body.faqs #contentrightcolumn  {
	background: transparent;
	}
body.faqs #globalnav ul.eyetracking_subnav  {
	margin-left: 9em;
	}
	
body.services #contentleftcolumn  {
	background: transparent url(../images/header_our_services.gif) 25px 6px no-repeat;
	}
body.services #contentrightcolumn  {
	background: transparent url(../images/header_print_example.gif) 12px 6px no-repeat;
	}
body.services #globalnav ul.services_subnav  {
	margin-left: 14.5em;
	}
	
body.pack #contentleftcolumn  {
	background: transparent url(../images/header_thinkpack.gif) 25px 6px no-repeat;
	}
body.pack #contentrightcolumn  {
	background: transparent url(../images/header_print_example.gif) 12px 6px no-repeat;
	}
body.pack #globalnav ul.services_subnav  {
	margin-left: 14.5em;
	}
	
body.print #contentleftcolumn  {
	background: transparent url(../images/header_thinkprint.gif) 25px 6px no-repeat;
	}
body.print #contentrightcolumn  {
	background: transparent url(../images/header_print_example.gif) 12px 6px no-repeat;
	}
body.print #globalnav ul.services_subnav  {
	margin-left: 14.5em;
	}
	
body.tv #contentleftcolumn  {
	background: transparent url(../images/header_thinktv.gif) 25px 6px no-repeat;
	}
body.tv #contentrightcolumn  {
	background: transparent url(../images/header_print_example.gif) 12px 6px no-repeat;
	}
body.tv #globalnav ul.services_subnav  {
	margin-left: 14.5em;
	}
	
body.email #contentleftcolumn  {
	background: transparent url(../images/header_thinkmail.gif) 25px 6px no-repeat;
	}
body.email #contentrightcolumn  {
	background: transparent url(../images/header_print_example.gif) 12px 6px no-repeat;
	}
body.email #globalnav ul.services_subnav  {
	margin-left: 14.5em;
	}
	
body.web #contentleftcolumn  {
	background: transparent url(../images/header_thinkweb.gif) 25px 6px no-repeat;
	}
body.web #contentrightcolumn  {
	background: transparent url(../images/header_print_example.gif) 12px 6px no-repeat;
	}
body.web #globalnav ul.services_subnav  {
	margin-left: 14.5em;
	}
	
body.ratecard #contentcolumn  {
	background: transparent url(../images/header_ratecard.gif) 25px 6px no-repeat;
	}
body.ratecard #globalnav ul.services_subnav  {
	margin-left: 14.5em;
	}
	
body.clients #contentleftcolumn  {
	background: transparent url(../images/header_clients.gif) 25px 6px no-repeat;
	}
body.clients #contentrightcolumn  {
	background: transparent url(../images/header_case_studies.gif) 12px 6px no-repeat;
	}
body.clients #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_studies #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_studies #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.contact #contentleftcolumn  {
	background: transparent url(../images/header_contact.gif) 25px 6px no-repeat;
	}
body.contact #contentrightcolumn  {
	background: transparent url(../images/header_partners.gif) 12px 6px no-repeat;
	}
	
body.accessibility #contentcolumn  {
	background: transparent url(../images/header_accessibility.gif) 25px 6px no-repeat;
	}
	
body.sitemap #contentcolumn  {
	background: transparent url(../images/header_sitemap.gif) 25px 6px no-repeat;
	}
	

/*  case study pages - you'll need to add two styles for each new case study page, as below, with the name of the page (without the .php) as the name of the class - the actual styles are the same in each case */	
	
body.case_study_lynx #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_lynx #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
	
body.case_study_labels #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_labels #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_pack1 #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_pack1 #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_magazines #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_magazines #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_phonebook #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_phonebook #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_pfizer #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_pfizer #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_prudential #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_prudential #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_skoda #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_skoda #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_dove #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_dove #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_filmflex #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_filmflex #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_gas #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_gas #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_sap #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_sap #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.case_study_kodak #contentleftcolumn  {
	background: transparent url(../images/header_case_studies.gif) 25px 6px no-repeat;
	}
body.case_study_kodak #globalnav ul.clients_subnav  {
	margin-left: 28em;
	width: 12em;
	}
	
body.faqs #contentcolumn  {
	background: transparent url(../images/header_faqs.gif) 25px 6px no-repeat;
	}

/*   */

		
/* general homepage content layout */
#content  {
	float: left;
	background: #c3d4e6 url(../images/homepage_content_bg.gif) top repeat-x; 
	}
#innercontent  {
	float: left;
	background: transparent url(../images/content_divider_bg.gif) 7px 0 repeat-y;
	width: 960px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
	
/*  homepage content layout - three main feature columns  */	
	
#contentleft  {
	float: left;
	background: transparent url(../images/header_news.gif) 20px 5px no-repeat;
	width: 320px;
	padding: 0 0 20px 5px;
	margin-top: -50px;
	}
#contentleft p  {
	padding: 5px 15px 5px 15px;
	line-height: 140%;
	}
#contentleft p img  {
	margin: 0 15px 15px 0;
	float: left
	}
#contentleft p.firstpara  {
	padding-top: 40px;
	}
#contentleft h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#contentleft h4  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 5px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentleft h4.first  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 40px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentleft h4 a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentleft h4 a:visited  {
	color: #3b5572;
	}
#contentleft h4 a:hover  {
	color: #cc9900;
	}
#contentmiddle  {
	float: left;
	background: transparent url(../images/header_case_studies.gif) 10px 5px no-repeat;
	width: 315px;
	padding-bottom: 20px;
	margin-top: -50px;
	}
#contentmiddle p  {
	padding: 5px 15px 5px 15px;
	line-height: 140%;
	}
#contentmiddle p img  {
	margin: 0 15px 15px 0;
	float: left
	}
#contentmiddle p.firstpara  {
	padding-top: 40px;
	}
#contentmiddle h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#contentmiddle h4  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 5px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentmiddle h4.first  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 40px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentmiddle h4 a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentmiddle h4 a:visited  {
	color: #3b5572;
	}
#contentmiddle h4 a:hover  {
	color: #cc9900;
	}
#contentright  {
	float: left;
	background: transparent url(../images/header_faqs.gif) 20px 5px no-repeat;
	width: 310px;
	padding:  0 0 20px 10px;
	margin-top: -50px;	
	}
#contentright p  {
	padding: 5px 15px 5px 10px;
	line-height: 140%;
	}
#contentright p img  {
	margin: 0 15px 15px 0;
	float: left
	}
#contentright p.firstpara  {
	padding-top: 40px;
	}
#contentright h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#contentright h4  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 5px 0 0 10px;
	margin: 10px 0 10px 0;
	}
#contentright h4.first  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 40px 0 0 10px;
	margin: 10px 0 10px 0;
	}
#contentright h4 a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentright h4 a:visited  {
	color: #3b5572;
	}
#contentright h4 a:hover  {
	color: #cc9900;
	}
#contentright ul  {
	padding: 40px 0 0 10px;
	margin: 10px 0 10px 0;
	font-size: 1.2em;
	}	
#contentright ul li  {
	padding: 0 0 5px 0;
	}
#contentright ul li a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentright ul li a:visited  {
	color: #3b5572;
	}
#contentright ul li a:hover  {
	color: #cc9900;
	}
.featurebox  {
	float: left;
	width: 290px;
	margin: 15px 10px 0 10px;
	padding: 0 0 10px 0;
	background: #256fb0 url(../images/homepage_feature_bg.gif) repeat-x;
	}
#contentright h3.feature {
	position: relative;
	left: 0;
	overflow: visible;
	height: auto;
	width: auto;
	padding: 5px 0 0 15px;
	color: #ffffff;
	}
.featurebox img {
	margin: 10px 10px 0 11px; 
	}
.contentdivider  {
	float: left;
	width: 1px;
	height: 100%;
	background: transparent url(../images/content_divider.gif) top no-repeat;
	}

/* general content pages content layout */
#contentcontent  {
	float: left;
	background: #ffffff url(../images/contentpages_bg.gif) -12px 0 repeat-x; 
	}
#contentinnercontent  {
	float: left;
	background: transparent url(../images/contentpages_inner_bg.gif) bottom repeat-x; 
	width: 960px;
	margin-top: 50px;
	margin-bottom: 0;	
	}
#contentcontentsinglecolumn  {
	float: left;
	background: #ffffff url(../images/contentpages_bg_2.gif) -12px 0 repeat-x; 
	}
	
/* content pages content layout - two columns  */	
#contentleftcolumn  {
	float: left;
	width: 640px;
	padding: 0 0 20px 10px;
	margin-top: -50px;
	}
#contentleftcolumn p  {
	padding: 5px 15px 5px 15px;
	line-height: 140%;
	}
#contentleftcolumn p img  {
	margin: 0 15px 15px 0;
	float: left
	}
#contentleftcolumn p.firstpara  {
	padding-top: 50px;
	}
#contentleftcolumn h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#contentleftcolumn h4  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 5px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentleftcolumn h4.first  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 40px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentleftcolumn h4 a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentleftcolumn h4 a:visited  {
	color: #3b5572;
	}
#contentleftcolumn h4 a:hover  {
	color: #cc9900;
	}
#contentrightcolumn  {
	float: left;
	width: 310px;
	padding-bottom: 20px;
	margin-top: -50px;	
	}
#contentrightcolumn p  {
	padding: 5px 15px 5px 15px;
	line-height: 140%;
	}
#contentrightcolumn p img  {
	margin: 0 15px 15px 0;
	float: left
	}
#contentrightcolumn p.firstpara  {
	padding-top: 40px;
	}
#contentrightcolumn p.firstparabold  {
	padding-top: 45px;
	color: #256fb0;
	font-size: 1.1em;
	}
#contentrightcolumn p.parabold  {
	padding: 5px 15px 5px 10px;
	color: #256fb0;
	font-size: 1.1em;
	}
#contentrightcolumn h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#contentrightcolumn h4  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 5px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentrightcolumn h4.first  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 40px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentrightcolumn h4 a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentrightcolumn h4 a:visited  {
	color: #3b5572;
	}
#contentrightcolumn h4 a:hover  {
	color: #cc9900;
	}
#contentrightcolumn ul  {
	padding: 40px 0 0 10px;
	margin: 10px 0 10px 0;
	font-size: 1.05em;
	}	
#contentrightcolumn ul li  {
	padding: 0 0 5px 0;
	}
#contentrightcolumn ul li a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentrightcolumn ul li a:visited  {
	color: #3b5572;
	}
#contentrightcolumn ul li a:hover  {
	color: #cc9900;
	}

/* content pages content layout - single column  */	
#contentcolumn  {
	float: left;
	width: 940px;
	padding: 0 0 20px 10px;
	margin-top: -50px;
	}
#contentcolumn p  {
	padding: 5px 15px 5px 15px;
	line-height: 140%;
	}
#contentcolumn p img  {
	margin: 0 15px 15px 0;
	float: left
	}
#contentcolumn p.firstpara  {
	padding-top: 50px;
	}
#contentcolumn h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#contentcolumn h4  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 5px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentcolumn h4.first  {
	font-size: 1.2em;
	color: #256fb0;
	padding: 40px 0 0 15px;
	margin: 10px 0 10px 0;
	}
#contentcolumn h4 a  {
	color: #256fb0;
	text-decoration: underline;
	}
#contentcolumn h4 a:visited  {
	color: #3b5572;
	}
#contentcolumn h4 a:hover  {
	color: #cc9900;
	}
		
/* general page styles  */	
.featuretext  {
	margin: 40px 0 10px 0;
	color: #256fb0;
	font-size: 1.3em;
	}
.homepagemorelink  {
	text-align: right;
	font-size: 1.2em;
	margin-top: 10px;
	}
.homepagemorelink a  {
	color: #256fb0;
	text-decoration: underline;
	}
.homepagemorelink a:visited  {
	color: #3b5572;
	}	
.homepagemorelink a:hover  {
	color: #cc9900;
	}	
.pullquote {
	float: left;
	font-size: 125%;
	line-height: 140%;
	text-align: center;
	color:#256fb0;
	margin: 10px 20px 5px 10px;
	background: url(../images/quote_right.gif) no-repeat bottom right !important;
	background /**/:url(); /* removes quote graphic in IE5+ */
	padding: 0px 5px 5px 5px;
	}
.pullquote:first-letter {
	background: url(../images/quote_left.gif) no-repeat left top !important;
	padding: 5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resets padding in IE5+ */
	background /**/: url(); /* removes quote graphic in IE5+ */
	}
.inpagepullquote {
	float: left;
	font-size: 1em;
	line-height: 140%;
	text-align: left;
	color:#256fb0;
	margin: 10px 20px 5px 10px;
	background: url(../images/quote_right.gif) no-repeat bottom right !important;
	background /**/:url(); /* removes quote graphic in IE5+ */
	padding: 0px 5px 5px 5px;
	}
.inpagepullquote:first-letter {
	background: url(../images/quote_left.gif) no-repeat left top !important;
	padding: 5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resets padding in IE5+ */
	background /**/: url(); /* removes quote graphic in IE5+ */
	}
.quotename  {
	text-align: center;
	color: #666;
	}
.inpagequotename  {
	clear: both;
	text-align: left;
	color: #666;
	}
strong {
	font-weight: bold;
	}
ul.inpage  {
	padding: 10px 10px 5px 40px;
	}
ul.inpage li  {
	background: transparent url(../images/inpage_bullet.png) left 0.4em no-repeat;
	padding: 0 0 0 1.6em;
	}
ul.inpage li a  {
	color: #256fb0;
	text-decoration: underline;
	}
ul.inpage li a:visited  {
	color: #3b5572;
	}
ul.inpage li a:hover  {
	color: #ffcc33;
	}
.extfileinfo_word  {
	font-size: 0.8em;
	background: transparent url(../images/word_icon.gif) 2px 0 no-repeat;
	padding: 0 0 3px 20px;
	}
.extfileinfo_pdf  {
	font-size: 0.8em;
	background: transparent url(../images/pdf_icon.png) 2px 0 no-repeat;
	padding: 0 0 3px 20px;
	}
.clearfeaturebox  {
	float: left;
	width: 290px;
	margin: 5px 10px 0 10px;
	padding: 0 0 10px 0;
	}
.clearfeaturebox img {
	margin: 10px 10px 0 11px; 
	}
.rightalign  {
	text-align:right;
	}
.small  {
	font-size: 0.9em;
	}
.inactive  {
	color: #999999;
	}

/* styles for case study page */

.casestudy {
	float: left;
	width: 600px;
}
div.casestudy p img  {
	float: left;
	margin: 0 60px 0 0;
}
.casestudymain {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}
.casestudyright  {
	float: left;
	width: 375px;
	margin: 10px 0 0 30px;
	padding: 0;
	}
.casestudymain img  {
	margin: 20px 0 0 15px;
	padding: 0;
	}
.casestudyright ul  {
	padding: 10px 10px 5px 10px;
	margin: 0;
	}
.casestudyright ul li  {
	background: transparent url(../images/inpage_bullet.png) left 0.4em no-repeat;
	padding: 0 0 0 1.6em;
	margin: 0;
	}
.casestudypullquote {
	float: left;
	font-size: 1em;
	line-height: 140%;
	text-align: left;
	color:#256fb0;
	margin: 10px 0 5px 0;
	background:url();
	padding: 0px 5px 5px 0;
	}
.casestudyquotename  {
	clear: both;
	text-align: left;
	color: #666;
	}	
/* styles for our people thumbnails and details panel */
	
#contentcolumn .thumbnailarray  {
	float: left;
	text-align: center;
	width: 160px;
		}
#contentcolumn .thumbnailarray p {
	text-align: center;
	}
#contentcolumn .thumbnailarray h4  {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 1.1em;
	}
#contentcolumn .thumbnailarray img  {
	margin: 0 0 5px 0;
	float: none;
	}
		
#container	{
	position: relative;
	width: 450px;
	margin-left: 470px;
	margin-top: 93px;
	}

/* Id's for all swapping layers here, with commas between. */

#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11	{ 
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 1 }
	
/* table styling  */

table {
	border: thin solid #256fb0;
	border-spacing: 2px;
	border-style: outset;
	width: 900px;
	margin: 10px 0 10px 15px;
	}
table caption {
	color: #256fb0;
	font-size: 1.1em;
	}
table th {
	padding: 5px 10px 5px 10px;	
	background: #256fb0;
	color: #ffffff;
	font-size: 1.1em;
	}
table td {
	padding: 10px;
	vertical-align: top;
	}
table td ul  {
	padding: 0;
	}
table td ul li  {
	background: transparent url(../images/inpage_bullet.png) left 0.4em no-repeat;
	padding: 0 0 0 1.3em;
	}
table tr {
	border-bottom: thin solid #256fb0;
	}

	
				
/* footer - three footer columns */
#footertop  {
	float: left;
	width: 960px;
	background: #256fb0 url(../images/footer_top_bg.gif) top repeat-x; 
	}
#innerfooter  {
	float: left;
	background: transparent url(../images/footer_divider.gif) 7px 0 repeat-y;
	width: 960px;
	margin-top: 30px;
	margin-bottom: 10px;	
	}
#footerleft  {
	float: left;
	background: transparent url(../images/header_quick_contact.gif) 20px 5px no-repeat;
	width: 330px;
	padding-bottom: 20px;
	margin-top: -30px;
	}
#footerleft p  {
	padding: 10px 10px 5px 20px;
	line-height: 140%;
	color: #ffffff;
	}
#footerleft p.firstpara  {
	padding-top: 25px;
	}
#footerleft h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#footermiddle  {
	float: left;
	background: transparent url(../images/header_latest_blog.gif) 12px 5px no-repeat;
	width: 315px;
	padding-bottom: 20px;
	margin-top: -30px;
	}
#footermiddle p  {
	padding: 10px 10px 5px 10px;
	line-height: 140%;
	color: #ffffff;
}
#footermiddle p.firstpara  {
	padding-top: 20px;
	}
#footermiddle h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
#footerright  {
	float: left;
	background: transparent url(../images/header_useful_links.gif) 15px 5px no-repeat;
	width: 310px;
	padding: 0 0 20px 5px;
	margin-top: -30px;	
	}
#footerright p  {
	padding-top: 10px;
	line-height: 140%;
	color: #ffffff;
	}
#footerright p.firstpara  {
	padding: 25px 0 0 15px;
	}
#footerright h3  {
	height: 1px;
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	left: -500em; 
	width: 1px;
	}
.footerdivider  {
	float: left;
	width: 1px;
	}
#footertop ul  {
	padding: 10px 10px 5px 10px;
	}
#footertop ul li  {
	background: transparent url(../images/footer_bullet.png) left bottom no-repeat;
	padding: 3px 0 0 0;
	}
#footertop ul li a  {
	color: #ffffff;
	text-decoration: underline;
	margin-left: 1.6em;
	}
#footertop ul li a:visited  {
	color: #cccccc;
	}
#footertop ul li a:hover  {
	color: #ffcc33;
	}

/* footer links */	
#footertop a {
	color: #ffffff;
	text-decoration: underline;
	}
#footertop a:visited {
	color: #cccccc;
	}
#footertop a:hover {
	color: #ffcc33;
	}

/* copyright  */
#footerbottom  {
	float: left;
	width: 960px;
	background: #14273c url(../images/footer_bottom_bg.gif) top repeat-x; 
	}
#footerbottom p  {
	color: #ffffff;
	font-size: 0.85em;
	text-align: center;
	padding: 8px 10px 8px 10px;
	}


/*  clear div - to break inherited floats */

.clear  {
	clear: both;
	}