/*
	blue		#00c6d3		MAIN
	green		#72cd25		who we are
	purple		#a73ba0		our expertise
	yellow		#ff9100		our clients
	red			#ff004d		latest
	
	grey		#ccc		lines
				#777		text

*/


/* ============================================================================================= */
/* RESET STYLES FIRST  -  http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ 			 */
/* ============================================================================================= */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		
		/* remember to define focus styles! */
		:focus {
			outline: 0;
		}
		
		/* remember to highlight inserts somehow! */
		ins {
			text-decoration: none;
		}
		del {
			text-decoration: line-through;
		}
		
		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
/* ============================================================================================= */
/* 																								 */
/* ============================================================================================= */

.div	{ border:1px dotted #33c; padding:3px; }

/* COLOURS ------------------------------ */
.blue h1 {
	color:#00c6d3
	}
.green h1 {
	color:#72cd25
	}
.green a {
	color:#72cd25 !important;
	}
.purple h1 {
	color:#a73ba0
	}
.yellow h1 {
	color:#ff9100
	}
.red h1 {
	color:#ff004d
	}

html {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	color:#303030; /*#58646a;*/
}
body { 
	font-size: 80%;
    line-height: 1.3em;
    text-align:center;
 	background-color:#fff;
 	margin:0 auto;
   }
h1 {
	font-size:1.3em;
	margin-bottom:.3em;
	}
p {
	margin-bottom:0.6em;
	}
ul,ol {
	margin-bottom:1em;
	}
hr { 
	color:#ccc;
	background:none;
	background-color:#ccc;
	height:1px;
	border:none;
	}
#left_content hr {
	margin-bottom:1em;
	}
.intro {
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:1em;
	}
#container {
	position:relative;
	width:960px;
	height:100%;
	text-align:left;
	margin:10px auto;
	padding:0; /*10px 0 10px 10px;*/
	border:1px solid #ccc;
 	background-color:#fff;
	}
#header {
	position:relative;
	height:100px; /*130*/
	margin:10px 0 10px 10px;
 	background-color:#fff;
 	/*border-bottom:1px solid #00c6d3;*/
	}
#logo_header {
	position:absolute;
	bottom:10px;
	right:10px;
	/*width:260px;
	height:70px;*/
	/*background:url(images/logo_think.png) no-repeat;*/
	}
#content {
 	/*background-color:#cfc;*/
	}
#main_content { /* full width */
 	min-height:395px;
	margin:10px 0 0 10px;
	/*margin-bottom:30px;*/
	}
#ppcontent { /* popup div container div */
	text-align:left;
	}
#left_content { /* left, main column */
	float:left;
	display:inline;
	width:630px;
 	min-height:395px;
	margin:10px 40px 10px 10px;
 	/*background-color:#fcc;*/
	}
#right_column { /* right column */
	float:left;
	display:inline;
	width:260px;
	margin:40px 10px 10px 10px;
 	/*background-color:#ccf;*/
	}
	
/* MAIN MENU ---------------------------------------------- */
#mainmenu .section {
	float:left;
	}
#mainmenu ul {
	width:120px;
	margin-top:4px;
 	/*border:1px solid #c00;*/
	}
#mainmenu li { /* Main Menu Item spacing */
	height:15px;
	line-height:15px;
	}
/* -------------------------------------------------------- */
#homepage_welcome,#homepage_gallery {
	display:none;
	}
#homepage_slides {
	height:320px;
	}
#homepage_news {
	background:url(images/h_latest_news.png) no-repeat;
	padding:20px 0 0 0;
	border-top:1px solid #00c6d3;
	/*border-bottom:1px solid #00c6d3;*/
	}
#homepage_news .date {
	text-transform:uppercase;
	color:#999;
	font-weight:bold;
	font-size:0.7em;
	/*border:1px solid #00c6d3;*/
	}
#homepage_news li {
	list-style:none;
	background:url(images/b_arrow.png) no-repeat 0 2px;
	padding-left:8px;
	line-height:100%;
	margin-bottom:6px;
	font-size:0.9em;
	}
#homepage_news a {
	text-decoration:none;
	color:#00c6d3;
	}
#homepage_news a:hover {
	text-decoration:underline;
	}
#homepage_gallery {
	position:relative;
	margin-top:1em;
	}
#homepage_gallery #gallery_stats {
	position:absolute;
	top:10px;
	left:10px;
	}
#gallery_stats,
#gallery_stats a {
	color:#000 !important;
	}
#gallery_stats .link {
	font-size:0.85em;
	}
#gallery_stats .TopLeft {
	top:10px;
	left:10px;
	}
#gallery_stats .TopRight {
	top:10px;
	right:10px;
	}
#gallery_stats .BottomLeft {
	bottom:10px;
	left:10px;
	}
#gallery_stats .BottomRight {
	bottom:10px;
	right:10px;
	}
#homepage_gallery #gallery_client {
	position:absolute;
	right:10px;
	bottom:10px;
	border:1px solid #fff;
	}
/* -------------------------------------------------------- */
#testimonial_window {
	width:930px;
	overflow:hidden;
	}
#testimonials {
	position:relative; /* allows jQ to animate position */
	width:20000px;
	overflow:hidden;
	margin-bottom:5em;
	}
.testimonial {
	width:1000px;
	}
#testimonial_window .nexttestimonial {
	position:absolute;
	right:10px;
	bottom:40px;
	}
#testimonial_window .prevtestimonial {
	xdisplay:none;
	position:absolute;
	left:10px;
	bottom:40px;
	}
/* -------------------------------------------------------- */
#left_content a,
#testimonial_window a {
	text-decoration:none;
	color:#777;
	}
#left_content a:hover {
	text-decoration:underline;
	}
/* -------------------------------------------------------- */
#latest_news,
#latest_thinking,
#search_news {
	background:url(images/h_latest_news_red.png) no-repeat;
	/*margin-top:20px;*/
	padding:20px 0 0 0;
	border-top:1px solid #ff004d;
	/*border-bottom:1px solid #00c6d3;*/
	}
#latest_news .type, #latest_news .client,
#latest_thinking .type, #latest_thinking .client {
	text-transform:uppercase;
	color:#ff81a7;
	font-weight:bold;
	font-size:0.8em;
	/*border:1px solid #00c6d3;*/
	}
#latest_news .type {
	color:#999;
	}
#latest_news .client {
	/*font-size:0.8em;*/
	}
#latest_news ul {
	/*margin:10px auto;*/
	}
#latest_news li,
#latest_thinking li {
	list-style:none;
	background:url(images/b_arrow_red.png) no-repeat 0 2px;
	padding-left:8px;
	line-height:100%;
	margin-bottom:6px;
	font-size:0.9em;
	}
#latest_news a,
#latest_thinking a{
	text-decoration:none;
	color:#ff004d;
	}
#latest_news a:hover,
#latest_thinking a:hover {
	text-decoration:underline;
	}
	
#search_news {
	position:relative;
	padding:0 0 10px 0;
	border-bottom:1px solid #ff004d;
	background:url(images/bg640.jpg) no-repeat 0 100%;
 	/*border:2px solid #0c0;*/
	}
#search_news_heading {
	background:url(images/h_news_search.png) no-repeat 0 0;
	}
#search_news_type {
	float:left;
	margin-left:180px;
	width:150px;
 	/*border:1px solid #c00;*/
	}
#search_news_client {
	float:left;
	/*float:right;*/
	margin-right:20px;
 	/*border:1px solid #0c0;*/
	}
	
#latest_thinking  {
	background:url(images/h_latest_thinking_red.png) no-repeat;
	}

/* -------------------------------------------------------- */
#people {
	margin-top:4em;
	}

#people_left {
	xmargin-left:180px;
	width:320px;
 	/*border:1px solid #c00;*/
	}
#people_right {
	float:right;
	margin-right:50px;
 	/*border:1px solid #0c0;*/
	}
#people_left p,
#people_right p {
	margin-bottom:1.7em;
	}
	

/* -------------------------------------------------------- */
#news_container {
	position:relative;
	/*height:420px;
	overflow:hidden;*/
	}
#news h1 {
	color:#777;
	margin-bottom:1em;
	text-transform:uppercase;
	font-size:0.9em;
	}
#news .news_item {
	margin-bottom:10px;
	padding-bottom:10px;
	}
#news .news_item h2 {
	font-size:1.1em;
	margin-bottom:0px;
	color:#ff004d;
	font-weight:normal;
	}
#news .news_item h3 {
	font-size:1em;
	margin-bottom:5px;
	color:#ff004d;
	font-weight:normal;
	}
#news .news_item p {
	line-height:1.2em;
	margin-bottom:1em;
	}
/* Sits at the bottom of the right column */
#container #news_nav {
	position:absolute;
	bottom:40px;
	left:690px;
	width:59px
	height:14px;
	/*background:url(images/b_news_down.png) no-repeat;*/
	}
/* -------------------------------------------------------- */
#whats_up {
	margin:10px auto;
	padding:22px 0 6px 0;
	/*border-top:1px solid #00c6d3;*/
	/*background:url(images/h_whats_up.png) no-repeat !important;*/
	/*border-bottom:1px solid #72cd25;*/
	}
#whats_up .forminput {
	border:1px solid #ccc;
	font-size:10px;
	color:#666666;
	margin:2px auto;
	width:180px;
	height:12px;
	}
#whats_up p {
	line-height:110%;
	color:#999;
	font-size:0.8em;
	}
#signup_status {
	display:none;
	}
#signup_status.ajax-loading {
	padding:0;
	background: url(images/spinner.gif) no-repeat center;
	}
#our_thinking {
	margin-bottom:10px;
	}
/* PORTFOLIO ---------------------------------------------- */
#case_study_container {
	xposition:relative;
	overflow:hidden;
	left:0;
	/*height:440px;*/ /* 440px max for IE on 1024 x 768. Extra image is automatically hidden */
	/*background-color:#ffc;*/
	/*border:1px solid #c00;*/
	}
#case_study_container h1,
#case_study_container h2 {
	color:#a73ba0;
	}
#case_study_container p.intro {
	margin-bottom:30px;
	font-size:1.2em;
	font-weight:normal;
	}
#case_study_container #related_items {
	margin-bottom:20px;
	}
#case_study_intro {
	display:none;
	}
#case_study_intro .intro {
	width:660px;
	}
#case_study_chooser {
	position:relative;
	width:2000px;
	height:400px;
	overflow:hidden;
	}
#case_study_chooser .page_group {
	/*float:left;*/
	position:absolute; /* allows jQ to animate position */
	/*left:-1040px;*/
	margin:60px 0 0 0;
	width:10000px;
	height:220px;
	overflow:hidden;
	/*border:1px solid #c00;*/
	}
#case_study_chooser .cs {
	float:left;
	margin:0 46px 0 0;
	}
#case_study_chooser h2 {
	font-weight:normal;
	color:#a73ba0;
	margin-top:.2em;
	}
#case_study_chooser a {
	text-decoration:none;
	}
#case_study_chooser img.csimg {
	/*border:1px solid #a73ba0;*/
	width:200px;
	height:200px;
	}
#case_study {
	position:relative;
	/*overflow:hidden;*/  /* breaks positioning on Safari and Camino! */
	min-height:470px;
	width:950px;
	/*display:none;*/
	/*border:1px solid #a73ba0;*/
	}
#case_study li {
	padding-left:10px;
	background:url(images/bullet.png) no-repeat 0 .3em;
	}
#related_items {
	background:#fff;
	position:absolute;
	/*right:10px;
	top:0;*/
	bottom:0;
	}
#related_items li,
#latest_thinking_casual li {
	padding-left:10px;
	background:url(images/bullet.png) no-repeat 0 .3em;
	}
#related_items li a,
.case_study_text a,
#latest_thinking_casual a{
	text-decoration:none;
	color:#777;
	}
#related_items li a:hover,
.case_study_text a:hover,
#latest_thinking_casual a:hover {
	text-decoration:underline;
	}
#related_items h3 {
	color:#a73ba0;
	}
#latest_thinking_casual h2 {
	color:#ff004d;
	}
#case_study_chooser .nextprojectpage {
	display:none;
	position:absolute;
	left:820px;
	top:310px;
	}
#case_study_chooser .prevprojectpage {
	display:none;
	position:absolute;
	left:0px;
	top:310px;
	}
#case_study_chooser .nextprojectpage a,
#case_study_chooser .prevprojectpage a {
	text-decoration:none;
	color:#999;
	}
/* navigation indicators, page number plus stages container -------------- */
#case_study_navigation {
	/*margin-top:10px;*/
	}
#case_study_navigation_pages {
	float:left;
	/*border:1px solid #0c0;*/
	}
#case_study_navigation_pages a {
	padding:1px 3px;
	margin-left:1px;
	color:#ccc;
	font-size:10px;
	text-decoration:none;
	}
#case_study_navigation_pages a.visited {
	background:#a73ba0;
	color:#fff;
	}
#case_study_navigation_stages {
	/*border:1px solid #c00;*/
	float:left;
	margin-left:40px;
	}
#case_study_navigation_stages .listen,
#case_study_navigation_stages .think,
#case_study_navigation_stages .create,
#case_study_navigation_stages .manage {
	padding:1px 4px;
	color:#ccc;
	font-size:10px;
	text-transform:uppercase;
	}
/* ---------------------------------------------------------- */	
#case_study_page {
	background-color: #cff;
	}
#case_study h2 {
	color:#a73ba0;
	}
.case_study_text {
	position:absolute;
	z-index:1000;
	}
.case_study_image {
	position:absolute;
	/*border:1px solid #c00;*/
	}
	
	
#logo_gallery {
	position:absolute;
	top:130px;
	right:10px;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
	}
#logo_gallery h2 {
	margin:0.5em 60px 1em 0;
	}
#logo_gallery a {
	text-decoration:none;
	color:#777;
	}
#logo_gallery a:hover {
	text-decoration:underline;
	}
	
/* OUR PROCESS -------------------------------------------- */	
#process {
	width:630px;
	}
#process_header {
	height:34px;
	overflow:hidden;
	background:url(images/process.png) no-repeat 0 0;
	}
#process_header a img {
	margin:0;
	}
#p1,#p2,#p3,#p4 {
	display:none;
	}
.process_content {
	background:url(images/process_content_bg.jpg) no-repeat 0 100%;
	padding:20px 10px;
	}
.process_keypoints li {
	font-size:1.1em;
	line-height:1.4em;
	}
#p1 .process_keypoints li {
	color:#ff9100;
	}
#p2 .process_keypoints li {
	color:#ff004d;
	}
#p3 .process_keypoints li {
	color:#a73ba0;
	}
#p4 .process_keypoints li {
	color:#00c6d3;
	}
.process_description {
	/*border:1px solid #c00;*/
	width:360px;
	color:#808080;
	font-size:1.2em;
	line-height:1.3em;
	}
.process_keypoints {
	float:right;
	width:230px;
	margin-left:10px;
	font-size:1.1em;
	}
/* THINKING ----------------------------------------------- */

.thinking_intro {
	float:left;
	width:45%;
	margin-right:50px;
	}
.thinking_intro strong {
	font-size:0.7em;
	text-transform:uppercase;
	}
.thinking_intro h2 {
	color:#ff004d;
	padding-left:12px;
	background:url(images/triangle_red_right.png) no-repeat 0 50%;
	}
.thinking_intro p {
	
	}
.thinking_intro a {
	color:#ff004d !important;
	
	}

/* CLIENT LIST -------------------------------------------- */
ul.clients {
	/*border:1px solid #c00;*/
	float:left;
	margin-right:30px;
	}
ul.clients li {
	margin-bottom:0.1em;
	padding-left:12px;
	color:#777;
	}
ul.clients li.factsheets {
	background:url(images/b_down_grey.png) no-repeat 0 .4em;
	}
ul.clients li a {
	color:#777;
	text-decoration:none;
	}
ul.clients li a:hover {
	text-decoration:underline;
	}
/* factsheets dropdown */
ul.clients .client_factsheets {
	background:url(images/bg_grey_grad.jpg) no-repeat 0 0;
	display:none;
	padding:4px;
	}
ul.clients .client_factsheets .content {
	float:left;
	padding:6px 8px 2px 4px;
	xbackground-color:#eee;
	}
	
ul.clients .client_factsheets li {
	font-size:0.9em;
	padding:0;
	}
ul.clients .client_factsheets li {
	}
/* FOOTER ------------------------------------------------- */
#footer {
	position:relative;
	clear:both;
	margin:0 0 10px 10px;
	/*background:url(images/bg_footer_blue.png) no-repeat;*/
 	/*border:1px solid #c00;*/
	}
#footer img {
	margin-right:20px;
	margin-top:6px;
	}
#footer a {
	}
#footer .footer_brands {
	}
#footer .footer_literature {
	}
#footer .footer_campaigns {
	}
#footer .footer_interactive {
	}
#creative_communications {
	position:absolute;
	margin-right:10px !important;
	right:0;
	top:0;
	}
/* -------------------------------------------------------- */

.success {
	background:url(Filestore/_icons/icon_yes.png) no-repeat 4px 4px;
	border:1px solid #396;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#d6e4bd;
	font-size:.8em;
	}
.failure {
	background:url(Filestore/_icons/icon_no.png) no-repeat 4px 4px;
	border:1px solid #c00;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#f5cccc;
	font-size:.8em;
	}
/* --------------------------------------------------------------------------- */
.taPicStyle,.taPicStyleLeft,.taPicStyleRight,.taPicStyleCentre {
	margin-bottom:10px;
	padding-bottom:0;
	}
.taPicStyleCentre {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
.taPicStyleLeft {
	float:left;
	margin-right:8px;
	padding:inherit 12px 12px inherit;
	}
.taPicStyleRight {
	float:right;
	margin-left:8px;
	padding:inherit inherit 12px 12px;
	}

/* --------------------------------------------------------------------------- */
/* A div with a floated div inside will not expand to fill the contained div.  */
/* This fix deals with the matter. Apply class="clearfix" to the container div */
/* Thanks to http://positioniseverything.net/easyclearing.html */

.clearfix:after,
#search_news:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,.taBox img, #search_news {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* --------------------------------------------------------------------------- */
.xclear {
	clear:both;
	height:1px;
	overflow:hidden;
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
	}
/* --------------------------------------------------------------------------- */