/*-----------------------------*//*----- generic styles ------ *//*---------------------------*/* {	margin: 0;	padding: 0;}body {	background-color: #303934;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #fff;	padding-bottom: 15px;}img {	border: 0;}a {	font-weight: bold;}	a:hover {		color: #AACA5D;	}ul {	list-style-type:none;}.clear {	clear: left;}.hide {	position: absolute;	top: -6000px;}#skip {	visibility: hidden;}.copybox p.error {	color: #AACA5D;}big {	color: #fff;	font-size: 13px;	line-height: 17px;}/*-----------------------------*//*----- headings styles ------ *//*---------------------------*/#logo h1 {	background: url(../images/logo.gif) no-repeat 0 31px;	width: 103px;	height: 86px;	position: relative;	left: -1px;}	#logo h1 a {		display: block;		width: 102px;		height: 85px;		text-decoration: none;	}	#logo h1 span {		position: absolute;		top: -6000em;	}h2 {}	h2 span {		visibility: hidden;	}#tagline h2 {	background: url(../images/tagline.gif) no-repeat top left;	width: 150px;	height: 100px;}	#tagline h2 span {		position: absolute;		top: -6000em;	}h3 span {	visibility: hidden;}#homepage_survey {	}	#homepage_survey h2 {		background: url(../images/title_home_survey.gif) no-repeat 0 14px;		width: 150px;		height: 85px;	}			#rightcolumn .container p#homepage_survey_text {			color: #e5e5e5;			line-height: 17px;			margin-bottom: 8px;		}#homepage_showreel {	}	#homepage_showreel h2 {		background: url(../images/title_home_showreel.gif) no-repeat 0 0px;		height: 95px;		margin-top: 10px;	}			#homepage #homepage_showreel h2 {			width: 310px;		}		#homepage_showreel2 h2 {		background: url(../images/title_home_showreel2.gif) no-repeat 0 10px;		width: 310px;		height: 116px;	}		#homepage_showreel2.insightstory h2 {		background: url(../images/title_home_showreel2.gif) no-repeat 0 0;		width: 150px;		height: 104px;	}						#rightcolumn #homepage_showreel2 p {		padding-left: 0px;	}	#homepage_twitter {	background: url(../images/homepage_twitter.gif) no-repeat 0px 15px;	padding-top: 66px;	margin-bottom: 5px;}	#rightcolumn #homepage_twitter p {		color: #fff;		font-weight: bold;		margin-bottom: 0px;		padding: 0 15px 0 0;	}										.hometestimonial {											width: 140px;											padding-right: 10px;											background: url(../images/speechmark_divider.gif) no-repeat top left;										}										.hometestimonial p {											padding-top: 32px!important;											padding-right: 0;											padding-bottom: 8px;											padding-left: 0;											line-height: 17px;											color: #C0C4C5;										}										p.hometestimonialend {											margin: 0;											padding: 18px 0 8px 0!important;											background: url(../images/ourclients/speechmark04.gif) no-repeat top left;											color: #C0C4C5;											line-height: 15px;										}										p.hometestimonialend b {											color: #fff!important;										}										p.cta {												display: block;												margin: 0 0 7px 0;												/*padding: 0 0 0 12px;												background: url(../images/coloncolon_green.gif) no-repeat 1px 5px;	*/										}																								p.cta a:hover {														color: #AACA5D;													}/*-----------------------------*//*----- layout styles ------ *//*---------------------------*/#outercontainer {	margin-top: 0px;	margin-bottom: 0px;	margin-left: auto;	margin-right: auto;	padding: 0;	width: 950px;}#topbar {	width: 950px;	height: 86px;	background: url(../images/topbarbkgd.gif) no-repeat top left;}/*----- left col styles ------ */	#leftcolumn {		margin: 0;		width: 160px;		float: left;	}/*----- middle col styles ------ */#middlecolumn {	width: 470px;	float: left;}#newlayout #middlecolumn {	margin: 148px 0 0 0;}#lowerlogo {	background: url(../images/lowerlogo.gif) no-repeat 0 -22px;	width: 470px;	height: 96px;}#middlecolumn p.caption a {	border-bottom: 1px solid #AACA5D;}	#middlecolumn p.caption a:hover {		color: #AACA5D;		border-bottom: 1px solid #FFF;	}/*----- right col styles ------ */#rightcolumn {	margin: 0 0 0 10px;	width: 310px;	float: left;}#newlayout #rightcolumn {	margin-left: 0px;	padding-left: 10px;}	#rightcolumn .container {		width: 150px;		float: left;	}	#rightcolumn .container p {		margin-right: 10px;		line-height: 15px;		padding: 0 0 10px 0;	}		#rightcolumn .containerlast {			margin-left: 10px;		}		#rightcolumn .container ul {			list-style: none;			line-height: 15px;			font-weight: bold;		}			#rightcolumn .container ul li {				background: url(../images/ourclients/bullet.gif) no-repeat 0px 5px;				padding: 0 0 5px 7px;			}/*---*/			#rightcolumn .container .testimonial {				margin: 17px 0 0 0;				padding: 0;				background: url(../images/ourclients/speechmark03.gif) no-repeat top left;			}				#rightcolumn .container .testimonial2 {					margin: 5px 0 13px 0; /* lower padding added for spotlights */					padding: 0;					background: url(../images/ourclients/speechmark03.gif) no-repeat top left;				}															span.testimonialsecondpara  {															display: block;																padding: 8px 0 0 0;															}										/*#rightcolumn .container .hometestimonial {											margin: 4px 0 0 0;											padding: 0;											background: url(../images/ourclients/speechmark03.gif) no-repeat top left;										}										#rightcolumn .container .hometestimonial p {											margin: 0;											padding: 12px 0 8px 0;										}										#rightcolumn .container p.hometestimonialend {											margin: 0;											padding: 18px 0 8px 0;											background: url(../images/ourclients/speechmark04.gif) no-repeat top left;											color: #C0C4C5;											line-height: 15px;										}										#rightcolumn .container p.hometestimonialend b {											color: #fff;										}*/			#rightcolumn .container .testimonial p {				margin: 0 0 0 0;				padding: 12px 0 8px 0;				color: #fff;			}					#rightcolumn .container .testimonial2 p {						margin: 0 0 0 0;						padding: 12px 0 8px 0;						color: #fff;					}			#rightcolumn .container p.testimonialend {			margin: 0;			padding: 18px 0 0 0;			background: url(../images/ourclients/speechmark04.gif) no-repeat top left;			color: #C0C4C5;			/*font-weight: bold;*/			line-height: 15px;			}			#rightcolumn .container p.testimonialend b {			color: #fff;			}									#rightcolumn .container .testimonial a,			#rightcolumn .container .testimonial2 a {				border-bottom: 1px solid #AACA5D;			}/*---*/	#rightcolumn a.green {		padding: 0 0 0 11px;		background: url(../images/coloncolon_green.gif) no-repeat 0px 4px;	}		#rightcolumn a.green:hover {					}			#rightcolumn a.nocolon {				padding: 0;				background: none;			}		#rightcolumn h3 {		font-size: 11px;		padding: 16px 0 10px 0;		margin: 0;		line-height: 13px;	}		#rightcolumn h3 span {			color: #AACA5D;			visibility: visible;		}	#rightcolumn p {		color: #C0C4C5;		line-height: 17px;		padding: 0 0 10px 0;	}		#rightcolumn h3.nextitem {		padding: 6px 0 10px 0;	}		#rightcolumn p.stronger {		color: #FFF;	}		#rightcolumn .container p.stronger {		margin-right: 2px;	}			#rightcolumn .container b {		color: #928E97;	}#rightcolumn p.newsitem {	line-height: 16px;	padding: 0 0 3px 0;	}	#rightcolumn p.cta {			display: block;			margin: 0 0 7px 0;			padding: 0 0 0 12px;			background: url(../images/coloncolon_green.gif) no-repeat 1px 5px;	}#rightcolumn h3.newsitem_alt {	padding-top: 12px;}/*-----------------------------*//*----- links styles ------ *//*---------------------------*/a {	color: #FFF;	font-weight: bold;	text-decoration: none;}/*-----------------------------*//*--- Main Nav Styles --- *//*---------------------------*/ul#mainnav {	list-style-type: none;	padding: 10px 0 12px 0;	margin: 0 10px 0 0;	line-height: 24px;}#newlayout ul#mainnav {	margin: 0;}	#mainnav li a {		padding: 0 0 0 17px;	}		#mainnav li#navpeople a {			background: url(../images/navcirc_green.gif) no-repeat 2px 2px;		}			#mainnav li#navpeople a:hover {				color: #AACA5D;			}			#mainnav li#navpeople a.selected {				color: #AACA5D;				background: url(../images/navcirc_white.gif) no-repeat 2px 2px;			}		#mainnav li#navprojects a {			background: url(../images/navcirc_new.gif) no-repeat 2px 2px;		}			#mainnav li#navprojects a:hover {				color: #e5b431;			}			#mainnav li#navprojects a.selected {				color: #e5b431;				background: url(../images/navcirc_white.gif) no-repeat 2px 2px;			}					#mainnav li#navwhatwedo a {			background: url(../images/navcirc_brown.gif) no-repeat 2px 2px;		}			#mainnav li#navwhatwedo a:hover {				color: #BBA35B;			}			#mainnav li#navwhatwedo a.selected {				color: #BBA35B;				background: url(../images/navcirc_white.gif) no-repeat 2px 2px;			}		#mainnav li#navprogress a {			background: url(../images/navcirc_grey.gif) no-repeat 2px 2px;		}			#mainnav li#navprogress a:hover {				color: #989C9A;			}			#mainnav li#navprogress a.selected {				color: #989C9A;				background: url(../images/navcirc_white.gif) no-repeat 2px 2px;			}		#mainnav li#navcontact a {			background: url(../images/navcirc_red.gif) no-repeat 2px 2px;		}			#mainnav li#navcontact a:hover {				color: #E00254;			}			#mainnav li#navcontact a.selected {				color: #E00254;				background: url(../images/navcirc_white.gif) no-repeat 2px 2px;			}	ul.subnav {		color: #989C9A;		font-weight: bold;		list-style-type: none;		padding: 14px 0 0 0;		line-height: 16px;		background: url(../images/dots.gif) repeat-x top left;		margin: 0 10px 11px 0;	}		ul.subnav li {		margin-bottom: 8px;	}		.subnav li a,		a.cta {			padding: 0 0 0 11px;			background: url(../images/coloncolon_green.gif) no-repeat 0px 4px;		}.subnavarchive {	border-top: 3px solid #303934;	margin-bottom: 8px!important;}.subnavarchive2 {	border-top: 7px solid #303934;}/*-----------------------------*//*--- Generic Copy box styles --- *//*---------------------------*/.copybox {	width: 440px;	background-color: #505552;	margin: 10px 0 0;	padding: 15px 14px;	border: 1px solid #505552;}	#homepage .copybox {		min-height: inherit;	}	.copybox h3 {		margin: 0 0 12px 0;		color: #AACA5D;	}		.copybox h4 {		color: #aacb5e;		font-size: 13px;		font-weight: bold;		margin-bottom: 9px;	}	.copybox p {		color: #DEE5E7;		line-height: 17px;		margin: 0;		padding-bottom: 11px;	}			.copybox p.biggertext {			font-size: 13px;			line-height: 18px!important;			padding-bottom: 13px!important;			color: #fff;		}		.copybox p .stronger {			color: #fff;			font-weight: bold;		}							.copybox a {				border-bottom: 1px solid #aaca5d;			}	.copybox .homecalltoaction {		display: block;		margin: 9px 0;		padding: 0 0 0 12px;		background: url(../images/coloncolon_green.gif) no-repeat 1px 6px;	}	.copybox .pdf li {		list-style: none;	}	.copybox  ul.pdf {		margin: 0 0 25px 1px;		padding: 0;	}	.copybox .pdf a {		display: block;		margin: 9px 0 9px 0;		padding: 0 0 0 19px;		background: url(../images/pdficon.gif) no-repeat 0 1px;		border: 0;	}		.copybox .pdf a:hover {			color: #AACA5D;			border-bottom: none;			background: url(../images/pdficon_over.gif) no-repeat 0 1px;		}				.copybox .pdf.marketinsights,	.copybox .pdf.marketinsights a {		margin: 0;		padding-bottom: 0;	}			#rightcolumn .pdf a {		display: block;		margin: 2px 0 0 0;		padding: 2px 0 0 19px;		background: url(../images/pdficon.gif) no-repeat 0 1px;	}		#rightcolumn .pdf a:hover {			color: #AACA5D;			border-bottom: none;			background: url(../images/pdficon_over.gif) no-repeat 0 1px;		}										.copybox .insightscalltoaction {		display: block;		margin: 0;		padding: 0 0 0 12px;		background: url(../images/coloncolon_green.gif) no-repeat 1px 6px;	}					/* ------------------- controversial? -------------- */		.copybox ul {		color: #DEE5E7;		line-height: 15px;		margin: 0 10px 0 16px;		padding: 0 35px 0px 0;	}		.copybox li {		margin: 0 0 10px 0;		padding: 0;	}	/*----*/	.copybox .homecalltoaction .calltoaction {		display: block;		margin: 0 0 9px 0;		padding: 0 0 0 12px;		background: url(../images/coloncolon_green.gif) no-repeat 1px 6px;	}	/*----*/	.copybox p .littlenumber {			color: #AACA5D;			font-weight: bold;			font-size: 9px;		}/* -------------------------------------------------- *//* form styles *//* -------------------------------------------------- */	fieldset {		border: 0;	}	legend {		display: none;	}	.inputForm {		margin: 10px 0;	}		.inputForm .row {			width: 40em;			clear: both;			padding: 7px 0 7px 0;			margin: 0;		}		.inputForm label span {			color: #AACA5D;		}		.inputForm span.label {			display: block;			float: left;			width: 10em;			margin: 0 10px 0 0;		}		.inputForm input,		.inputForm select {			margin: 0;			padding: 0;			width: 14em;		}		.inputForm textarea {			width: 38em;		}			.inputForm input.radio {				width: auto;			}		.inputForm input.submit {			width: auto;			padding: 0 5px;			margin: 10px 0 0 0;			font-weight: bold;		}/*------------------------------------------*//*----- Home page Main Content styles ------ *//*------------------------------------------*/#homeimages {	width: 790px;	height: 340px;	float: left;	background: url(../images/home_image01.jpg) no-repeat top left;	margin-top: 10px;}#slideshow {    position:relative;    height:340px;}#slideshow IMG {    position:absolute;    top:0;    left:0;    z-index:8;}#slideshow IMG.active {    z-index:10;}#slideshow IMG.last-active {    z-index:9;}#homepage p.cta {	padding-left: 11px;	background: url(../images/coloncolon_green.gif) no-repeat 0px 6px;}#homepage #rightcolumn p.cta {	background: url(../images/coloncolon_green.gif) no-repeat 0px 4px;}#homepage h2.hometitle {	font-size: 1px;	background: url(../images/title_hometitle.gif) no-repeat 0 8px;	height: 57px;}#homepage #middlecolumn .copybox {	background: transparent;	border: 0!important;	width: 470px;	margin: 0;	padding: 0;	font-size: 13px;	line-height: 17px;}	#homepage #middlecolumn .copybox p {		padding-right: 10px;		color: #c7c4bf;	}			#homepage #middlecolumn .copybox p.stronger {			color: #fff;		}.divider {	width: 100%;	height: 20px;	background: url(../images/dots2.gif) repeat-x 0 0px;	clear: both;}.divider2 {	width: 100%;	height: 34px;	background: url(../images/dots.gif) repeat-x 0 10px;}#homecopy {	width: 459px;	background-color: #505552;	padding: 13px 0 0 9px;	border: 1px solid #505552;}	#homecopy h3 {		background: url(../images/title_importantstuff.gif) no-repeat top left;		width: 217px;		height: 20px;		margin: 0 0 12px 1px;	}		#homecopy h3 span {			position: absolute;			top: -6000em;		}	#homecopy p {		color: #DEE5E7;		line-height: 17px;		padding: 0 35px 0 0;	}		#homecopy p .stronger {			color: #fff;			font-weight: bold;		}	#homecopy .homecalltoaction {		display: block;		margin: 9px 0 9px 0;		padding: 0 0 0 12px;		background: url(../images/coloncolon_green.gif) no-repeat 1px 6px;	}		#homecopy .homecalltoaction a {			border-bottom: 1px solid #AACA5D;		}			#homecopy .homecalltoaction a:hover {				color: #AACA5D;				border-bottom: 1px solid #FFF;			}#featureboxestart {	background-color: #505552;	padding: 10px;}	#featuretitlecolumn {		width: 150px;		height: 503px;		background: #505552 url(../images/featuretitlecolumn.gif) no-repeat top left;		float: left;		margin: 0 10px 0 0;		padding: 0;	}	.featurepic {		margin: 0 10px 4px 0;		width: 100px;		height: 100px;		float: left;	}	.featurebox {		background-color: #505552;		width: 330px;		float: left;		color: #C7C4BF;	}		.featurebox p {			line-height: 15px;			padding-bottom: 3px;		}		.featurebox p.cta {			display: block;			margin: 3px 0 6px 0;			padding: 0 0 0 12px;		}/*------- featurebox headings ---------*/		.featurebox h3 {			width: 330px;			height: 27px;		}		#feature01 h3 {			background: url(../images/feature_title_01.gif) no-repeat top left;		}		#feature02 h3 {			background: url(../images/feature_title_02.gif) no-repeat top left;		}		#feature03 h3 {			background: url(../images/feature_title_03.gif) no-repeat top left;		}				#feature04 h3 {			background: url(../images/feature_title_04.gif) no-repeat top left;		}		#feature05 h3 {			background: url(../images/feature_title_05.gif) no-repeat top left;		}/*------- featurebox links ---------*/				#homepage .featurebox p.cta {			display: block;			margin: 3px 0 6px 0;			padding: 0 0 0 12px;			background: url(../images/coloncolon_green.gif) no-repeat 1px 5px;		}				#homepage .featurebox p.cta a:hover {					color: #AACA5D;				}/*------- footer styles ---------*/#bottomarea {	clear: both;	padding: 0 0 0 160px;	margin: 0;	line-height: 18px;}	#bottomarea b {		color: #928E97;	}	#bottomarea .addressline {		padding: 0 0 16px 12px;	}/*-----------------------------*//*----- People & About Us styles ------ *//*---------------------------*/#aboutuspage .copybox {	min-height: 380px;}	#peoplepic {	width: 440px;	height: 296px;	background: url(../images/aboutpic.jpg) no-repeat top left;	margin-bottom: 15px;}		h3#workingwithus,	h3#ourbackground,	h3#ourteam,	h3#beinspired {		width: 440px;		height: 48px;		padding: 0;	}	h3#workingwithus {		background: url(../images/title_workingwithus.gif) no-repeat top left;	}		h3#ourbackground {		background: url(../images/title_ourbackground.gif) no-repeat top left;	}		h3#ourteam {		background: url(../images/title_ourteam.gif) no-repeat top left;	}		h3#beinspired {		background: url(../images/title_beinspired.gif) no-repeat top left;	}			h2#collaborators {		background: url(../images/title_people_collaborators.gif) no-repeat top left;		width: 149px;		height: 52px;		margin: 20px 0 13px 0;	}		h2#collaborators span {			position: absolute;			top: -6000em;		}								h2#contemporaries {		background: url(../images/title_people_contemporaries.gif) no-repeat top left;		width: 149px;		height: 64px;		margin: 4px 0 13px 0;	}		h2#contemporaries span {			position: absolute;			top: -6000em;		}#rightcolumn .container p.contemporariestext {		margin-right: 10px;		line-height: 14px;		padding: 0 0 1px 0;	}/*-----------------------------*//*----- People link styles ------ *//*---------------------------*/.subnav li a.selected {			color: #AACA5D;		}			.subnav li a.selected:hover {				border-bottom: none;			}/*-----------------------------*//*----- Insights styles ------ *//*---------------------------*/#insightspage .copybox {	min-height: 380px;}#insightspage a {	border-bottom: none!important;}	#insightspage .copybox p a {		border-bottom: 1px solid #AACA5D!important;	}	.copybox h3#insights,	.copybox h3#insights_news,	.copybox h3#insights_opinions,	.copybox h3#insights_casestudies {		width: 326px;		height: 29px;		margin: 0px;	}		.copybox h3#insights {		background: url(../images/title_insights.gif) no-repeat 0px 0px;	}		.copybox h3#insights_news {		background: url(../images/title_insights_news.gif) no-repeat 0px 0px;	}		.copybox h3#insights_opinions {		background: url(../images/title_insights_opinions.gif) no-repeat 0px 0px;	}		.copybox h3#insights_casestudies {		background: url(../images/title_insights_casestudies.gif) no-repeat 0px 0px;	}	#insightspage h4,	#insightspage h4 a {		font-size: 15px;		font-weight: normal;		float: left;	}			#insightspage p.date {			color: #aaca5d;			font-weight: bold;			float: right;			padding: 0 2px 0!important;			margin-top: 1px;		}					#insightspage .copybox p {				line-height: 15px;				padding-bottom: 0px;			}						#insightspage.subnav li a,			#insightspage a.cta {				display: block;				margin-top: 8px;				width: 75px;			}				#insightspage IMG {		margin: 4px 0 12px;	}					#rightcolumn #telly {			background: url(../images/telly.gif) no-repeat 0px 15px;			padding: 70px 0 0 0;		}				#insightspage h5 {		font-size: 11px;		font-weight: bold;		color: #aaca5d;		margin-bottom: 12px;	}		#insightspage .copybox ul {		list-style-type: disc;	}				#relatedlinks ul {		list-style-type: none;		margin: 0;		padding: 0;	}		#relatedlinks li {		display: block;		background: url(../images/relatedlinkbkgd.gif) no-repeat 0 0;		padding: 4px 0 0 12px;		margin: 0 0 4px;	}		/*-----------*/#progress_paintworks {	width: 470px;	height: 560px;	background: url(../images/progress_paintworks.jpg) no-repeat top left;	margin: 6px 0 0 0;	padding: 0;}#progress_kate {	width: 470px;	height: 336px;	background: url(../images/progress_wiltshire.jpg) no-repeat top left;	margin: 6px 0 0 0;	padding: 0;}	h3#feverpitch {		background: url(../images/title_progress_feverpitch.gif) no-repeat top left;		width: 329px;		height: 46px;		margin-left: 1px;		padding: 0;	}		h3#feverpitch span {			position: absolute;			top: -6000em;		}				h3#marmite {		background: url(../images/title_progress_marmite.gif) no-repeat top left;		width: 329px;		height: 46px;		margin-left: 1px;		padding: 0;	}		h3#marmite span {			position: absolute;			top: -6000em;		}	h3#solsoft {		background: url(../images/title_progress_solsoft.gif) no-repeat top left;		width: 329px;		height: 46px;		margin-left: 1px;		padding: 0;	}		h3#solsoft span {			position: absolute;			top: -6000em;		}	h3#lies {		background: url(../images/title_progress_lies.gif) no-repeat top left;		width: 329px;		height: 46px;		margin-left: 1px;		padding: 0;	}		h3#lies span {			position: absolute;			top: -6000em;		}	h3#insight {		background: url(../images/title_progress_insight.gif) no-repeat top left;		width: 329px;		height: 46px;		margin-left: 1px;		padding: 0;	}		h3#insight span {			position: absolute;			top: -6000em;		}/*-----------------------------*//*----- Contact styles ------ *//*---------------------------*/#contactpic {	width: 440px;	height: 296px;	background: url(../images/contactpic.jpg) no-repeat top left;	margin-bottom: 15px;}h2#contactus {		background: url(../images/title_contactus.gif) no-repeat top left;		width: 149px;		height: 31px;		margin: 20px 0 13px 0;	}		h2#contactus span {			position: absolute;			top: -6000em;		}#contactus a {		border-bottom: 1px solid #AACA5D;	}		#contactus a:hover {			color: #AACA5D;			border-bottom: 1px solid #FFF;		}/*-------------------------------------------------------------------*//*------- Extra styles for People > Sam and Progress stories ------- *//*-------------------------------------------------------------------*/a.progress_stronger {	color: #AACA5D;	/*border-bottom: 1px solid #AACA5D;*/}	a:hover.progress_stronger {		color: #fff;	}.copybox p .littleregsign {	/* font-size: 9px; */}	#middlecolumn.archive .archivepic {		width: 100px;		height: 100px;		margin: 0 15px 0 0;		padding: 0;		float: left;	}.storypic {	width: 110px;	height: 111px;	float: left;	background-repeat: no-repeat!important;	background-position: 0 3px!important;}	.storypic.sam {	background-image: url(../images/people_sam.jpg);}.storypic.mike {	background: url(../images/people_bigmikecannings.jpg);}.storypic.sass {	background: url(../images/people_sass.jpg);}.paintworks {	background: url(../images/progress_paintworks.jpg) no-repeat top left;}.wiltshire {	background: url(../images/progress_wiltshire.jpg) no-repeat top left;}.solsoft {	background: url(../images/progress_solsoft.jpg) no-repeat top left;}.marmite {	background: url(../images/progress_marmite.jpg) no-repeat top left;}.lies {	background: url(../images/progress_lies.jpg) no-repeat top left;}.groovy {	background: url(../images/progress_groovy.gif) no-repeat top left;}.survey {	background: url(../images/progress_survey.jpg) no-repeat top left;}.colour {	background: url(../images/progress_colour.jpg) no-repeat top left;}.greenlight {	background: url(../images/progress_greenlight.jpg) no-repeat top left;}.briefing {	background: url(../images/progress_briefing.jpg) no-repeat top left;}.fineprint {	background: url(../images/progress_fineprint.jpg) no-repeat top left;}.giantleap {	background: url(../images/progress_giantleap.jpg) no-repeat top left;}.budget {	background: url(../images/progress_budget.jpg) no-repeat top left;}.characters {	background: url(../images/progress_characters.jpg) no-repeat top left;}.marketinsights {	/*background: url(../images/progress_characters.jpg) no-repeat top left;*/}.healthcheck {	background: url(../images/progress_healthcheck.jpg) no-repeat top left;}.thatfridayfeeling {	background: url(../images/progress_thatfridayfeeling.jpg) no-repeat top left;}.archivepic a {	display: block;	width: 98px;	height: 98px;	border: 1px solid #fff;}.archivepic a:hover {	border: 1px solid #AACA5D;}.archivepic_plush {	background: url(../images/showcase_plush.jpg) no-repeat top left;}.archivepic_results {	background: url(../images/showcase_results.jpg) no-repeat top left;}.archivepic_projectology {	background: url(../images/showcase_projectology.jpg) no-repeat top left;}.archivepic_cctmob {	background: url(../images/showcase_cctmob.gif) no-repeat top left;}.archivepic_cctann {	background: url(../images/showcase_cctann.gif) no-repeat top left;}.archivepic_ridethewave {	background: url(../images/showcase_ridethewave.jpg) no-repeat top left;}.archivepic_exony {	background: url(../images/showcase_exony.jpg) no-repeat top left;}.archivepic_elevate {	background: url(../images/showcase_elevate.gif) no-repeat top left;}.archivepic_yogabodyflow {	background: url(../images/showcase_yogabodyflow.jpg) no-repeat top left;}.archivepic_peopleshop {	background: url(../images/showcase_peopleshop.jpg) no-repeat top left;}.archivepic_robsontaylor {	background: url(../images/showcase_robsontaylor.jpg) no-repeat top left;}.archivepic_dept707 {	background: url(../images/showcase_dept707.jpg) no-repeat top left;}.archivepic_yeahrepublic {	background: url(../images/showcase_yeahrepublic.jpg) no-repeat top left;}.archivepic_characters {	background: url(../images/progress_characters.jpg) no-repeat top left;}.archivepic_budget {	background: url(../images/progress_budget.jpg) no-repeat top left;}.archivepic_fineprint {	background: url(../images/progress_fineprint.jpg) no-repeat top left;}.archivepic_greenlight {	background: url(../images/progress_greenlight.jpg) no-repeat top left;}.archivepic_truecolours {	background: url(../images/progress_colour.jpg) no-repeat top left;}.archivepic_briefing {	background: url(../images/progress_briefing.jpg) no-repeat top left;}.archivepic_survey {	background: url(../images/progress_survey.jpg) no-repeat top left;}	h3#story, #h3.archivestory {		width: 300px;		height: 85px;		margin-left: 1px;		padding: 0;		float: left;	}		h3#story span, #h3.archivestory span {			position: absolute;			top: -6000em;		}.samtitle {	background: url(../images/title_people_sam.gif) no-repeat top left;}.miketitle {	background: url(../images/title_people_mike.gif) no-repeat top left;}.sasstitle {	background: url(../images/title_people_sass.gif) no-repeat top left;}.paintworkstitle {	background: url(../images/title_progress_paintworks.gif) no-repeat top left;}.wiltshiretitle {	background: url(../images/title_progress_wiltshire.gif) no-repeat top left;}.marmitetitle {	background: url(../images/title_progress_marmite.gif) no-repeat top left;}.solsofttitle {	background: url(../images/title_progress_solsoft.gif) no-repeat top left;}.liestitle {	background: url(../images/title_progress_lies.gif) no-repeat top left;}.colourtitle {	background: url(../images/title_progress_colour.gif) no-repeat top left;}.groovytitle {	background: url(../images/title_progress_groovy.gif) no-repeat top left;}.greenlighttitle {	background: url(../images/title_progress_greenlight.gif) no-repeat top left;}.briefingtitle {	background: url(../images/title_progress_insight.gif) no-repeat top left;}.fineprinttitle {	background: url(../images/title_progress_fineprint.gif) no-repeat top left;}.giantleaptitle {	background: url(../images/title_progress_giantleap.gif) no-repeat top left;}.budgettitle {	background: url(../images/title_progress_budget.gif) no-repeat top left;}.surveytitle {	background: url(../images/title_progress_survey.gif) no-repeat top left;}.characterstitle {	background: url(../images/title_progress_characters.gif) no-repeat top left;}.marketinsightstitle {	background: url(../images/title_progress_marketinsights.gif) no-repeat top left;}.healthchecktitle {	background: url(../images/title_progress_healthcheck.gif) no-repeat top left;}.thatfridayfeelingtitle {	background: url(../images/title_progress_thatfridayfeeling.gif) no-repeat top left;}/* -- archive -- */#middlecolumn.archive .archivestory {	height: 24px;	margin-left: 115px;}#middlecolumn.archive .copybox {	padding-bottom: 12px;}#middlecolumn.archive .copybox p {	line-height: 15px;	padding-right: 22px;	padding-bottom: 0px;}	#archiveintrobox {		padding: 0 0 0 4px;	}		#middlecolumn.archive .copybox #archiveintrobox p {		line-height: 16px;		padding-bottom: 1px;	}		#middlecolumn.archive .copybox h3.archiveintrotitle {		background: url(../images/title_archive_maintitle.gif) no-repeat top left;		width: 425px;		height: 51px;	}	#middlecolumn.archive .copybox h3 {		margin-bottom: 0px;	}		#middlecolumn.archive .copybox .homecalltoaction {		/*margin: 4px 0 0 114px;*/	}	.archive_plush {	background: url(../images/title_archive_plush.gif) no-repeat top left;}.archive_results {	background: url(../images/title_archive_results.gif) no-repeat top left;}.archive_projectology {	background: url(../images/title_archive_projectology.gif) no-repeat top left;}.archive_ridethewave {	background: url(../images/title_archive_ridethewave.gif) no-repeat top left;}.archive_cctmob {	background: url(../images/title_archive_cctmob.gif) no-repeat top left;}.archive_cctann {	background: url(../images/title_archive_cctann.gif) no-repeat top left;}.archive_exony {	background: url(../images/title_archive_exony.gif) no-repeat top left;}.archive_elevate {	background: url(../images/title_archive_elevate.gif) no-repeat top left;}.archive_yogabodyflow {	background: url(../images/title_archive_yogabodyflow.gif) no-repeat top left;}.archive_peopleshop {	background: url(../images/title_archive_peopleshop.gif) no-repeat top left;}.archive_robsontaylor {	background: url(../images/title_archive_robsontaylor.gif) no-repeat top left;}.archive_dept707 {	background: url(../images/title_archive_dept707.gif) no-repeat top left;}.archive_yeahrepublic {	background: url(../images/title_archive_yeahrepublic.gif) no-repeat top left;}/* -- -- */.divider3 {	width: 440px;	height: 30px;	background: url(../images/dots.gif) repeat-x 0 15px;	clear: both;}.divider4 {	width: 450px;	height: 19px;	background: url(../images/dots3.gif) repeat-x 0 8px;	clear: both;}/*-- SPOTLIGHTS --*/#spotlight_contactus, #spotlight_progress, #spotlight_people, #spotlight_signup, #spotlight_healthcheck, #spotlight_showreel3 {	width: 150px;}#spotlight_contactus h2, #spotlight_progress h2, #spotlight_people h2, #spotlight_signup h2,#rightcolumn.archive #spotlight_contactus h2, #rightcolumn.archive #spotlight_progress h2, #rightcolumn.archive #spotlight_people h2, #rightcolumn.archive #spotlight_signup h2, #rightcolumn.archive #homepage_showreel2 h2 {	font-size: 1px;}#spotlight_contactus h2 {		background: url(../images/spotlight_contactus.gif) no-repeat 0 4px;		height: 90px;}#spotlight_progress h2 {		background: url(../images/spotlight_progress.gif) no-repeat 0 4px;		height: 90px;}#spotlight_people h2 {		background: url(../images/spotlight_people.gif) no-repeat 0 11px;		height: 105px;}#spotlight_signup h2 {		background: url(../images/spotlight_signup.gif) no-repeat 0 4px;		height: 90px;}	p.spotlightlink, #rightcolumn .container p.spotlightlink {	color: #fff;	padding-left: 11px;	margin-bottom: 4px;	background: url(../images/coloncolon_green.gif) no-repeat 0px 4px;	line-height: 14px;}#rightcolumn .container p.spotlightlink {	padding-bottom: 0px;}			.divider_invisible {	width: 100%;	height: 6px;	clear: both;}#spotlight_healthcheck {	background: url(../images/spotlight_healthcheck.gif) no-repeat 0 0;	height: 129px;	margin-top: 18px;}#spotlight_healthcheck h2 {	height: 81px;	font-size: 1px;}	#spotlight_healthcheck.insightstory {		margin-top: 0;	}		#spotlight_healthcheck p.spotlightlink, #rightcolumn #spotlight_healthcheck p.spotlightlink, #spotlight_showreel3 p {	padding-left: 0;}#spotlight_showreel3 {	background: url(../images/title_home_showreel2.gif) no-repeat 0 0;	height: 129px;	margin-top: 22px;}#spotlight_showreel3 h2 {	height: 108px;	font-size: 1px;}						/* archive spotlights */	#rightcolumn.archive #spotlight_progress h2 {		margin-top: 10px;		background: url(../images/spotlight_progress.gif) no-repeat bottom left;		height: 92px;		}				#rightcolumn.archive #spotlight_people h2 {	margin-top: 18px;}#rightcolumn.archive .containerlast {						margin-top: 3px;					}	/* -- */							/* -- be inspired links page in people section -- */#beinspiredpage #middlecolumn {	background-color: #505552;	margin-top: 10px;}	#beinspiredpage .copybox {		margin-top: 0px;	}.beinspiredcolumn {	float: left;	width: 190px;	margin-right: 25px;	margin-bottom: 15px;	margin-top: 10px;}.copybox .beinspiredlink {		display: block;		margin: 0;		padding: 0 0 0 12px;		background: url(../images/coloncolon_green.gif) no-repeat 1px 6px;	}			.copybox .beinspiredlink a {			border-bottom: 1px solid #AACA5D;		}					.copybox .beinspiredlink a:hover {				color: #AACA5D;				border-bottom: 1px solid #FFF;			}			.copybox p.beinspiredtext {	line-height: 16px;	padding-right: 0px;	margin-right: 0px;	padding-bottom: 8px;}#newlayout #middlecolumn.beinspiredcolumn {	background-color: #505552;}.divider_people {	width: 100%;	height: 34px;	background: url(../images/dots.gif) repeat-x 0 4px;}#rightcolumn .container p.progresstestimoniallink {	color: #fff;	padding-left: 11px;	margin-bottom: 4px;	background: url(../images/coloncolon_green.gif) no-repeat 0px 16px;	}p.progresstestimoniallink a {	border-bottom: 1px solid #AACA5D;}	p.progresstestimoniallink a:hover {		color: #AACA5D;		border-bottom: 1px solid #fff;	}		#rightcolumn .container p.progresstestimoniallink {	padding-bottom: 0px;}.insightstory h3 {	margin: -2px 10px 0 0;	background: url(../images/dots.gif) repeat-x 0 25px;	height: 36px;}.insightstory h4 {	margin-bottom: 6px;	font-size: 13px;}.insightstory p {	line-height: 15px;	padding-bottom: 21px;}/*-------------------*/#marketinsightsselector {		width: 447px;	height: 172px;	padding: 2px;	background: #303934 url(../images/insightimagenav00.gif) no-repeat 276px 83px;}	#leftbox {		width: 280px;	}		#rightbox {		padding-top: 65px;		padding-left: 274px;	}		#marketinsightsselector a {		border: 1px solid #303934;		display: block;		width: 84px;		height: 83px;		float: left;		margin: 0 2px 2px 0;		display: inline;	}			#marketinsightsselector a:active {				border: 1px solid #303934;			}		#marketinsightsselector a:hover {			border: 1px solid #fff;		}						#marketinsightsselector a#imagenav01 {				background: url(../images/insightimagenav01.jpg) no-repeat top left;			}						#marketinsightsselector a#imagenav02 {				background: url(../images/insightimagenav02.jpg) no-repeat top left;			}						#marketinsightsselector a#imagenav03 {				background: url(../images/insightimagenav03.jpg) no-repeat top left;			}						#marketinsightsselector a#imagenav04 {				background: url(../images/insightimagenav04.jpg) no-repeat top left;			}						#marketinsightsselector a#imagenav05 {				background: url(../images/insightimagenav05.jpg) no-repeat top left;			}						#marketinsightsselector a#imagenav06 {				background: url(../images/insightimagenav06.jpg) no-repeat 0 0px;			}						/*-----------------------------*//*----- What we do styles ------ *//*---------------------------*/#whatwedopage #middlecolumn p a {	border-bottom: 1px solid #AACA5D;}#whatwedopic {	width: 440px;	height: 296px;	background: url(../images/whatwedopic.jpg) no-repeat top left;	margin-bottom: 15px;}#whatwedolinks ul li span {	visibility: hidden;}#whatwedolinks ul {	margin-left: 0;	margin-top: 10px;}	#whatwedolinks li {		margin-bottom: 0;	}	#whatwedolinks ul li a {		display: block;	width: 440px;	height: 31px;	border: 0;}		#whatwedolinks ul li a#whatwedolink01 {		background: url(../images/whatwedolink01.gif) no-repeat 0px 0px;	}		#whatwedolinks ul li a#whatwedolink02 {		background: url(../images/whatwedolink02.gif) no-repeat 0px 0px;	}		#whatwedolinks ul li a#whatwedolink03 {		background: url(../images/whatwedolink03.gif) no-repeat 0px 0px;	}		#whatwedolinks ul li a#whatwedolink04 {		background: url(../images/whatwedolink04.gif) no-repeat 0px 0px;	}		#whatwedolinks ul li a#whatwedolink05 {		background: url(../images/whatwedolink05.gif) no-repeat 0px 0px;	}			#whatwedolinks ul li a:hover#whatwedolink01,		#whatwedolinks ul li a:hover#whatwedolink02,		#whatwedolinks ul li a:hover#whatwedolink03,		#whatwedolinks ul li a:hover#whatwedolink04,		#whatwedolinks ul li a:hover#whatwedolink05 {			background-position: 0px -100px;		}		h3#brandidentity,	h3#eventmaterials,	h3#marketingcollateral,	h3#digital,	h3#packaging {		width: 440px;		height: 48px;		padding: 0;	}	h3#brandidentity {		background: url(../images/title_brandidentity.gif) no-repeat top left;	}		h3#eventmaterials {		background: url(../images/title_eventmaterials.gif) no-repeat top left;	}		h3#marketingcollateral {		background: url(../images/title_marketingcollateral.gif) no-repeat top left;	}		h3#digital {		background: url(../images/title_digital.gif) no-repeat top left;	}	h3#packaging {		background: url(../images/title_packaging.gif) no-repeat top left;	}h2#experienceincludes {	background: url(../images/title_experienceincludes.gif) no-repeat top left;	width: 150px;	height: 55px;	margin: 16px 0 10px 0;}/*---------------------------*/	#biogspage .copybox p {		line-height: 16px;	}			#biogspage .divider3 {			background-position: 0 7px!important;				height: 22px;		}				#biogspage h4 {			color: #C0C4C5;			font-weight: normal;		}				#biogspage h4 strong {			color: #fff;		}	.copybox p.cta {		padding: 0 0 0 11px;		background: url(../images/coloncolon_green.gif) no-repeat 0px 6px;	}			.copybox p.cta a {			border: 0;		}/*---------------------------*/												.larger {	font-size: 13px!important;	line-height: 17px!important;}