html {
	height: 100%;
 	overflow-y: scroll;
}
body {
	height: 100%;
	margin: 0;
	font-size: 63%;
	font-family: Verdana;
	line-height: 1.9em;
	background: #eaeaea url(../images/bgBody.png) repeat-x left top; 
	text-align: center;
}

div.hr { clear: both; }
	div.hr hr { display: none; }

.floatClear {
	clear:both;	
}

#wrap {
	height: 100%;
}
#mainCol {
	min-height: 100%;
	width: 906px;
	background: #ffffff url(../images/bgVert.png) repeat-y left top;
	text-align: left;
	margin: 0 auto;
	position:relative;
	padding-bottom:20px;
}
* html #mainCol {
	height: 100%;
}
#header {
	width: 856px;
	height: 260px; 
	padding: 0 25px;
	background: url(../images/bgMain.png) no-repeat left top; 
}
* html #header {
	width: 906px;
}
#left {
	width:276px;
	padding:10px 0 0 55px;
	float:left;
}
#right {
	width:520px;
	padding:10px 30px 10px 0;
	float:left;
	font-size:1.2em;
	color:#6c6c6c;
}
#bottom {
	display:none;
}
.skipNav {
	display:none;
}
#navPrimary {
	float: left;
	width: 276px;
	min-height: 88px;
	margin: 0px;
	font-size: 1.5em;
}
* html #navPrimary {
	height: 100px;
}
	#navPrimary ul { 
		margin: 0px; 
		padding: 0px; 
		width: 100%; 
	}
	#navPrimary li { 
		clear: left; 
		float: left; 
		padding: 0px; 
		margin: 0 0 0 0; 
		list-style-type: none !important; 
		list-style-image: none !important; 
		font-weight: bold; 
	}
	#navPrimary a { 
		color: #6c6c6c;
		padding:0 6px 0 0;
	}
	#navPrimary a:hover, #navPrimary li.current a { 
		color: #d02029; 
		background:#EAEAEA;
	}	
#navSecondary {
	float: left;
	width: 200px;
	min-height: 88px;
	padding: 12px 0 0 0;
	margin:12px 0 0 0;
	font-weight: bold;
	font-size: 1.3em;
	border-top:1px solid #c6c6c6;
}
* html #navSecondary {
	height: 100px;
}
	#navSecondary ul { 
		margin: 0px; 
		padding: 0px; 
		width: 100%; 
	}
	#navSecondary li { 
		clear: left; 
		float: left; 
		padding: 0px; 
		margin: 0 0 0 0;
		list-style-type: none !important; 
		list-style-image: none !important; 
		width: 100%; 
	}
	#navSecondary a { 
		color: #D0202A; 
	}
	#navSecondary a:hover, #navSecondary a.current { 
		color: #fff;
		background:#D0202A;
	}
	
#address {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0px;
	padding: 12px 0px 12px 17px;
	font-weight: bold;
	font-size: 1.0em;
}
	#address p { 
		margin: 0px; 
	}

/* --- PAGE TITLES --- */
h1 {
	display:none;
}
h2 {
	text-indent:-9999px;
	height:22px;
	width:100%;
	display:block;
	margin:0 0 15px 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
body.homepage h2 {	
	background-image: url(../images/titles/weLoveTheWeb.gif);
}
body.whatWeDo h2 {	
	background-image: url(../images/titles/whatWeDo.gif);
}
body.whoWeAre h2 {	
	background-image: url(../images/titles/whoWeAre.gif);
}
body.clients h2 {	
	background-image: url(../images/titles/whatWeDone.gif);
}
body.business h2 {	
	background-image: url(../images/titles/marketingWork.gif);
}
body.designers h2 {	
	background-image: url(../images/titles/designers.gif);
}
body.ITProfessionals h2 {	
	background-image: url(../images/titles/ITProfessionals.gif);
}
body.publicSector h2 {	
	background-image: url(../images/titles/publicSector.gif);
}
body.blog h2 {	
	background-image: url(../images/titles/blog.gif);
}
body.contact h2 {	
	background-image: url(../images/titles/contact.gif);
}
body.cs_fatCity h2 {	
	background-image: url(../images/titles/cs_fatCity.gif);
}
body.cs_brahm h2 {	
	background-image: url(../images/titles/cs_brahm.gif);
}
body.cs_capita h2 {	
	background-image: url(../images/titles/cs_capita.gif);
}
body.cs_habitat h2 {	
	background-image: url(../images/titles/cs_habitat.gif);
}
body.cs_scruff h2 {	
	background-image: url(../images/titles/cs_scruff.gif);
}
body.cs_warpx h2 {	
	background-image: url(../images/titles/cs_warpx.gif);
}
body.cs_warpFilms h2 {	
	background-image: url(../images/titles/cs-warpedGoods.gif);
}
body.wwd_consultancy h2 {	
	background-image: url(../images/titles/wwd_consultancy.gif);
}
body.wwd_bespokeDev h2 {	
	background-image: url(../images/titles/wwd_bespokeDev.gif);
}
body.wwd_contentMan h2 {	
	background-image: url(../images/titles/wwd_contentManagement.gif);
}
body.wwd_eCommerce h2 {	
	background-image: url(../images/titles/wwd_eCommerce.gif);
}
body.wwd_eMarketing h2 {	
	background-image: url(../images/titles/howSpendBudget.gif);
}
body.wwd_emailMarketing h2 {	
	background-image: url(../images/titles/wwd_emailMarketing.gif);
}
body.wwd_flashDev h2 {	
	background-image: url(../images/titles/wwd_flashDev.gif);
}
body.wwd_flashGames h2 {	
	background-image: url(../images/titles/wwd_flashGames.gif);
}
body.wwd_socialMed h2 {	
	background-image: url(../images/socialMediaTitle.gif);
}
body.fulfillment h2 {
	background-image: url(../images/titles/fulfillment.gif);
}
body.cs_charlesBirch h2 {
	background-image: url(../images/titles/cs_charlesBirch.gif);
}
body.sitemap h2 {
	background-image: url(../images/titles/sitemap.gif);
}
p {
	margin:0 0 10px 0;
}
p.actionLink {
	padding: 8px 0 10px 0;
}
	p.actionLink a {
		padding: 5px 35px 6px 6px;
		background: url(../images/commonLink_bg.gif) right 8px no-repeat #eaeaea;
		border: 1px solid #C7C7C7;
		font-weight: bold;
	}
	p.actionLink a:hover {
		background-position: right -22px;
		color: #D0202A;
		border: 1px solid #777;
	}
a.commonLink { /* deprecated in favour of p.actionLink a */
	padding:5px 35px 6px 6px;
	background:url(../images/commonLink_bg.gif) right 8px no-repeat #eaeaea;
	border:1px solid #C7C7C7;
	font-weight:bold;
}
a.commonLink:hover {
	background-position:right -22px;
	color:#D0202A;
	border:1px solid #777;
}
a.commonLinkDownload {
	padding:5px 35px 6px 6px;
	background:url(../images/commonLink_dl_bg.gif) right 0.4em no-repeat #eaeaea;
	border:1px solid #C7C7C7;
	font-weight:bold;
}
a.commonLinkDownload:hover {
	background-position:right -1.65em;
	color:#D0202A;
}
a.caseStudyLink {
	width:100%;
	display:block;
	padding:4px 0 4px 6px;
	color:#fff !important;
	background:#6C6C6C;
	font-weight:bold;
}
a.caseStudyLink:hover {
	color:#000 !important;
}

h2:first-child { margin-top: 0px; } /* BOX MODEL ISSUE */

h3 {
	font-size: 1.3em;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}
h4 {
	font-size: 1.2em;
	margin:0 0 10px 0;
}
a:link, a:visited {
	color: #D00327;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

img {
 	margin: 0px;
 	padding: 0px;
}
ul {
	margin-top:0;
	margin-bottom:10px;	
}

li {
	padding: 0px;
	margin: 0px;
	margin-left: -16px;
	list-style-image:url(../images/listMarker.gif);
}
* html li {
	padding: 0 0 2px 6px;
	margin: 0 0 0 -24px;
	line-height:1.4em;
	list-style-image:url(../images/listMarker_ie.gif);
}
*:first-child+html li {
	padding: 0 0 2px 6px;
	margin: 0 0 0 -24px;
	line-height:1.4em;
	list-style-image:url(../images/listMarker_ie.gif);
}
.boxShot {
	float: right;
	border: 1px solid #c7c7c7;
	margin: 3px 0 0 12px;
	padding: 12px 20px 0 0;
}

/* -------------------- SMALL CASE STUDIES -------------------- */

.smallCsWrap {
	width:520px;
	float:left;
	margin:0 0 10px 0;
	padding: 0;
}
	.smallCsWrap li {
		display: inline;
		list-style: none;
		margin:0;
		padding: 0;
	}
a.caseStudy {
	float:left;
	width:260px;
	background:url(../images/csSmall_top.gif) 0 0 no-repeat; 
	color:#6c6c6c;
	cursor:pointer;
}
	a.caseStudy:hover, a.caseStudy:hover strong {
		color: #000;
	}
	.caseStudy .inside {
		float: left;
		width: 232px;
		background: url(../images/csSmall_bottom.gif) -1px bottom no-repeat; 
		padding: 14px;
		line-height: 1.4em;
	}
	.caseStudy .inside img {
		border: none;
	}
	.caseStudy .inside strong {
		color: #d02029;
	}
.csImg {
	border:1px solid #c7c7c7; 
}

/* -------------------- JQUERY ACCORDIAN -------------------- */

.basicAccordion  {
	width: 518px;
	font-family: verdana;
	margin:0 0 15px 0;
}
.basicAccordion div {
	border-color: #c7c7c7;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 10px 10px 0 10px;
}
.basicAccordion h3 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.basicAccordion h3.selected {
	background: url(../images/AccordionTab00.gif); 
	font-weight: bold;
}
	.basicAccordion h3 a {
		cursor: pointer;
		display: block;
		padding: 3px 0 3px 4px;
		margin-top: 0;
		text-decoration: none;
		font-size: 12px;
		color: #d02029;
		background-color: #00a0c6;
		border-color: #c7c7c7;
		border-style: solid;
		border-width: 1px;
		background: url(../images/AccordionTab0.gif);
	}
	.basicAccordion h3 a.noTopBorder {
		border-width: 0 1px 1px 1px;
	}
	.basicAccordion h3 a:hover {
		background: url(../images/AccordionTab00.gif);
	}
.basicAccordion ul {
}
		.basicAccordion ul li ul {
			margin: 0;
		}

/* ----------------- CAROUSEL ------------------- */
.carouselWrap {
	width:518px;
	height:390px;
	background:#ffffff;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
.panel p a {
	padding: 2px 0 2px 5px;
/*	width: 100%; */
	display: block;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(../images/panelLink_bg.gif);
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
}
	.panel p a:link, .panel p a:visited {
		background-position: right 6px;
		border-color: #ffffff;
		color: #d0202a;
	}
	.panel p a:hover, .panel p a:active {
		background-position: right -27px;
		border-color: #777;
		color: #d0202a;
	}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width:518px; /*Width of Carousel Viewer itself*/
	height: 349px; /*Height should enough to fit largest content's height*/
	background:#eaeaea;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.belt a img {
	border: 0 none;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 498px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.buttons {
	width:127px;
	padding:5px 15px 5px 15px;
	float:right;
	background:#fff;
	border:1px solid #eaeaea;
	border-width:0 1px 1px 1px;
}
* html .buttons {
	width:148px;
	padding:5px 15px 0 15px;
}
p.csHeight {
	height:54px;
}
.carouselWrap .buttons a {
	width:18px;
	height:11px !important;
	display:block;
	outline:none;
	text-indent:-9999px;
	margin:4px 0 0 0;
	line-height:0.9em;
	background-repeat: no-repeat;
}
	.carouselWrap .buttons a.backOne {
		background-image: url(../images/backOne.gif);
		float:left;
	}
	.carouselWrap .buttons a.forwardOne {
		background-image: url(../images/forwardOne.gif);
		float:right;
	}
	.carouselWrap .buttons a:link, 
	.carouselWrap .buttons a:visited {
		background-position: 0 0;
	}
	.carouselWrap .buttons a:hover, 
	.carouselWrap .buttons a:active {
		background-position: 0 -11px;
	}
.slideCounter {
	width:91px;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	float:left;
}
.hidden {
	visibility:hidden;
}
.unhidden {
	visibility:visible;
}
.clientsLogos {
	width:515px;
	height:315px;
	background:url(../images/clientLogos.jpg) center center no-repeat;
	margin-bottom:15px;
}
	.clientsLogos ul {
		display:none;	
	}
.workedForLogos {
	width:515px;
	height:85px;
	background:url(../images/workedForLogos.gif) center center no-repeat;
	margin-bottom:15px;
}
	.workedForLogos ul {
		display:none;	
	}
	
.clientList ul {
	width:210px;
	float:left;
}

* html .clientList ul {
	width:auto;
	float:none;
}
.topTrump {
	width:300px;
	height:425px;
	background:url(../images/wltw_topTrump.jpg) center -11px no-repeat;
	float:right;
	margin:-40px -15px 0 0;
}
	.topTrump ul {
		display:none;	
	}
.freeCallToActions {
	width:520px;
	padding:15px 0 0 0;
}
	.freeCallToActions .col1 {
		margin:0 20px 0 0;	
		width:230px;
		float:left;
	}
	.freeCallToActions .col2 {
		width:230px;
		float:left;
		margin:0 0 0 20px;
		_margin:0;
		display:inline;
	}
	.freeCallToActions .col1 .top {
		width:230px;
		_width:250px;
		background:url(../images/freeTechBidSupport_dark.gif) 0 0 no-repeat;
		padding:90px 10px 0 10px;
		float:left;
		color:#000;
		min-height:48px;
	}
	.freeCallToActions .col2 .top {
		width:230px;
		_width:250px;
		background:url(../images/freeSalesTraining_dark.gif) 0 0 no-repeat;
		padding:90px 10px 0 10px;
		float:left;
		color:#000;
		min-height:48px;
	}
	.freeCallToActions .col1 .bottom,
	.freeCallToActions .col2 .bottom{
		width:228px;
		_width:250px;
		background:url(../images/freeStuff_bottom.gif) 0 0 no-repeat;
		padding:10px 10px 0 10px;
		float:left;
		color:#000;
		border-left:1px solid #CF202B;
		border-bottom:1px solid #CF202B;
		border-right:1px solid #CF202B;
	}
	.freeCallToActions .col1 h5,
	.freeCallToActions .col2 h5 {
		display:none;
	}
	/*
	.freeCallToActions span {
		text-shadow: 0 1px 0 #83020A;	
		color:#fff;
	}
	*/
.creativeCTA {
	width:520px;
	height:150px;
	display:block;
	background:url(../images/creativeAgenciesClickHere_bg.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
.creativeCTA:hover {
	background:url(../images/creativeAgenciesClickHere_bg.jpg) 0 -150px no-repeat;
}
.marketingCTA {
	width:520px;
	height:150px;
	display:block;
	background:url(../images/marketingClickHere_bg.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
.marketingCTA:hover {
	background:url(../images/marketingClickHere_bg.jpg) 0 -150px no-repeat;
}
.bigger {
	font-size:1.1em; 
	color:#D0202A;	
}
.MakeItWork_sweet {
	float:right;
	margin:-20px -15px 0 0;
}
* html .MakeItWork_sweet {
	margin:-10px -15px 0 0;
	display:inline;
}
.speechList {
	padding-left:55px;
}
.speechList li {
	margin-bottom:3px;
}
.speechList li.wltw {
	list-style-image:url(../images/speechBubble_red.gif);
}
.speechList li.client {
	list-style-image:url(../images/speechBubble_grey.gif);
}
.homepage img {
	border:none;
}

.sitemap #right ul li ul li {
	list-style-image:url(../images/listMarker_lightGrey.gif);
}
	.sitemap #right ul li ul li a {
		color:#6C6C6C;
	}
.sitemapLink {
	position:absolute;
	bottom:12px;
	right:50px;
	text-decoration:underline !important;
	color:#999 !important;
}
.sitemapLink:hover {
	text-decoration:none !important;
}