/*NB on A tagsIn order to show a full width backgroundcolor, the A tag must be position:absolute;If the link is guaranteed to be only one line high, a corresponding height on the surrounding <div style="position:relative;"> tag is enough to create enough space in the page flowHowever, if the link can wrap, we must add a <div style="position:relative;"> of equivalent height to make sure enough space is created. One way of guaranteeing this would be to use javascript (find all absolute A tags and set the height according to how much space they take up), but insted I've chosen to repeat the text.*/body {	margin:0;	background-image:url(../images/background.gif);	font-family:verdana, sans-serif;	color:#666666;	font-size:10px;}/* ----------- defining the area that will display the white space around the page's content ----------- */#whiteCanvasArea { 	position:relative;	width:890px;	left:50%;	margin-left:-445px;	background-color:#ffffff;}#whiteCanvasPadding { /* The actual white space around the page's content */	padding:22px 45px 45px 45px;}/* ----------- Logo and alternative HTML menu ----------- */#headerArea { /* defining the area */	position:relative;	width:100%;	height:60px;	background-color:#333333;	background-image:url(../images/headerbackground.jpg);}#headerArea img {	margin:12px 0 0 22px;}#headerArea ul {	padding:17px 15px 0 0;	margin:1px 0 0 0;	list-style:none;	position:relative;	float:right;	white-space:nowrap;}#headerArea ul li.headerLink { /* wrapping the individual menu items */	line-height:1.4em;	font-size:1.0em;	color:#999999;	float:left;	padding:0.45em 11px 0.55em 9px;	margin:0;}#headerArea ul li.Line {	background-image:url(../images/headerline.gif);	background-position:right;	background-repeat:repeat-y;}#headerArea ul li.headerLink a.selected {	color:#999999 !important;}#headerArea ul li.headerLink a { 	color:#ffffff;	text-decoration:none;	font-size:1.0em;}#headerArea ul li.headerLink a:hover { 	color:#999999;	text-decoration:none;}/* ----------- Flash animation and main menu ----------- */#menuArea {		position:relative;	width:100%;	height:auto;	margin-top:1px;}#flvArea {	position:absolute;}#flashMenuArea {	position:absolute;	left:600px;	z-index:1;	margin:-5px 0 0 -5px;}/* ----------- Defining the area that holds the submenu, blurbs and page's text ----------- */#contentArea {		position:relative;	width:100%;}#contentAreaPadding { /* sets the top margin */	padding-top:26px;}/* ----------- Setting up the left column ----------- */#contentLeftColumn { /* Defining the area that holds the submenu and blurbs */	position:relative;	width:200px;	float:left;	padding-top:4px;}#subMenuArea {	/* setting the area for the submenu */	position:relative;	border-top-width:2px;	border-top-style:solid;	margin:0 0 60px 0;	padding:6px 0 0 0;	list-style:none;}#subMenuArea li.menuItemParent, #subMenuArea li.menuItemParentSelected {	position:relative;	font-size:1.0em;	height:1.9em;	width:200px;	margin:0;	padding:0;	/* bgcolor and color must be defined for the rollover menu to work in IE */	background-color:#ffffff;	color:#000000;}#subMenuArea li.menuItemHeader { /* as used in the "about us" menu */	position:relative;	font-size:1.0em;	height:1.9em;	width:200px;	margin:0;	padding:0;	background-color:#e9e9e9;}#subMenuArea li.menuItemHeader div {	position:absolute; 	padding:2px 0px 4px 7px;	width:193px;	color:#999999;	border-top:1px solid #ffffff;}#subMenuArea li.menuItem, #subMenuArea li.menuItemSelected {	position:relative;	font-size:1.1em;	height:1.80em;	width:200px;}#subMenuArea li.menuItemParent a, #subMenuArea li.menuItem a {	/* bgcolor and color must be defined for the rollover menu to work in IE */	background-color:#ffffff;	color:#000000;}#subMenuArea li.menuItemSelected a, #subMenuArea li.menuItemParentSelected a {	background-color:#e9e9e9;	color:#666666;}#subMenuArea li.menuItemParent a, #subMenuArea li.menuItemParentSelected a, #subMenuArea li.menuItem a, #subMenuArea li.menuItemSelected a {	position:absolute; 	padding:2px 0px 4px 7px;	width:193px;	border-top:1px solid #ffffff;}		/* -- promobox --- */div.promoBox {	/* individual promo box areas as used in the left column */	border-top-width:2px;	border-top-style:solid;	background-image:url(../images/promoboxline.gif);	background-position:bottom;	background-repeat: no-repeat;	margin-bottom:30px;	padding:9px 8px 0px 8px;	background-color:#f5f5f5;}div.promoBox div.promoBoxBottom {	height:20px;}div.promoBox h2 {	position:relative;	padding:1px 7px 16px 7px;	margin:0;	font-size:1.2em;	color:#666666;	font-weight:bold;}div.promoBox img.quote {	padding:9px 7px 30px 7px;}div.promoBox div.award {	padding:20px 7px 30px 7px;	text-align:center;}p.spacer { /* in case links go onto the next line, a hidden repetition of the text forces the right vertical space to be used */	position:relative !important; 	visibility:hidden;	color:#666666;	margin:0;	padding:0px 2px 1px 7px;}	/* the "quote and find-out-more"-style links */	div.promoBox div.moreLinkSpacer {	margin-bottom:0.7em;}div.promoBox div.moreLink p {	color:#666666;	font-size:1.1em;	line-height:1.2em;	padding:0px 2px 0px 7px;	margin:0 0 3px 0;}div.promoBox div.moreLink a {	position:absolute; 	padding:0px 2px 1px 7px;	width:177px;	font-size:1.1em;	line-height:1.2em;}div.promoBox div.moreLink a:hover {	color:#666666;	background-color:#e9e9e9;}	/* the news-style links and header*/div.promoBox h3.date {	position:relative;	padding:8px 7px 2px 7px;	margin:0;	color:#666666;	font-size:1.0em;	font-weight:normal;	line-height:1.0em;}div.promoBox p.source {	position:relative;	padding:8px 7px 2px 7px;	margin:1em 0 0 0 !important;	color:#666666;	font-size:1.0em;	font-weight:normal;	line-height:1.0em;}div.promoBox div.newsLink p {	font-size:1.1em;	width:170px;}div.promoBox div.newsLinkSpacer {	margin-bottom:1.0em;}div.promoBox div.newsLink a {	position:absolute;	width:170px;	padding:0px 2px 1px 7px;	font-weight:normal;	font-size:1.1em;}div.promoBox div.newsLink a:hover {	color:#666666;	background-color:#e9e9e9;}/* ----------- Setting up the gutter and main copy area ----------- */#contentGutter { /* the gutter between the left and the right column */	position:relative;	width:40px;	float:left;}#contentRightColumn { /* Defining the area that holds the page's text */	position:relative;	width:560px;	float:left;}div.copyColumnsArea { /* defining the area of the two columns in the main copy area */	position:relative;	width:560px;	clear:both;}/* the next two are for ordering snippets */ol#moveArea {	margin:0;	padding:0;}ol#moveArea li {	list-style:none;	margin:0;	padding:0;}div.copyLeftColumn { /* the left copy column */	position:relative;	width:270px;	float:left;}/* replaced by p.copydiv.copyLeftColumn p {	line-height:1.45em;	margin-bottom:1.5em !important;}*/div.copyGutter { /* the gutter between the left copy column and the right one */	position:relative;	float:left;	width:20px;}div.copyRightColumn { /* the right copy column */	position:relative;	float:left;	width:270px;	z-index:1;}#contentRightColumn h2, h1.h2 { /* all h2s, as well as the odd h1 that has to look like an h2 */	display:block !important;	font-size:1.8em;	color:#666666;	font-weight:normal;	margin:0.9em 0 0.8em 0;	padding:0;}#contentRightColumn p {	font-size:1.1em;	color:#666666;	margin:0 0 1em 0;	padding:0;}div.h1Spacer {	position:relative; 	height:56px; 	width:1px; 	float:left;}h1 {	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;	position:relative;	float:left;	font-size:3.7em;	margin:-0.2ex 0 0.75ex -0.1ex;	padding:0;	font-weight:normal;	line-height:normal;}img.h1 {	margin:2px 0 17px 0;}img.h1quote {	padding:9px 0px 20px 0px;}img.returnButton {	float:right;	margin-top:6px;}#contentRightColumn div.h1SelectArea {	float:right;	margin-top:6px;}#contentRightColumn div.h2LinkArea {	position:relative;	float:right;	font-size:1.1em;	margin-top:20px;	width:173px;	text-align:left;}#contentRightColumn div.h2Link a {	position:absolute; 	margin-top:10px;	padding:2px 7px 4px 0px;	width:166px;	text-align:right;	}#contentRightColumn div.h2Link a:hover  {	background-color:#e9e9e9;	color:#666666;}		/* home page - expertise area */#contentRightColumn div.expertiseImage {	border-top-width:2px;	border-top-style:solid;	padding-top:5px;	margin-bottom:7px;}#contentRightColumn div.indexExpertiseLink, #contentRightColumn div.caseStudyLink {	position:relative;	margin:4px 0 15px -7px;	font-size:1.1em;	height:1.75em;}#contentRightColumn div.expertiseExpertiseLink {	position:relative;	margin:0 0 0 -7px;	font-size:1.1em;	height:1.85em;}#contentRightColumn div.indexExpertiseLink a, #contentRightColumn div.caseStudyLink a, #contentRightColumn div.expertiseExpertiseLink a {	position:absolute; 	padding:2px 0 4px 7px;	width:270px;}.w173 {	width:173px !important;}a.w366 {	width:366px !important;}div.w156 {	width:156px !important;}#contentRightColumn div.indexExpertiseLink a:hover, #contentRightColumn div.caseStudyLink a:hover, #contentRightColumn div.expertiseExpertiseLink a:hover {	background-color:#e9e9e9;	color:#666666;}		/* expertise hub - services & bullets*/#measureArea {	position:relative;}#serviceBox { /* the popup area that appears when you hover over the service bullet points*/	position:absolute;	z-index:4;	margin:0;	visibility:hidden;	width:280px;	height:auto;	border:1px solid #cccccc;	background-color:#ffffff;	border-bottom:3px solid #d9d9d9;}#serviceBoxPadding {	padding:10px 15px 0px 15px;}#serviceBox div.serviceItem { /* the individual service areas are not visible when you load the page */	position:relative;	display:none;}#serviceBox h2 {	margin:0 0 10px 0 !important;}#serviceBox img { /* anyi mages in these popups */	margin-bottom:1em;}#serviceBox p {	font-size:1.1em;	line-height:1.45em;	margin-bottom:1em;}#serviceBox div.serviceItem ol {	font-size:1.1em;	line-height:1.45em;	list-style-position:outside;	margin:0;	padding:0 0 1em 20px ;  }ol.serviceBullets, ol.serviceBulletsDisabled {	margin:-0.2ex 0 0 0;	padding:0;}ol.serviceBullets li, ol.serviceBulletsDisabled li {	position:relative;	padding:0;	margin:0; 	background-position:top left;	background-repeat:no-repeat;	width:100%;	list-style-type:none;	color:#000000 !important;}ol.serviceBullets li div, ol.serviceBulletsDisabled li div {	position:relative;	padding:2px 2px 4px 5px;	margin-left:17px;	font-size:1.1em;	line-height:1.2em;	border-bottom:3px solid #ffffff;	height:100%;	cursor:pointer;}ol.serviceBulletsDisabled li div {	cursor:default !important;}ol.serviceBullets li:hover div { /* apply the BG color change to the div (childelement) only, NOT the bullet */ 	background-color:#e9e9e9;	color:#666666;}.serviceBulletHover { /* used as a hack for IE6 */	background-color:#e9e9e9 !important;	color:#666666 !important;	}ol.serviceBullets li:hover {	background-image:url(../images/servicebullet_grey.gif) !important;} 		/* expertise hub - case studies */		div.caseStudiesHeader {	position:relative;	margin:11px 0 6px 0;	z-index:3;}.caseStudiesBottom {	height:2em;}div.caseStudyBullet {	width:250px;	float:left;}ul.caseStudy {	margin:2px 0 0 0;	padding:0;}ul.caseStudy li {	padding:0;	margin:0;	font-size:1.1em;	line-height:1.8em;	color:#666666;	list-style-type:none;	clear:left;}	/* the category image */ul.caseStudy li img.category {	position:relative;	float:left;	margin:5px 5px 0 1px;}	/* the category tooltip */.categoryToolTip-tip {	width:auto;	z-index:5;	white-space:nowrap;	border:1px solid #cccccc;	border-bottom:3px solid #d9d9d9;	width:14.5ex;	color:#666666;	background-color:#ffffff;	/* NB Opacity is set in the domready (in sitefunctions.js) to remain CSS valid */} .categoryToolTip-title {	display:none;} .categoryToolTip-text {	position:relative;	padding:1px 7px 3px 7px;	width:auto;	font-size:1.0em;}#contentRightColumn div.caseStudyImage {	border-top-width:2px;	border-top-style:solid;	padding-top:5px;	margin:10px 0 5px 0;}#contentRightColumn div.directoryImage {	border-top-width:2px;	border-top-style:solid;	padding:5px 0 0 0;	margin:0;}#contentRightColumn div.linkImage {	border-top-width:2px;	border-top-style:solid;	padding-top:5px;	margin:10px 0 20px 0;}#contentRightColumn div.pb10 {	padding-bottom:10px;}#contentRightColumn div.mt1 {	margin-top:1px;}#firstCaseStudies {	position:relative;	background-color:#ffffff;	z-index:2;}#moreCaseStudies {	z-index:0;	position:relative;	background-color:#ffffff;}a.caseStudiesButton {	text-decoration:none;	padding:2px 6px 4px 4px;	font-size:1.1em;	color:#ffffff !important;	position:absolute;	text-align:center;	width:9ex;	right:0;}a.caseStudiesButton:visited {	color:#ffffff !important;}a.caseStudiesButton:hover {	color:#666666 !important;	background-color:#e9e9e9 !important;}a.caseStudiesButton:active {	color:#000000 !important;}a.viewCaseStudies {	margin-top:2.0em;}a.closeCaseStudies {	margin-top:1em;}		/* case study page and gallery */div.caseStudyText h2 {	margin:1em 0 0.8em 0 !important;}div.caseStudyText p {	font-size:1.2em;	line-height:1.45em;	margin:0 0 1.6em 0 !important;}	.caseStudyGallery {	position:relative;	float:right;	padding:10px;	border:1px solid #cccccc;	border-bottom:3px solid #d9d9d9;	margin:0 0 5px 20px;	width:248px;}#newsGallery {	position:relative;	float:right;	margin:0;	width:173px;}#contentRightColumn div.caseStudyGalleryLink {	position:relative;	margin:10px 0 0 0;	font-size:1.1em;	height:1.75em;}#contentRightColumn div.newsGalleryLink {	position:relative;	margin:0 0 10px 0; 	font-size:1.1em;	height:1.75em;}#contentRightColumn div.caseStudyGalleryLink a {	position:absolute; 	padding:2px 0px 4px 7px;	width:241px;}#contentRightColumn div.newsGalleryLink a {	position:absolute; 	padding:2px 0px 4px 7px;	width:173px;}#contentRightColumn div.caseStudyGalleryLink a:hover, #contentRightColumn div.newsGalleryLink a:hover {	background-color:#e9e9e9;	color:#666666;}			/* the triplet columns */.tripleColumn {	position:relative;	float:left;	width:173px;}.tripleColumnGutter {	position:relative;	float:left;	width:20px;}.doubleTripleColumn {	position:relative;	float:left;	width:366px;}		/* expertise hub - services resources area */div.serviceResources {	position:relative;	margin:16px 0 1px 0;}div.caseStudyResources {	position:relative;	margin:13px 0 1px 0;}div.serviceResourcesBottom {	clear:both;	height:14px;}div.serviceResources div.resourcesLink, div.caseStudyResources div.resourcesLink {	margin:0 0 0 -7px;}div.serviceResources div.resourcesLink a, div.caseStudyResources div.resourcesLink a {	position:absolute;	padding:2px 0px 4px 7px;	width:270px;	font-size:1.1em;}div.serviceResources a:hover, div.caseStudyResources a:hover{	background-color:#e9e9e9;	color:#666666;}div.serviceResources div.resourcesLink p, div.caseStudyResources div.resourcesLink p {	font-size:1.1em;	margin:0 0 0 0 !important;	padding:2px 0px 4px 7px !important;}	/* Benefits (expertise hub sub page) ol and ul */#contentRightColumn ol.h2 {	margin:0.9em 0 0 0;	padding:0;	font-size:1.8em;	color:#666666;	font-weight:normal;	list-style-position:inside;}#contentRightColumn ol.h2 li {	margin:0.8em 0 0 0;	padding:0 0 1.15em 0;	background-image:url(../images/dottedline.gif);	background-position:bottom;	background-repeat:repeat-x;}#contentRightColumn ol.h2 li h2 {	font-size:1.0em !important;	display:inline !important;	margin:0 0 0 0.3em;	padding:0;}#contentRightColumn ol.h2 li ul {	margin:0;	padding:0;	list-style:none;	background-image:none;	letter-spacing:normal !important;}#contentRightColumn ol.h2 li ul li {	margin:1.25em 0 0 0;	padding:0 0 0.20em 0;	background-position:top left;	background-repeat:no-repeat;	list-style-position:outside;	text-indent:1.2em;	width:100%; /* needed for IE6 to prevent the background-image from disappearing */	font-size:0.6em !important;	line-height:1.45em;}	/* the 'selected person' focus Area */.personBgArea {	position:absolute;	width:574px;	height:117px;	margin:5px 7px 0px -7px;	z-index:0;}	/* news accordion */#contentRightColumn div.newsImage {	border-top-width:2px;	border-top-style:solid;	padding:5px 0 10px 0;	margin:10px 0 0 0;}div#accordion div, div#news div, div#blog div {	background-color:#ffffff;	z-index:auto;	padding-bottom:6px;}div#accordion h2, div#news h2, div#blog h2 {	margin:4px 0 0.1em 0;}div#accordion p.date, div#news p.date, div#blog p.date {	margin-bottom:1.2em;}div#accordion p, div#news p, div#blog p {	line-height:1.45em;}div#accordion p.intro, div#news p.intro, div#blog p.intro  {	margin-bottom:1.4em;}div#accordion .accordionText ul, div#news .newsText ul, div#blog .blogText ul {	margin:0;	padding:0 0 0 1.5em;}div#accordion .accordionText ul li, div#news .newsText ul li, div#blog .blogText ul li {	list-style:disc;	font-size:1.1em !important;	padding:0;	margin:0;}div#accordion div.accordionButton, div#news div.newsButton {	height:4em;	margin-top:1em;}div#accordion a.accordionButton, div#news a.newsButton {	position:absolute;	text-decoration:none;	padding:2px 6px 4px 4px !important;	font-size:1.1em;	color:#ffffff;	text-align:center;	width:12ex;	background-color:#333333;	height:1.2em !important;	cursor:pointer;}div#accordion a.accordionButton:hover, div#news a.newsButton:hover {	background-color:#e9e9e9 !important;	color:#666666 !important;}div#blog p a:hover, div#news p a:hover,  div.copy p a:hover{	text-decoration:none !important;	background-color:#e9e9e9;	color:#666666;	padding:0 1px 0 1px;}div#blog p a:link, div#blog p a:active, div#blog p a:visited, div#news p a:link, div#news p a:active, div#news p a:visited, div.copy p a:link, div.copy p a:active, div.copy p a:visited {	text-decoration:underline;	padding:0 1px 0 1px;}h3.link {	font-size:1.1em;	font-weight:normal;	margin:5px 0 5px 0;}/* ----------- The footer ----------- */#footerArea { /* sets up the footer area */	position:relative;	clear:both;	padding-top:63px;}div.footerLine { /* the little divider lines between the footer menu items */	position:relative;	float:left;	width:17px;	background-image:url(../images/footerline.gif);	background-position:center;	background-repeat:repeat-y;	font-size:0.8em;	margin-top:0.2em;}div.footerLink {	margin-top:-2px;	color:#000000;	float:left;}div.footerLink a {	font-size:1.1em;	padding:0px 2px 4px 2px !important;	line-height:1.5em !important;}div.footerLink a:hover {	font-size:1.1em;	background-color:#e9e9e9;	color:#666666;	padding:0px 2px 4px 2px !important;	line-height:1.5em !important;}/* ----------- general lay-out styles ----------- */div.dottedLine { /* horizontal dotted lines as used in promo boxes and the main copy area */	position:relative;	background-image:url(../images/dottedline.gif);	background-repeat:repeat-x;	height:1px;	font-size:1px;}div.clearBoth { /* clears a column set-up without starting a new one */	position:relative; 	clear:both;	height:1px;}.floatLeft { /* sets up a left column */	position:relative;	float:left;}.floatRight { /* sets up a right column */	position:relative;	float:right;}.noWrap { /* keeps content from wrapping */	white-space:nowrap;}a {	color:#000000;	text-decoration:none;	margin:0;	padding:0;	 }a:focus { /*removed the dotted line in ForeFox */	outline-style: none;}a.underline {	text-decoration:underline !important;}a.anchor {	text-decoration:none;}img {	border:0;}p {	padding:0;	margin:0 0 1em 0;}div.copy p, div.copy address { /* for full width copy content */	line-height:1.45em;	font-size:1.1em;}div.copy ol, div.caseStudyText ol {	margin:0;	padding:0 0 1em 23px ;  }div.copy ol li, div.caseStudyText ol li {	line-height:1.45em;	font-size:1.1em;}div.caseStudyText h3 {	line-height:1.45em;	font-size:1.1em;	margin:0;	padding:0;	font-weight:bold;}div.copyFirstMargin p {	margin-bottom:16px !important;}p.tight {	margin:0 !important;	padding:0 0 0 0 !important;}p.b3 {	padding-bottom:3px !important;}.displayNone {	display:none;}blockquote:before, blockquote:after, q:before, q:after {	content: "";}blockquote, q {	display:block;	quotes: "" "";	font-size:1.1em;	font-style:italic;	padding:0;	margin:0 0 1em 0;}form {	margin:0;}form#peopleSelect select {	float:left;}form#peopleSelect optgroup {	font-style:normal !important;	font-weight:bold !important;	margin:0 !important;	padding:0 !important;	color:#999999;	background-color:#ffffff;}form#peopleSelect option {	color:#666666;	padding:0 0 0 0.5em !important;}form#peopleSelect option.lastOption {	margin-bottom:1em !important;}form#peopleSelect option.disabled {	color:#cccccc;}form#peopleSelect input.submit {	position:relative;	border:1px solid #cccccc;	color:#666666;	background-color:#ffffff;	padding:0 0 1px 0;	}.emailHover:hover {	background-color:#e9e9e9 !important;	font-size:2em;}address {	font-style:normal;	line-height:1.85em !important;}