@charset "utf-8";
/* CSS Document */
/* for all pages */
body, html {
	background:url(../images/bg.gif);
	background-repeat:repeat-x; 
	margin:0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#384255;
}
img {border:0px}
h1 {font-size:2em;}
h2 {font-size:1.6em; margin:0em;}
h3 {font-size:1.2em; margin:0em 0em 10px 0em; line-height:1.2em; font-weight:bold;}
h4 {font-size:0.9em; margin:0.2em 0 0.3em 0; padding:0px; line-height:1em;}
p {line-height:3em; margin:0em 0em 0.5em 0em;}
a:link, a:visited, a:active {
	color:#384255;
	text-decoration:underline;
	}
.left {
	float:left;
}
.right {
	float:right;
}
ul li ul li {
	list-style-type:disc;
}
/*
a:hover {
	text-decoration:none;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;	
	}
*/
#mainContainer {
	width:900px;
	margin:auto;
}
#mainContainer #header {
	width:898px;
	height:181px;
	background:url(../images/header.gif);
	background-repeat:no-repeat;
	padding-left:1px;
	}
#mainContainer #header #strapline {
	width:900px;
	height:31px;
	color:#FFFFFF;
	padding-top:10px;
	}
#mainContainer #header #logo {
	width:93px;
	height:96px;
	margin:5px 0 0 0;
	padding:0px;
	}
#mainContainer #header #menu{
	width:900px;
	height:30px;
	margin-top:9px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	}
#mainContainer #header #menu a, #mainContainer #header #menu a.active, #mainContainer #header #menu a.visited {
	text-decoration:none;
	}	
#mainContainer #header #menu #menuLinks {
	float:left;
	width:898px;
	height:30px;
	margin:0px 70px 0px 0px;
	padding:0px;

	}
.ulLinks { 
	height:25px; 
	padding:5px 0 0 0;
	margin:0px;
	width:auto;
}
.ulLinks ul {
	padding:0px;
	margin:0px;
	height:25px;
	}
.ulLinks li {
	list-style:none;
	display:inline-block;
	height:25px;
	float:left;
	margin:0px 5px 0px 0px;
	padding:5px 2px 0px 5px;
	}
.shareLinks {
	width:100%;
	}
#mainContainer #body {
	width:878px;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background-color:#FFFFFF;
	padding:10px;
	}
/* directions pages */
#mainContainer #body #pageContent {
		position:relative;
}

#mainContainer #body #pageContent #map-london {
	float:left;
	width: 635px;
	height: 300px;
	margin: 0px 0px 10px 40px;
	border: 1px solid #e6e6e6;
}
#mainContainer #body #pageContent #map-london2 {
	float:left;
	width: 566px;
	height: 300px;
	border: 1px solid #e6e6e6;
}

/* columns styling */
#mainContainer #body #pageContent #DoubleColumn, #mainContainer #body #pageContent #singleColumn, #mainContainer #body #pageContent .halfPageColumn, #mainContainer #body #pageContent .singleColumn, #mainContainer #body #pageContent .DoubleColumn {
	float:left;
	display:inline; /* this prevents ie6 from creating double padding */
	position:relative;
	}
#mainContainer #body #pageContent #singleColumn, #mainContainer #body #pageContent .singleColumn {
	width:291px; /* 300px minus 9px padding left and right */
	margin:0 0 9px 9px;
	
	}
#mainContainer #body #pageContent #DoubleColumn, #mainContainer #body #pageContent .DoubleColumn {
	width:568px; /* 600px minus 9px padding left and right */
	margin:0 0 9px 9px;
	}
#mainContainer #body #pageContent #TripleColumn, #mainContainer #body #pageContent .TripleColumn {
	width:882px; /* 600px minus 9px padding left and right */
	padding:0 9px 9px 9px;
	}

#mainContainer #body #pageContent .contactText {
	font-weight:bold;
	margin:0 0 9px 0;
	}

#mainContainer #body #pageContent .DirectionscaseImg {
	width:187px;
	height:23px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
}
* html #mainContainer #body #pageContent .DirectionscaseImg {
	width:187px;
	height:23px;
	margin:3px 0px 0px 0px;
	padding:0px;
	float:left;
}


#mainContainer #body #pageContent .caseStudiesDirections {
	margin:10px 0 0 0;
	padding:5px 0;
	}

/* link to us site */
#mainContainer #body #pageContent #usflag {
	width:154px;
	height:18px;
	padding:4px 0px 0px 10px;
	background:url(../images/usLinkBground.gif) no-repeat;
	font-size:0.8em;
	color:#999999;
	float:right;
	margin:0px;
	text-decoration:none;
	}
#mainContainer #body #pageContent #usflag a {
	color:#999;
	text-decoration:none;
}
/* case studies */
#mainContainer #body #pageContent .hide {
	visibility: hidden;
	position: absolute;
}
#mainContainer #body #pageContent .ukDirections {
	margin-bottom:9px; 
	border:0px;
	background-color:#ededed;
	margin: 0px 0px 20px 0px;
	border-bottom:2px dashed #CCCCCC;
	display:none;
}
#mainContainer #body #pageContent #dir_but {
	background-color:#CCC;
	padding:3px;
	cursor:pointer;
}
/*#mainContainer #body #pageContent .show {
	margin: 0px 0px 20px 0px;
	border-bottom:2px dashed #CCCCCC;
	visibility: visible;
	position: relative;
	background-color:#ededed;
}*/
#mainContainer #body #pageContent .show:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	}



.button {
	cursor: pointer;
}
#mainContainer #body #pageContent .caseStudies {
	margin:20px 0px 0px 0px;
	border-top:2px dashed #dddddd; 
	padding:5px;
	}
#mainContainer #body #pageContent .caseImg {
	width:61px;
	height:14px;
	margin:10px 0px 0px 0px;
	padding:0px 0 0 0;
}
#mainContainer #body #pageContent #address {
	float:left;
	}
#mainContainer #body #pageContent #indexText {
	margin:0px 20px 30px 10px;
	}
#mainContainer #body #pageContent #indexHeader {
	margin:0 0 10px 10px;
	display:inline;
	font-weight:bold;
	}
*html #mainContainer #body #pageContent #indexHeader {
	margin:0 0 -12px 10px;
	display:inline;
	}

#mainContainer #body #pageContent .serviceImg { float:right; margin-left:20px; margin-bottom:20px;}
#mainContainer #body #pageContent p, #mainContainer #body li  {line-height:1.4em;}
#mainContainer #body #pageContent ul {margin-left:20px; padding-left:0px; margin-top:0px;}
#mainContainer #body #pageContent .subBullet1 {margin-left:20px;}
/* footer */
#mainContainer #body #footer {
	background:url(../images/footerBground.gif);
	background-repeat:no-repeat;
	padding:10px;
	width:860px;
	height:86px;
	margin-top:10px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	clear:both;
	}
#mainContainer #body .pageLink {
	height:31px;
	margin:0 0 0 0;
	}
#mainContainer #body .pageLink2 {
	margin:0px 0 0px 0;
	}

#mainContainer #body .pageLink .pagelinkLeft {
	float:left;
	width:13px;
	height:31px;
	background:url(../images/contactBground_left.gif) no-repeat;
	}
#mainContainer #body .pageLink .pageLinkBody {
	float:left;
	height:24px;
	background:url(../images/contactBground_body.gif) repeat-x;
	}
#mainContainer #body .pageLink .pageLinkRight {
	float:left;
	width:21px;
	height:31px;
	background:url(../images/contactBground_right.gif) no-repeat;
	}

#mainContainer #body .pageLink .pageLinkBody, #mainContainer #body .pageLink .pageLinkBody a {
	font-weight:bold;
	text-decoration:none;
	padding:7px 0px 0px 0px;
	color:#666666;
	}
#mainContainer #body .pageLink .pageLinkBody a:hover {
	text-decoration:none;
	color:#000000;
	}	
#mainContainer #body #footer ul {
	margin:0px;
	padding:0px;
	}
#mainContainer #body #footer li {
	list-style:none;
	margin:0px;
	padding-bottom:4px;
	}
#mainContainer #body #footer .footerSmall {
	font-size:10px;
	}
#mainContainer #body #footer a {
	color:#FFFFFF;
	text-decoration:none;
	}
#mainContainer #body #footer a:hover {
	text-decoration:underline;
	}
#mainContainer #subFooter {
	width:900px;
	margin-top:5px;
	height:50px;
	}
#mainContainer #subFooter #celloImage {
	width:100px;
	height:20px;
	float:left;
	margin-left:20px;
}
#mainContainer #subFooter #isoImage {
	width:83px;
	height:50px;
	float:right;
	margin-left:20px;
}
#mainContainer #subFooter #greenAward {
	width:150px;
	height:50px;
	float:right;
	margin-left:0px;
}

#mainContainer #subFooter #registered {
	float:left;
	width:450px;
	height:3em;
	font-size:0.8em;
	color:#999;
	margin-left:20px;
}
#mainContainer #subFooter #registered a {
	font-size:1em;
	color:#999;
}
#mainContainer #subFooter #registered a:hover {
	color:#666;
}

/* box around bookmark links */
.greyContainer {
	background-color:#e1e1e1;
	height:27px;
	margin:20px 0px 10px 0px;
	width:220px; 
}
/* to clear floated elements */
.clearer {
	clear:both;
	}
/*to float elements to the left */
.float {
	float:left;
	}
/* embolden elements */
.strong {
text-decoration:none;
font-weight:bold;
	}
.title {
	font-size:0.8em;
	color:#666666;
	font-style:italic;
	}
/* quote text */
.quote {
	float:left;
	width:433px;
	}
.quote .quoteTop {
	width:433px;
	height:22px;
	background:url(../images/quoteTop.gif) no-repeat;
	}
.quote .quoteBody {
	width:393px;
	padding:0px 20px 0px 20px;
	background:url(../images/quoteBody.gif) repeat-y;
	font-style:italic;
	color:#666666;
	}
.quote .quoteBottom {
	width:433px;
	height:22px;
	background:url(../images/quoteBottom.gif) no-repeat;
	}
/* pubications and links background */
.publications{
	margin:20px 0px 30px 0px;
	border-bottom:2px dashed #e2e2e2;
	background-color:#efefef;
	padding:3px 10px 0px 10px;
	}
.publications ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	}
.peopleRow {
	height:102px;
	padding:0px;
	margin-left:70px;
}
/* people section on front page  */
.peopleRow .peopleContainer {
	height:102px;
	float:left;
	padding:0px;
	
}
.peopleRow .peopleContainer .peopleContainerLeft, .peopleRow .peopleContainer .peopleContainerMiddle, .peopleRow .peopleContainer .peopleContainerRight {
	height:102px;
	float:left;
}
.peopleRow .peopleContainer .peopleContainerLeft, .peopleRow .peopleContainer .peopleContainerRight {
	width:23px;
}
.peopleRow .peopleContainer .peopleContainerLeft {
	background:url(../images/peopleSelectLeft.gif) no-repeat;
}
.peopleRow .peopleContainer .peopleContainerMiddle {
	background:url(../images/peopleSelectBody.gif) repeat-x;
	padding-top:6px;
	height:96px;
}
.peopleRow .peopleContainer .peopleContainerRight {
	background:url(../images/peopleSelectRight.gif) no-repeat;
	float:left;
}
/* people section on people page  */
#peopleText {
	float:left;
	width:380px;
	height:300px;
	}
#peopleBiog {
	float:right;
	width:468px;
	margin:10px 15px 20px 0px;
	}
#peopleBiogTop {
	background:url(../images/peopleBiogTop.gif) no-repeat;
	width:468px;
	height:17px;
	}
#peopleBiogBody {
	background:url(../images/peopleBiogBody.gif) repeat-y;
	width:428px;
	height:310px;
	padding:0px 20px 0px 20px;
	margin-top:-2px;
	}
#peopleBiogBody p {
	margin-top:0px;
	padding-top:0px;
	}
#peopleBiogBody ul {
	padding-left:20px;
	}	
#peopleBiogBottom {
	background:url(../images/peopleBiogBottom.gif) no-repeat;
	width:468px;
	height:17px;
	}
.newText {
	color:#339966; 
	font-style:italic; 
	font-weight:bold;
	}
	
#philAnnounced {
	background:url(../images/people/philS55h.gif) no-repeat 0 0;
	padding-left:45px;
	margin-bottom:0px;
	height:55px;
	}
#chrisAnnounced {
	background:url(../images/people/chrisStead55h.gif) no-repeat 0 0;
	padding-left:45px;
	height:55px;
}
.titleTop {
	background:url(../images/titleBoxTop.gif) no-repeat #f6972d top;
	width:846px;
	padding:5px 10px 0 10px;
	margin-left:5px;
	}
.titleTop p {
	margin-bottom:0px;
	font-size:12px;
	font-weight:bold;
	}
.titleBottom {
	background:url(../images/titleBoxBottom.gif) no-repeat;
	width:866px;
	height:13px;
	margin-left:5px;
	}
/* customer journey image on buyer behaviour page */
#custJourneyGraphic {
	width:600px;
	height:372px;
	background:url(../images/customer_journey.gif) no-repeat;
	margin-bottom:10px;
	position:relative;
	z-index:1;
	margin:auto;
	}
#custJourneyGraphic #a, #custJourneyGraphic #b, #custJourneyGraphic #c, #custJourneyGraphic #d, #custJourneyGraphic #e, #custJourneyGraphic #f {
	position:absolute;
	z-index:2;
	display:block;
	cursor:pointer;
	border:0px solid #000000;
	}
#custJourneyGraphic #a {
	width:210px;
	height:53px;
	top:260px;
	left:380px;
}
#custJourneyGraphic #b {
	width:200px;
	height:50px;
	top:195px;
	left:290px;
}
#custJourneyGraphic #c {
	width:165px;
	height:50px;
	top:185px;
	left:90px;
}
#custJourneyGraphic #d {
	width:140px;
	height:30px;
	top:130px;
	left:55px;
}
#custJourneyGraphic #e {
	width:190px;
	height:30px;
	top:122px;
	left:210px;
}
#custJourneyGraphic #f {
	width:190px;
	height:23px;
	top:95px;
	left:360px;
}
.hoverLinks {
	z-index:1000; 
	position:absolute;
	background-color:#FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	width:250px;
	border:1px solid #999999;
	-moz-opacity:.50; 
	filter:alpha(opacity=0); 
	opacity:0; 
}
.hoverLinks ul {
	margin:0px;
	padding:0px;
	}
#aLinkTest {
	top:250px; 
	left:120px;
	}
#bLinkTest {
	top:250px; 
	left:100px;
	}
#cLinkTest {
	top:240px; 
	left:20px;
	}
#dLinkTest {
	top:40px; 
	left:20px;
	}
#eLinkTest {
	top:70px; 
	left:95px;
	}
#fLinkTest {
	top:8px; 
	left:330px;
	}

.quoteNew {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	border-left:3px solid #CCC; 
	border-bottom:1px solid #CCC; 
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;  
	background-color:#f0f0f0; 
	padding:3px 3px 3px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:10px;
}
/* blog */
.blogThumb {
	float:left;
	margin:5px 10px 20px 0px
}
.blogTitle {
	color:#384255; font-size:14px;
}
.blogDate {
	color:#999;
}
.post {
	clear:both;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:10px;
}
.post img {
	float:left; 
	margin:0px 5px 10px 0px;
}

.rssIcon {
	float:right;
	margin:3px 0px 0px 10px;
	display:block;
	overflow:hidden;
}

#showFeedInfo, #subscribeToRSS {
	margin:0px 0px 20px 70px; 
	background-color:#f0f0f0; 
	border-left:3px solid #CCC; 
	border-top:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	border-right:1px solid #CCC; 
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	text-decoration:none;
}
/* email subscribe */

#mc_embed_signup {
	 display:block;
	 overflow:hidden;
	 float:right;
	 width:390px;
}
#mce-emailLabel {
	display:block;
	height:15px;
	line-height:16px;
	margin:0 5px 0 0;
	
	
}
#mce_EMAIL {
	border:1px solid #485060;
	width:200px;
	background-color:#384255;
	color:#FFF;
	padding:1px;
}
.btn, #mce-responses, #mce_EMAIL, #mce-emailLabel, .mce_inline_error {
	float:left;
	font-size:10px;
	
}
.btn {
	background-color:#f6972d;
	border:0px;
	height:17px;
	margin:0px 0px 0px 5px;
	cursor:pointer;
}
#mce-responses {
	background-color:#F00;
}
#mce_tmp_error_msg {
	background-color:#0F0;	
}
.mce_inline_error {
}