* {
	margin: 0;
	padding: 0;
}
body {
	background: #BAE0CA;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #231F20;
}
.thoughtspage {
	background: #C5E9F5;
}
.workpage {
	background: #D1D2D4;
}
.blogpage {
	background: #F5F8DF;
	background: #fff;
}
#container {
	width: 990px;
}
#logo_nav {
	width: 120px;
	float: left;
	margin-right: 10px;
	display: inline;
}
#content_column {
	width: 678px;
	float: left;
	margin: 20px 10px 0 0;
	display: inline;
}
#contact {
	width: 162px;
	margin: 20px 0;
	float: left;
	display: inline;
}
/**** LHS COLUMN STYLES **/
#logo_nav h1 {
	width: 120px;
	height: 146px;
}
#logo_nav h1 a {
	display: block;
	text-indent: -3333px;
	background: url(../_img/300million_logo.gif);	
	width: 120px;
	height: 100px;
}
.thoughtspage #logo_nav h1 a { background: url(../_img/300million_logo-blue_v2.gif);}
.workpage #logo_nav h1 a { background: url(../_img/300million_logo-grey.gif);}
.blogpage #logo_nav h1 a { background: url(../_img/300million_logo-white.gif);}

#logo_nav ul {
	list-style: none;
	margin-top: 8px;
}
#logo_nav ul li a {
	display: block;
	width: 120px;
	height: 20px;
	text-indent:-3333px;
	text-decoration: none;
	outline: none;
}
#logo_nav ul li#nav-div{
	width: 120px;
	height: 20px;
	text-indent:-3333px;
	text-decoration: none;
	outline: none;
}

#logo_nav #nav-what a {	background-image: url(../_img/_nav/what.gif); }
#logo_nav #nav-thoughts a {	background-image: url(../_img/_nav/thoughts.gif); }
#logo_nav #nav-who a {	background-image: url(../_img/_nav/who.gif); }
#logo_nav #nav-work a {	background-image: url(../_img/_nav/work.gif); }
#logo_nav #nav-twitter a {	background-image: url(../_img/_nav/twitter.gif); }
#logo_nav #nav-blog a {	background-image: url(../_img/_nav/blog.gif); }


.thoughtspage #logo_nav #nav-what a {	background-image: url(../_img/_nav/what-blue_v2.gif); }
.thoughtspage #logo_nav #nav-thoughts a {	background-image: url(../_img/_nav/thoughts-blue_v2.gif); }
.thoughtspage #logo_nav #nav-work a {	background-image: url(../_img/_nav/work-blue_v2.gif); }
.thoughtspage #logo_nav #nav-twitter a {	background-image: url(../_img/_nav/twitter-blue_v2.gif); }
.thoughtspage #logo_nav #nav-blog a {	background-image: url(../_img/_nav/blog-blue_v2.gif); }


.workpage #logo_nav #nav-what a {	background-image: url(../_img/_nav/what-grey.gif); }
.workpage #logo_nav #nav-thoughts a {	background-image: url(../_img/_nav/thoughts-grey.gif); }
.workpage #logo_nav #nav-who a {	background-image: url(../_img/_nav/who-grey.gif); }
.workpage #logo_nav #nav-work a {	background-image: url(../_img/_nav/work-grey.gif); }
.workpage #logo_nav #nav-div  {	background-image: url(../_img/_nav/divider-grey.gif); }
.workpage #logo_nav #nav-twitter a {	background-image: url(../_img/_nav/twitter-grey.gif); }
.workpage #logo_nav #nav-blog a {	background-image: url(../_img/_nav/blog-grey.gif); }


.blogpage #logo_nav #nav-what a {	background-image: url(../_img/_nav/what-white.gif); }
.blogpage #logo_nav #nav-thoughts a {	background-image: url(../_img/_nav/thoughts-white.gif); }
.blogpage #logo_nav #nav-who a {	background-image: url(../_img/_nav/who-white.gif); }
.blogpage #logo_nav #nav-work a {	background-image: url(../_img/_nav/work-white.gif); }
.blogpage #logo_nav #nav-div  {	background-image: url(../_img/_nav/divider-white.gif); }
.blogpage #logo_nav #nav-twitter a {	background-image: url(../_img/_nav/twitter-white.gif); }
.blogpage #logo_nav #nav-blog a {	background-image: url(../_img/_nav/blog-white.gif); }


.whatpage #logo_nav #nav-what a,
.whopage #logo_nav #nav-who a,
.thoughtspage #logo_nav #nav-thoughts a,
.workpage #logo_nav #nav-work a,
.blogpage #logo_nav #nav-blog a{
	background-position: 0 -40px;
}
#logo_nav ul li a:hover {
	background-position: 0 -20px;
}
#newhomepage #logo_nav #nav-work a {
	background-position: 0 0;
}
/******* CENTRE COLUMN STYLES *******/
.topper,
.bottomer {
	height: 21px;
	background: #231F20;
}
.bottomer {
	clear: both;
}
#content {
	min-height: 460px;
	height:auto !important;
  	height:460px;
}
.topper a:hover {
	background-position: 0 -21px;
}

/**** RHS COLUMN STYLES **/
#contact .topper {
	text-indent: -3333px;
	background: url(../_img/contact_topper.gif) no-repeat;
}
#contact #tel {
	background: url(../_img/_contact/tel.gif) no-repeat;
	height: 24px;
	text-indent: -33333px;
}
#contact #email a {
	display: block;
	background: url(../_img/_contact/email.gif) no-repeat;
	height: 21px;
	text-indent: -33333px;
}
#contact #map a {
	display: block;
	background: url(../_img/_contact/map.gif) no-repeat;
	height: 20px;
	text-indent: -33333px;
}
#contact #email a:hover {
	background-position: 0 -21px;
}
#contact #map a:hover {
	background-position: 0 -20px;
}
#contact #postal {
	background: url(../_img/_contact/address_v2.gif) no-repeat;
	height: 87px;
	text-indent: -33333px;
}
#contact #postal span {
	display: none;
}
.thoughtspage #contact #tel {
	background: url(../_img/_contact/tel-blue_v2.gif) no-repeat;
}
.thoughtspage #contact #email a  {
	background-image: url(../_img/_contact/email-blue_v2.gif);
}
.thoughtspage #contact #map a  {
	background-image: url(../_img/_contact/map-blue_v2.gif);
}
.thoughtspage #contact #postal {
	background: url(../_img/_contact/address-blue_v2.gif) no-repeat;
}


.workpage #contact #tel {
	background: url(../_img/_contact/tel-grey.gif) no-repeat;
}
.workpage #contact #email a  {
	background-image: url(../_img/_contact/email-grey.gif);
}
.workpage #contact #map a  {
	background-image: url(../_img/_contact/map-grey.gif);
}
.workpage #contact #postal {
	background: url(../_img/_contact/address_v2-grey.gif) no-repeat;
}


.blogpage #contact #tel {
	background: url(../_img/_contact/tel-white.gif) no-repeat;
}
.blogpage #contact #email a  {
	background-image: url(../_img/_contact/email-white.gif);
}
.blogpage #contact #map a  {
	background-image: url(../_img/_contact/map-white.gif);
}
.blogpage #contact #postal {
	background: url(../_img/_contact/address-white.gif) no-repeat;
}


/***************************************************/
/***************** INDIVIDUAL PAGES ****************/
/***************************************************/

/***************************************************/
/**********   HOME PAGE - BIG QUESTIONS    *********/
/***************************************************/

/* new home page breadcrumb */
#newhomepage .topper h1 {
	display: inline;
	float: left;
	width: 308px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/we_transform_brands.gif);
	text-indent: -3333px;
}

#newhomepage #client_list {
	display: none;
}
.homepage h3 a {
	display: block;
	width: 645px;
	height: 298px;
	text-indent: -3333px;
	margin-left: -3px;
	background-repeat: no-repeat;
}
.homepage #q1 a { background-image: url(../_img/home/q1.gif) ;}
.homepage #q2 a { background-image: url(../_img/home/q2.gif) ;}
.homepage #q3 a { background-image: url(../_img/home/q3.gif) ;}
.homepage #q4 a { background-image: url(../_img/home/q4.gif) ;}
.homepage #q5 a { background-image: url(../_img/home/q5.gif) ;}
.homepage #q6 a { background-image: url(../_img/home/q6.gif) ;}

.homepage h3 a:hover {
	background-position: 0 -298px;
}


/***************************************************/
/********** THOUGHTS - BREADCRUMBS ONLY *********/
/***************************************************/
.thoughtspage .topper a {
	display: inline;
	float: left;
	width: 84px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/thoughts.gif);
	text-indent: -3333px;
}
.thoughtspage .topper h1 {
	display: inline;
	float: left;
	width: 84px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/thoughts.gif);
	text-indent: -3333px;
}
#thoughtsmenu .topper h1 {
	width: 70px;
	background-position: 0 -21px;
}	
/*********************************************/
/*************** 404 error page **************/
/*********************************************/
#error404 .topper h1 {
	display: inline;
	float: left;
	width: 120px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/page_not_found.gif);
	text-indent: -3333px;
	background-repeat: no-repeat;
}
#error404 #content h3  {
	width: 645px;
	height: 296px;
	text-indent: -3333px;
	margin-left: -3px;
	background: url(../_img/404_message.gif) no-repeat;
}

/***************************************************/
/***************** WHAT WE DO *****************/
/***************************************************/
.whatpage .back a {
	display: block;
	width: 60px;
	height: 28px;
	text-indent: -3333px;
	background: url(../_img/go_back-green.gif);
}
.whatpage .back a:hover {
	background-position: 0 -28px;
}

/* NEW OCTOBER 2011 */
#whatpage p,
#whatpage ol {
	text-indent: -7590px;
	list-style: none;
}	
#whatpage #inner_content {
	padding-top: 21px;
}
#whatpage p#what1 {
	background: url(../_img/what/what/text_1.gif) no-repeat;
	height: 153px;
}
#whatpage p#what2 {
	background: url(../_img/what/what/text_2.gif) no-repeat;
	height: 390px;
}	
#whatpage ol#bullets {
	background: url(../_img/what/what/bullets.gif) no-repeat;
	height: 277px;
}	
#whatpage .topper h1 {
	width: 81px;
	background-position: 0 -21px;
}

#whatmenu #content {
	margin-left: -2px;
}
#whatmenu h2 a {
	display: block;
	width: 468px;
	height: 72px;
	text-indent: -3333px;
}
#whatmenu #inner_content {
	padding-top: 4px;
}
#whatmenu h2#sentence a {
	background-image: url(../_img/what/sentence.gif);
}
#whatmenu h2#list a {
	background-image: url(../_img/what/list.gif);
}
#whatmenu h2#principles a {
	background-image: url(../_img/what/principles.gif);
}
#whatmenu h2#principals a {
	background-image: url(../_img/what/principals.gif);
}
#whatmenu h2 a:hover {
	background-position: 0 -72px;
}
.whatpage .topper a {
	display: inline;
	float: left;
	width: 95px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/what_we_do.gif);
	text-indent: -3333px;
}
.whatpage .topper h1 {
	display: inline;
	float: left;
	width: 95px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/what_we_do.gif);
	text-indent: -3333px;
}
#whatmenu .topper h1 {
	width: 81px;
	background-position: 0 -21px;
}

/* on page "next" navigation */
#wn-back {
	margin-top: 20px;
	height:28px;
	padding-bottom: 16px;
}
#wn-back a {
	display: block;
	background: url(../_img/what/wn-back.gif) no-repeat;
	height: 28px;
	width: 49px;
	text-indent: -3333px;
}
#principalspage #wn-back {
	margin: 0;
	padding: 0;
}
#jqdulllistpage #inner_content #wn-back {
	margin: 40px 0 0 0;
	padding: 0 0 16px 0;
}
#wn-dull_list {
	margin-top: 20px;
	height:28px;
	padding-bottom: 16px;
}
#principlespage #inner_content #wn-principals {
	margin-top: 20px;
	height: 28px;
	padding-bottom: 16px;
}
#wn-sentence {
	height:28px;
	margin-top: -45px;
}
#jqdulllistpage #inner_content #wn-principles {
	margin: 0; padding: 0;
	padding-bottom: 16px;
	height:28px;
	float: right;
}
#wn-dull_list a {
	float: right;
	background: url(../_img/what/wn-dull_list.gif) no-repeat;
	height: 28px;
	width: 91px;
	text-indent: -3333px;
}
#wn-principles a  {
	float: right;
	background: url(../_img/what/wn-principles.gif) no-repeat;
	height: 28px;
	width: 104px;
	text-indent: -3333px;
}
#wn-principals a  {
	float: right;
	background: url(../_img/what/wn-principals.gif) no-repeat;
	height: 28px;
	width: 104px;
	text-indent: -3333px;
}
#wn-sentence a  {
	float: right;
	background: url(../_img/what/wn-sentence.gif) no-repeat;
	height: 28px;
	width: 97px;
	text-indent: -3333px;
}
#wn-dull_list a:hover,
#wn-principles a:hover,
#wn-principals a:hover,
#wn-sentence a:hover,
#wn-back a:hover {
	background-position: 0 -28px;
}
/***************************************************/
/************     OUR PRINCIPALS     ***************/
/***************************************************/
.whopage .topper h1 {
	display: inline;
	float: left;
	width: 80px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/who_we_are.gif);
	text-indent: -3333px;
}
#principalspage #inner_content {
	padding: 21px 0 17px 0;
}
#principalspage .topper em {
	background: url(../_img/_breadcrumbs/principals.gif);	
	width: 88px;
	height: 21px;
	float: left;
	text-indent: -3333px;
}
#principalspage .small1,
#principalspage .small2 {
	width: 332px;
	height: 264px;
	display: block;
	text-indent: -3333px;
	float: left;
	display: inline;
	margin: 0 14px 17px 0;
	cursor: pointer;
}
#principalspage .small2 {
	margin-right: 0;
}
#principalspage #nigel { background-image: url(../_img/what/principals/nigel.jpg); }
#principalspage #mark { background-image: url(../_img/what/principals/mark.jpg); }
#principalspage #martin { background-image: url(../_img/what/principals/martin.jpg); }
#principalspage #matt { background-image: url(../_img/what/principals/matt.jpg); }
#principalspage #dom { background-image: url(../_img/what/principals/dom.jpg); }
#principalspage #nikki { background-image: url(../_img/what/principals/nikki.jpg); }

#principalspage #nigel_active { 
	position: absolute;
	left: 130px;
	top: 62px;
	width: 332px;
	height: 223px;
	z-index: 50;
	display: none;
}
/*
#principalspage #mark_active { 
	position: absolute;
	left: 476px;
	top: 62px;
	width: 332px;
	height: 223px;
	z-index: 50;
	display: none;
}
*/
#principalspage #martin_active { 
	position: absolute;
	left: 130px;
	top: 343px;
	width: 332px;
	height: 223px;
	z-index: 50;
	display: none;
	left: 476px;
	top: 62px;
}
/*
#principalspage #matt_active { 
	position: absolute;
	left: 476px;
	top: 343px;
	width: 332px;
	height: 223px;
	z-index: 50;
	display: none;
}
*/
#principalspage #nikki_active { 
	position: absolute;
	left: 476px;
	top: 343px;
	width: 332px;
	height: 223px;
	z-index: 50;
	display: none;
	left: 130px;
	top: 343px;
}
/*
#principalspage #dom_active { 
	position: absolute;
	left: 130px;
	top: 624px;
	width: 332px;
	height: 223px;
	z-index: 50;
	display: none;
}
*/
#principalspage .small1:hover,
#principalspage .small2:hover {
	background-position: 0 -264px;
}

#nigel_large,
#mark_large,
#martin_large,
#matt_large,
#nikki_large,
#dom_large {
	position: absolute;
	left: 130px;
	top: 62px;
	width: 678px;
	height: 840px;
	z-index: 100;
	display: none;
}
#nigel_large p,
#mark_large p,
#martin_large p,
#matt_large p,
#nikki_large p,
#dom_large p {
	display: none;
}
#nigel_large, #nigel_preload { background: url(../_img/what/principals/nigel_over.png) no-repeat 0 0 }
#mark_large, #mark_preload { background: url(../_img/what/principals/mark_over.png) no-repeat 0 0 }
#martin_large, #martin_preload { background: url(../_img/what/principals/martin_over_july2011.png) no-repeat 0 0 }
#matt_large, #matt_preload { background: url(../_img/what/principals/matt_over.png) no-repeat 0 0 }
#nikki_large, #nikki_preload { background: url(../_img/what/principals/nikki_over_july2011.png) no-repeat 0 0 }
#dom_large, #dom_preload { background: url(../_img/what/principals/dom_over.png) no-repeat 0 0 }


#principalspage #slideshow {
	text-indent: 0;
	cursor: auto;
	position: relative;
}
#principalspage #slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	  opacity:0.0;
}

#principalspage #slideshow img.active {
    z-index:10;
	opacity:1.0;
}

#principalspage #slideshow img.last-active {
    z-index:9;
}


/***************************************************/
/************     AS A DULL LIST     ***************/
/***************************************************/



/********* THE JQUERY VERSION ***********/


#jqdulllistpage .topper em.bc_1  {
	background: url(../_img/_breadcrumbs/dull_list.gif);	
	width: 76px;
	background-position: 0 -21px;
	height: 21px;
	float: left;
	text-indent: -3333px;
	margin-right: 13px;
}
#jqdulllistpage .topper em.bc_2  {
	background-image: url(../_img/_breadcrumbs/dull_list_in_detail.gif);	
	width: 129px;
	height: 21px;
	float: left;
	text-indent: -3333px;
	display: none;
}
#jqdulllistpage .topper em.bc_1_over  {
	background: url(../_img/_breadcrumbs/dull_list.gif);	
	width: 89px;
	background-position: 0 0;
	height: 21px;
	float: left;
	text-indent: -3333px;
	cursor: pointer;
}
#jqdulllistpage .topper em.bc_1_over:hover  {
	background-position: 0 -21px;
}
#jqdulllistpage #inner_content #five_things {
	padding: 13px 0 40px 0;
	margin-left: 0;
}
#jqdulllistpage #inner_content h2 {
	text-indent: -4444px;
	background-repeat: no-repeat;
	height: 36px;
	margin-left: -4px;
	width: 221px;
}
#b_discovery { background: url(../_img/what/dull_list/1_discovery.gif); }
#b_definition{ background: url(../_img/what/dull_list/2_definition.gif); }
#b_design{ background: url(../_img/what/dull_list/3_design.gif); }
#b_delivery { background: url(../_img/what/dull_list/4_delivery.gif); }
#b_lifecycle { background: url(../_img/what/dull_list/5_lifecycle.gif); }

#jqdulllistpage #inner_content #in_detail {
	margin-left: 0;
	padding: 0;
	margin: 0;
	height: 28px;
	display: block;
	width: 140px;
	text-indent: -3333px;
	background: url(../_img/what/dull_list/in_detail_button.gif) no-repeat;
	cursor: pointer;
	
}
#jqdulllistpage #inner_content #in_detail:hover {
	background-position: 0 -28px;
}

#jqdulllistpage #inner_content h3 {
	text-indent: -4444px;
	background-repeat: no-repeat;
	margin-left: -4px;
	width: 420px;
	margin-top: -9px;
	margin-bottom: 17px;
}
#jqdulllistpage #inner_content p {
	padding: 0 0 25px 25px;
	margin-left: -4px;
}
#b1,#b2,#b3,#b4,#b5 {  padding-bottom: 24px; }

#b1 h3 {
	background: url(../_img/what/dull_list/1_here_and_wow.gif) no-repeat;
	height: 26px;
}
#b2 h3 {
	background: url(../_img/what/dull_list/2_man_moon.gif) no-repeat;
	height: 54px;
}
#b3 h3 {
	background: url(../_img/what/dull_list/3_making_it.gif) no-repeat;
	height: 32px;
}
#b4 h3 {
	background: url(../_img/what/dull_list/4_never.gif) no-repeat;
	height: 29px;
}
#b5 h3 {
	background: url(../_img/what/dull_list/5_onwards.gif) no-repeat;
	height: 56px;
}
#jqdulllistpage #inner_content ul {
	margin-top: -25px;
}
#jqdulllistpage #inner_content ul li  {
	list-style: none;
	padding-left: 40px;
	background: url(../_img/what/dull_list/bullet.gif) no-repeat 20px 1px;
}
#jqdulllistpage #inner_content #too_dull { margin: 0; padding: 0; }
#jqdulllistpage #too_dull  {
	background: url(../_img/what/dull_list/too_dull_button.gif) no-repeat;	
	height: 28px;
	width: 223px;
	display: block;
	text-indent: -4444px;
	cursor: pointer;
}
#jqdulllistpage #too_dull:hover {
	background-position: 0 -28px;
}



/***************************************************/
/************     AS A SENTENCE     ***************/
/***************************************************/
#sentencepage #inner_content {
	padding-top: 21px;
}
#sentencepage .topper em,
#sentencepage-feb2011 .topper em {
	background: url(../_img/_breadcrumbs/in_a_sentence.gif);	
	width: 83px;
	height: 21px;
	float: left;
	text-indent: -3333px;
}
#sentencepage-feb2011 #inner_content {
	padding-top: 2px;
}
#sentencepage-feb2011 h2  {
	display: block;
	width: 645px;
	height: 392px;
	text-indent: -3333px;
	margin-left: -3px;
	background-repeat: no-repeat;
	background-image: url(../_img/what/sentence/sentence_hand_1.gif);
}


/***************************************************/
/************     OUR PRINCIPLES     ***************/
/***************************************************/
#principlespage #inner_content,
#principlespage-feb2011 #inner_content {
	padding-top: 21px;
	padding-bottom: 0;
}
#principlespage .topper em,
#principlespage-feb2011 .topper em {
	background: url(../_img/_breadcrumbs/principles.gif);	
	width: 100px;
	height: 21px;
	float: left;
	text-indent: -3333px;
}
#principlespage #p1,
#principlespage #p2,
#principlespage #p3,
#principlespage #p4 {
	float: left;
	width: 333px;
	height: 221px;
	margin: 0 12px 12px 0;
	cursor: pointer;
}

#principlespage #p2,
#principlespage #p4 {
	margin: 0 0 12px 0;
}
#principlespage #p1 { background-image: url(../_img/what/principles/p1_curious.jpg);}
#principlespage #p2 { background-image: url(../_img/what/principles/p2_orig.jpg);}
#principlespage #p3 { background-image: url(../_img/what/principles/p3_learning.jpg);}
#principlespage #p4 { background-image: url(../_img/what/principles/p4_prag.jpg);}

#principlespage #p1:hover,
#principlespage #p2:hover,
#principlespage #p3:hover,
#principlespage #p4:hover {
	background-position: 0 -221px;
} 
#principlespage #p1 p,
#principlespage #p2 p,
#principlespage #p3 p,
#principlespage #p4 p {
	display: none;
}
#principlespage #p1 h2,
#principlespage #p2 h2,
#principlespage #p3 h2,
#principlespage #p4 h2 {
	text-indent: -3333px;
}

#p1_active,
#p2_active,
#p3_active,
#p4_active {
	position: absolute;
	width: 333px;
	height: 221px;
	z-index: 100;
}
#p1_active {
	 background: url(../_img/what/principles/q1.png) no-repeat 0 0;
	left: 130px;
	top: 62px;
}
#p2_active {
	 background: url(../_img/what/principles/q2.png) no-repeat 0 0;
	left: 475px;
	top: 62px;
}
#p3_active {
	 background: url(../_img/what/principles/q3.png) no-repeat 0 0;
	left: 130px;
	top: 295px;
}
#p4_active {
	 background: url(../_img/what/principles/q4.png) no-repeat 0 0;
	left: 475px;
	top: 295px;
}

/***************************************************/
/***********   OUR PRINCIPLES 2011    **************/
/***************************************************/

#principlespage-feb2011 #p1,
#principlespage-feb2011 #p2,
#principlespage-feb2011 #p3,
#principlespage-feb2011 #p4 {
	float: left;
	width: 339px;
	height: 225px;
}
#principlespage-feb2011 #p1 { background-image: url(../_img/what/principles/p1_1_2011.jpg);}
#principlespage-feb2011 #p2 { background-image: url(../_img/what/principles/p1_2_2011.jpg);}
#principlespage-feb2011 #p3 { background-image: url(../_img/what/principles/p1_3_2011.jpg);}
#principlespage-feb2011 #p4 { background-image: url(../_img/what/principles/p1_4_2011.jpg);}

#principlespage-feb2011 #overlay_active {
	position: absolute;
	width: 678px;
	z-index: 100;
	background: url(../_img/what/principles/newtext.png);
	height: 450px;
	text-indent: -3789px;
}
#principlespage-feb2011 #overlay_active p {
	text-indent: -6372px;
}
/******************** WORK *********************/
/*************** MENU / LIST PAGE **************/
/***********************************************/
.workpage #content #inner_content {
	padding: 21px 0 12px 0;
}
#workmenu #inner_content p,
#workmenu #inner_content h3 {
	text-indent: -3333px;
}
.workpage .box1,
.workpage .box2 {
	float: left;
	width: 333px;
	height: 232px;
	position: relative;
	margin: 0 12px 12px 0;
	display: inline;
}
.workpage .box2 {
	margin-right: 0;
}
#yota a,
#lso a,
#hhh a,
#gfw a,
#crisis a,
#bodyshop a,
#two_sides a,
#access a,
#rada a,
#mlc a {
	display: block;
	position: absolute;
	left: 0px; top: 0px;
	height: 232px;
	width: 333px;
	text-indent: -3333px;
	text-decoration: none;
}
#yota a,#bodyshop a,
#yota,#bodyshop  {
	height: 476px;
}
#yota a { background-image:url(../_img/work/home/yota_v3.png) }
#lso a { background-image:url(../_img/work/home/lso.png) }
#crisis a { background-image:url(../_img/work/home/crisis.png) }
#hhh a { background-image:url(../_img/work/home/hhh.jpg) }
#gfw a { background-image:url(../_img/work/home/gfw.png) }
#bodyshop a { background-image:url(../_img/work/home/bodyshop_v3.jpg) }
#two_sides a { background-image:url(../_img/work/home/two_sides.png) }
#access a { background-image:url(../_img/work/home/access_v2.jpg) }
#rada a { background-image:url(../_img/work/home/rada.png) }
#mlc a { background-image:url(../_img/work/home/mlc.png) }

#lso a:hover,#crisis a:hover,#two_sides a:hover,#access a:hover,#rada a:hover,#mlc a:hover,#hhh a:hover ,#gfw a:hover  {
	background-position: 0 -232px;
}
#yota a:hover,#bodyshop a:hover {
	background-position: 0 -476px;
}
.workpage .topper a {
	display: inline;
	float: left;
	width: 56px !important;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/work.gif);
	text-indent: -3333px;
}
.workpage .topper h1 {
	display: inline;
	float: left;
	width: 56px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/work.gif);
	text-indent: -3333px;
}
#workmenu .topper h1 {
	width: 42px;
	background-position: 0 -21px;
}
#workmenu #client_list {
	position: absolute;
	top: 224px;
	left: 821px;
}
#workmenu #client_list h4 {
	cursor: pointer;
	background: url(../_img/work/client_list_button.gif) no-repeat;	
	height: 28px;
	width: 83px;
	text-indent: -3333px;
}
#workmenu #client_list h4:hover {
	background-position: 0 -28px;
}
#workmenu #client_list #the_client_list {
	background: url(../_img/work/client_list_list.gif) no-repeat;
	height: 1130px;
	margin-left: 4px;
	width: 162px;
}
/******************** WORK *********************/
/***********  INDIVIDUAL WORK PAGES  ***********/
/***********************************************/
.individualpage h2 {
	height: 60px;
	text-indent: -3333px;
}

.individualpage dl.bigimage,
.individualpage p.bigimage,
.individualpage div.bigimage,
.individualpage iframe.bigimage  {
	padding-bottom: 48px;
	position: relative;
}

.individualpage p.medimage,
.individualpage div.medimage {
	padding-bottom: 24px;
	position: relative;
}

.individualpage dl dd  {
	position: absolute;
	left: 696px;
	bottom: 51px;
	border-top: 1px solid #231F20;
	width: 160px;
	line-height: 17px;
	display: none;
}
.individualpage .bigimage img,
.individualpage .medimage img  {
	display: block;
}
#workcopyholder {
	position: relative;
}
#client_quote {
	position: absolute;
	left: 504px;
	width: 345px;
}
#client_quote p {
	visibility: hidden;
}
.individualpage p.workcopy {
	line-height: 19px;
	width: 365px;
	font-weight: normal;
	padding-top: 4px;
}
.individualpage #workcopyholder ul {
	line-height: 19px;
	width: 365px;
	font-weight: normal;
	padding-top: 14px;
	margin-left: 16px;
	padding-bottom: 21px;
}
.individualpage #workcopyholder ul li {
	padding-bottom: 6px;
	line-height: 18px;
}
.individualpage #workcopyholder h3 {
	padding-top: 30px;
	height: 17px;
	padding-bottom: 3px;
	margin-left: -3px;
	text-indent: -3333px;

}
.individualpage .question {
	background: url(../_img/work/question_v2.gif) no-repeat 0 bottom;
}
.individualpage .answer {
	background: url(../_img/work/answer_v2.gif) no-repeat 0 bottom;
}
.individualpage .impact {
	background: url(../_img/work/impact_v2.gif) no-repeat 0 bottom;
}

.individualpage .discover {
	background: url(../_img/work/discover.gif) no-repeat 0 bottom;
}
.individualpage .define {
	background: url(../_img/work/define.gif) no-repeat 0 bottom;
}
.individualpage .design {
	background: url(../_img/work/design.gif) no-repeat 0 bottom;
}
.individualpage .deliver {
	background: url(../_img/work/deliver.gif) no-repeat 0 bottom;
}

.individualpage p.download {
	padding-top: 30px;

}
.individualpage p.download a {
	display: block;
	background: url(../_img/work/download.gif) no-repeat 0 0;
	line-height: 18px;
	width: 410px;
	padding-top: 28px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 14px;
	margin-left: -5px;
	padding-left: 5px;
	color: #231F20;
	width: 165px;
}
.individualpage p.download a:hover {
	text-decoration: underline;
}
.individualpage p.back_to_work {
	padding-top: 24px;
	padding-bottom: 12px;
}
.individualpage p.back_to_work a,
#back_to_work_top a {
	display: block;
	height: 28px;
	width: 99px;
	text-indent: -3333px;
	margin-left: -3px;
	background: url(../_img/work/back_to_work.gif) no-repeat;
}
.individualpage p.back_to_work a:hover,
#back_to_work_top a:hover {
	background-position: 0 -28px;
}
#back_to_work_top {
	position: absolute;
	top: 224px;
	left: 824px;
}

/***************************************************/
/* individual work page bread crumbs */
/***************************************************/
.individualpage .topper em {
	height: 21px;
	float: left;
	text-indent: -3333px;
	width: 185px;
}
#lsopage .topper em {
	background: url(../_img/_breadcrumbs/lso.gif) no-repeat;	
}
#accesspage .topper em {
	background: url(../_img/_breadcrumbs/access.gif) no-repeat;
}
#hhhpage .topper em {
	background: url(../_img/_breadcrumbs/hhh.gif) no-repeat;
}
#gfwpage .topper em {
	background: url(../_img/_breadcrumbs/gfw.gif) no-repeat;
}
#bodyshoppage .topper em {
	background: url(../_img/_breadcrumbs/bodyshop.gif) no-repeat;	
}
#yotapage .topper em {
	background: url(../_img/_breadcrumbs/yota.gif) no-repeat;	
}
#crisispage .topper em {
	background: url(../_img/_breadcrumbs/crisis.gif) no-repeat;	
}
#twosidespage .topper em {
	background: url(../_img/_breadcrumbs/two_sides.gif) no-repeat;	
}
#radapage .topper em {
	background: url(../_img/_breadcrumbs/rada.gif) no-repeat;	
}
#mlcpage .topper em {
	background: url(../_img/_breadcrumbs/mlc.gif) no-repeat;	
}
#lspage .topper em {
	background: url(../_img/_breadcrumbs/lewis_silikin_xmas.gif) no-repeat;	
}

/***************************************************/
/* individual work page headings */
/***************************************************/
#lspage h2 {
	background: url(../_img/work/lewis-silkin-xmas-card/topheading.gif) no-repeat;
	height: 98px;	
}
#lsopage h2 {
	background: url(../_img/work/lso_headline.gif) no-repeat;	
}
#accesspage h2 {
	background: url(../_img/work/access_headline.gif) no-repeat;	
}
#bodyshoppage h2 {
	background: url(../_img/work/bodyshop_headline.gif) no-repeat;	
}
#bodyshoppage a#bodyshop_facebook  {
	display: block;
	text-indent: -4400px;
	height: 35px;
	background: url(../_img/work/bodyshop/facebook.gif) no-repeat;
}
#bodyshoppage a#bodyshop_facebook:hover {
	background-position: 0 -35px;
}
#yotapage h2 {
	background: url(../_img/work/yota_headline_new.gif) no-repeat;	
}
#yotapage h2#yotatop {
	background: url(../_img/work/yota/topheading.gif) no-repeat;
	height: 98px;	
}
#gfwpage h2 {
	background: url(../_img/work/gfw_headline.gif) no-repeat;
}
#gfwpage h2#gfwtop {
	background: url(../_img/work/gfw/topheading.gif) no-repeat;
	height: 98px;	
	padding-bottom: 16px;
}
#gfwpage a#emailposter {
	display: block;
	text-indent: -4400px;
	height: 58px;
	background: url(../_img/work/gfw/email.gif) no-repeat;
}
#gfwpage a#emailposter:hover {
	background-position: 0 -58px;

}
#hhhpage h2 {
	background: url(../_img/work/hhh_headline.gif) no-repeat;
}
#hhhpage h2#hhhtop {
	background: url(../_img/work/hhh/topheading.gif) no-repeat;
	height: 98px;	
}
#bodyshoppage h2#bodyshoptop {
	background: url(../_img/work/bodyshop/topheading.gif) no-repeat;
	height: 98px;	
}
#crisispage h2 {
	background: url(../_img/work/crisis_headline.gif) no-repeat;	
}
#twosidespage h2 {
	background: url(../_img/work/two_sides_headline.gif) no-repeat;	
}
#radapage h2 {
	background: url(../_img/work/rada_headline.gif) no-repeat;	
}
#mlcpage h2 {
	background: url(../_img/work/mlc_headline.gif) no-repeat;	
}

/***************************************************/
/* client quotes */
/***************************************************/
#accesspage #client_quote {
	height: 452px;
	background: url(../_img/work/access/quote.gif);	
}
#lsopage #client_quote {
	height: 452px;
	background: url(../_img/work/lso/quote.gif);	
}
#gfwpage  #client_quote {
	height: 234px;
	background: url(../_img/work/gfw/quote.gif);	
}
#hhhpage #client_quote {
	height: 353px;
	background: url(../_img/work/hhh/quote.gif);	
}
#bodyshoppage #client_quote {
	height: 669px;
	background: url(../_img/work/bodyshop/quote.gif);	
}
#yotapage #client_quote {
	height: 340px;
	background: url(../_img/work/yota/quote.gif) no-repeat;	
}
#twosidespage #client_quote {
	height: 516px;
	background: url(../_img/work/two_sides/quote.gif) no-repeat;	
}
#radapage #client_quote {
	height: 298px;
	background: url(../_img/work/rada/quote.gif) no-repeat;	
}
#mlcpage #client_quote {
	height: 416px;
	background: url(../_img/work/mlc/quote.gif) no-repeat;

}
/***************************************************/
/**************       BLOG PAGES       *************/
/***************************************************/

.blogpage .topper h1 {
	width: 38px;
	height: 21px;
	background-image: url(../_img/_breadcrumbs/blog.gif);
	text-indent: -3333px;
}
.blogpage #inner_content h2 {
	width: 500px;
	padding: 10px 0 4px 0;
	font-size:  28px;
	background: #F5F8DF;
	background: #fff;
	line-height: 28px;
}
.blogpage #inner_content h2 a {
	color: #231F20;
}
.blogpage #inner_content #rss_feed {
	width: 158px;
	height: 33px;
	float: right;
	margin-top: 55px;
}
.blogpage #inner_content #rss_feed a {
	display: block;
	text-indent: -3333px;
	height: 33px;
	width: 158px;
	float: right;
	background:  url(../_img/blog/rss_feed-white.gif) no-repeat;
}
.blogpage #inner_content #rss_feed a:hover {
	background-position: 0 -33px;
}
.blogpage #inner_content p {
	padding-bottom: 20px;
	width: 500px;
}
.blogpage #inner_content p a {
	text-decoration: none;
	color: #231F20;
}
.blogpage #inner_content p a:hover {
	text-decoration: underline;
}
.blogpage #inner_content p img,
.blogpage #inner_content p object  {
	display: block;
}
.blogpage .blog_author {
	font-size: 12px;
	width: 500px;
	margin-bottom: 20px;
	font-style: italic;
}
.blogpage hr {
	width: 500px;
	height: 2px;
	border: 0;
	background: #231F20;
}
.blogpage .bumper  {
	width: 500px;
	height: 41px;
	margin-bottom: 31px;
}
.blogpage .bumper a  {
	display: block;
	width: 500px;
	height: 41px;
	text-indent: -3333px;
	background: url(../_img/blog/bumper-white.gif) no-repeat;
	margin-top: -21px;
}
.blogpage .bumper a:hover {
	background-position: 0 -41px;
}
.blogpage #pagenav {
	width: 500px;
}
#pagenav #newer ,
#pagenav #older  {
	width: 55px;
	height: 28px;
}
#pagenav #newer a,
#pagenav #older a {
	display: block;
	width: 55px;
	height: 28px;
	text-indent: -3333px;
	background: url(../_img/blog/older_button-white.gif);
}
#pagenav #newer  {
	float: right;
}
#pagenav #newer a {
	background: url(../_img/blog/newer_button-white.gif);
}
#pagenav #newer a:hover,
#pagenav #older a:hover {
	background-position: 0 -28px;
}

#blogfooter {
	width: 500px;
}

#bn-more a {
	display: block;
	height: 28px;
	background: url(../_img/blog/bn-more-white.gif) no-repeat;
	width: 88px;
	text-indent: -3344px;
}
#bn-more a:hover {
	background-position: 0 -28px;
}
#sharing,
.nicks  {
	float:right;
	width: 120px;
	padding: 6px;
	background: url(../_img/blog/share_bg.gif) no-repeat !important;
}
.nicks {
	float: none;
	height: 36px;
}
/**********************************/
/************* FOOTER *************/
/**********************************/
#footer p {
	text-indent: -3333px;
	background: url(../_img/footer/footer.gif) no-repeat;
	height: 53px;
}
.thoughtspage #footer p { background: url(../_img/footer/footer-blue.gif) no-repeat; }
.workpage #footer p { background: url(../_img/footer/footer-grey.gif) no-repeat; }
.blogpage #footer p { background: url(../_img/footer/footer-white.gif) no-repeat; }

#legal {
	text-indent: -3333px;
	background-image: url(../_img/footer/legal_info.gif);
	height: 25px;
	width: 73px;
	display: block;
	cursor: pointer;
}
.thoughtspage #legal  { background-image: url(../_img/footer/legal_info-blue.gif); }
.workpage #legal { background-image: url(../_img/footer/legal_info-grey.gif); }
.blogpage #legal  { background-image: url(../_img/footer/legal_info-white.gif); }
#legal:hover {
	background-position: 0 -25px;
}
#legal_info  em {
	display: none;
}
#legal_info {
	height: 100px;
	padding: 0;
	background: url(../_img/footer/legal_desc.gif) no-repeat;
}
.thoughtspage #legal_info  { background: url(../_img/footer/legal_desc-blue.gif) no-repeat; }
.workpage #legal_info { background: url(../_img/footer/legal_desc-grey.gif) no-repeat; }
.blogpage #legal_info  { background: url(../_img/footer/legal_desc-white.gif) no-repeat; }
/******** GENERIC STYLES ******/
object {
	display: block;
}
.clr {
	clear: both;
}
a {
	outline: none;
	text-decoration: none;
}
img {
	border: 0;
}
.nowrap {
	white-space: nowrap;
}