/*Reset:
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
yui reset & yui font: */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
object, a:focus {
	outline-width: 0;
}
/* Colours:
	
	Revised
	-------
	dark grey:			3d443f
	background:			4f5650
	gradiant:			616762 (90% of background)
	map:  				727893 (80% of background)
	copy+lines:			b9bbb7
	
	columns (green):	7AC143
	
	branding (orange): 	F6921E
	digital (blue): 	4DB8E0
	reporting (pink): 	E85E91
	campaigns (lime): 	C4CC4B
	literature (aqua):	73B2A2
*/

html, body { background-color:#4f5650; color: #fff; }
#wrapper {
	margin: 0 auto;
	width:988px;
	position:relative;
	
	min-height: 600px;
	/*background:url(/images/grid-12.png) no-repeat 0 37px;*/
}

/* Header */
#header {
	float: left;
	padding-top: 18px;
	min-height: ;
}
#logo {
	background:transparent url(/images/logo.gif) no-repeat scroll 0 0;
	height:24px;
	width:160px;
	display:block;
}
#logo span { display:none; }

/* Main Nav */

.sf-menu a:hover {
	text-decoration: none;
}


/* Info Nav */


#nav-info {
	position: absolute;
	top: 6px;
	right: 0;
}

#nav-info li {
	float: left;
	color: #7AC143;
	margin-left: 20px;
}

#nav-info a {
	color: #7AC143;
	float: left;
	
}

/* Elements */
a {
	color:#fff;
	text-decoration:none;
}
a:hover { text-decoration:underline; }
h1 {
	color: #fff;
	position: absolute;
	top:  -7px;
	z-index: 100;
	padding: 13px 0 7px;
}
h3,
p,
cite,
blockquote,
dl {
	color: #9EA5A1;
	margin-bottom: .8em;
}
cite, dt, dd {
	display: block;
	color: #fff;
}

h3 { color: #fff; }


/* Main */
#main {
	float: left;
	position: relative;
	padding-top: 29px;
}


/* Foot */
#foot { 
	width: 988px;
	margin: 10px 0;
	float: left;
}

/* Disciplines Nav */

.nav-disciplines li {}
.nav-disciplines li a {
	display: block;
	padding: 6px;
	color: #9EA5A1;
	text-decoration:none;
	border-bottom: 1px solid #9EA5A1;

}

/*.nav-disciplines li a:hover,
.nav-disciplines li.current a {
	color: #3d443f;
}*/
.nav-disciplines li a:hover,
.nav-disciplines li.current a {
	color: #4F5650;
}

/*.nav-disciplines li ul li a:hover,
.nav-disciplines li ul li.current a {
	color: #9EA5A1;
}*/



.nav-disciplines li a:hover {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 5px 6px 6px;
	color: #4F5650;
}

.nav-disciplines li ul li a:hover {
	/*border-top: 1px solid #4f5650;*/
	border-bottom: 1px solid transparent;
	/*padding: 5px 6px 6px;*/
	color: #fff;
}
li#nav-item-branding ul li a{
	color: #fff;
}
li#nav-item-branding ul li a:hover	{color: #ffffff }
li#nav-item-branding.current ul li a 	{ border-bottom: 1px solid #F6921E; background-color: #4F5650; color: #9EA5A1 }
li#nav-item-digital ul li a:hover, li#nav-item-digital.current ul li a 	{ border-bottom: 1px solid #4DB8E0; background-color: #4F5650; color: #9EA5A1  }
li#nav-item-reporting ul li a:hover, li#nav-item-reporting.current ul li a 	{ border-bottom: 1px solid #E85E91; background-color: #4F5650; color: #9EA5A1  }
li#nav-item-campaigns ul li a:hover, li#nav-item-campaigns.current ul li a 	{ border-bottom: 1px solid #C4CC4B; background-color: #4F5650; color: #9EA5A1  }
li#nav-item-print ul li a:hover, li#nav-item-print.current ul li a	{ border-bottom: 1px solid #73B2A2; background-color: #4F5650; color: #9EA5A1  }

li#nav-item-branding  a:hover, #nav-item-branding.current a 	{ background-color: #F6921E }
li#nav-item-digital a:hover, #nav-item-digital.current a 	{ background-color: #4DB8E0 }
li#nav-item-reporting a:hover, #nav-item-reporting.current a 	{ background-color: #E85E91 }
li#nav-item-campaigns a:hover, #nav-item-campaigns.current a 	{ background-color: #C4CC4B }
li#nav-item-print a:hover, #nav-item-print.current a	{ background-color: #73B2A2 }

/* Nested Nav */
.nav-disciplines li li a, .nav-disciplines li li a:hover {
	padding: 3px 6px;
}

#nav-item-branding.current ul li  a:hover, #nav-item-branding.current ul li.current a,#nav-item-digital.current ul li  a:hover, #nav-item-digital.current ul li.current a,#nav-item-reporting.current ul li  a:hover, #nav-item-reporting.current ul li.current a,#nav-item-campaigns.current ul li  a:hover, #nav-item-campaigns.current ul li.current a,#nav-item-print.current ul li  a:hover, #nav-item-print.current ul li.current a {
	color: #fff;
	border-top: 0px;
}

/*.nav-disciplines li li.current a {
	padding-left: 12px;
}*/




/* Columns */

.col, .inset {
	display:inline; /* For IE6, doesn't affect EOMB */
	float: left;
	position: relative;
	margin-right: 8px;
}
.last { margin-right: 0; }
.col .inset { margin: 8px 8px 0; }
.col h2 {
	color: #ffffff;
	border-color: #9EA5A1;
	border-width: 0 0 3px 0;
	border-style: solid;
	padding-bottom:6px;
}

/* column & row sizes */
.col-1 { width: 75px }
.col-2 { width: 158px; /* 2*single + 8px gutter */ }
.col-3 { width: 241px;  }
.col-4 { width: 324px;  }
.col-5 { width: 407px;  }
.col-6 { width: 490px;  }
.col-7 { width: 573px;  }
.col-8 { width: 656px;  }
.col-9 { width: 739px;  }
.col-10 { width: 822px; }
.col-11 { width: 905px;  }
.col-12 { width: 988px;  }

.row-1 { height: 75px }
.row-2 { height: 158px; /* 2*single + 8px gutter */ }
.row-3 { height: 241px;  }
.row-4 { height: 324px;  }
.row-5 { height: 407px;  }
.row-6 { height: 490px;  }
.row-7 { height: 573px;  }
.row-8 { height: 656px;  }
.row-9 { height: 739px;  }
.row-10 { height: 822px; }
.row-11 { height: 905px;  }
.row-12 { height: 988px;  }

/* column shifting */
.x-0 { left: 0 }
.x-1 { left: 83px }
.x-2 { left: 166px }
.x-3 { left: 249px }
.x-4 { left: 332px }
.x-5 { left: 415px }
.x-6 { left: 498px; }
.x-7 { left: 581px; }
.x-8 { left: 664px; }
.x-9 { left: 747px; }
.x-10 { left: 830px; }
.x-11 { left: 913px; }

.y-0 { top: 0 }
.y-1 { top: 83px }
.y-2 { top: 166px }
.y-3 { top: 249px }
.y-4 { top: 332px }
.y-5 { top: 415px }
.y-6 { top: 498px; }
.y-7 { top: 581px; }
.y-8 { top: 664px; }
.y-9 { top: 747px; }
.y-10 { top: 830px; }
.y-11 { top: 913px; }




/* Heroes */

.hero {
	width: 988px;
	height: 324px;
	position: relative;
	margin: 0 0 8px;
	left: 0;
	top: 0;
}

.home .hero {
	z-index: 1;
}

.home-fallback-stills, .home-fallback-values {
	position: absolute;
}

.home-fallback-values {
	top: 143px;
	z-index: 2000;
}

.hero object, .hero embed {
	position: absolute;
	z-index: 1;	
}
.hero-group { left:249px; }
.hero-group .col {position:absolute;}
.hero-casestudy {
	overflow: hidden;
}

.hero-casestudy img {
	position:absolute;
}

/* Generic */
.warning {
	color:  yellow;
}



/* Snippets */

.snippet {
	float: left;
	background: #616762 url(/images/snippet-bg.png) no-repeat 0 0;
	min-height: 184px;
}

.snippet-group {
	background: url(/images/snippet-bg.png) repeat-x 0 0;
}


.snippet .col {
	/* width: 185px; */
}


.snippet-casestudy {
	padding-bottom: 8px;
}

.snippet-casestudy .last>.inset { margin: 8px 8px 0 0; }

.snippet-casestudy-branding h2 { border-color: #F6921E; }
.snippet-casestudy-branding a:link, .snippet-casestudy-branding a:hover { color: #F6921E; }
/* .snippet-casestudy-branding a:visited { color: #B96E18; } */

.snippet-casestudy-digital h2, .snippet-casestudy-digital a:link, .snippet-casestudy-digital a:hover { color: #4DB8E0; }
.snippet-casestudy-reporting h2 { border-color: #E85E91; }
.snippet-casestudy-reporting a, .snippet-casestudy-reporting a:hover { color: #E85E91; }


.snippet-testimonial h2 { border-color: #7AC143; }
.snippet-testimonial a:link, .snippet-testimonial a:hover, .snippet-testimonial blockquote { color: #7AC143; }
.snippet-testimonial a:visited { color: #5C9132; }

.snippet .cta {
	display: block;
}



.snippet .abstract {
	width: 241px;
	margin-right: 0;
}

.snippet .thumb {
	width: 158px;
}

.snippet .thumb img {
	display: block;
}

.snippet .thumb a:hover {
	text-decoration: none;
}

/* Snippet Testimonials */

.snippet-testimonial blockquote {
	font-size: 18px;
	margin-bottom: .2em;
	text-indent: -7px;
}
.snippet-testimonial cite {	color: #9EA5A1; }
.snippet-testimonial cite .org { display: block; }
.snippet-testimonial p.cite-note { color: #fff; }

/* Microformats */

.vcard { margin-bottom: 0.8em }
.vcard .none { display: none; }
.adr span {
	display: block;
}
.adr .locality, .adr .postal-code {
	display: inline;
}

.tel {
	white-space: nowrap;
}

#hcard-peter {
	/* TODO: Hack around wysiwig*/
	margin-top: .8em;
}


/* Controls */

#slide-control {
	padding: 3px 8px 4px;
	background-color: #4F5650;
}

#slide-control dl {	margin: 0;}
#slide-control dd { color: #9EA5A1;}


/* ------------------------------------------------------ Pages -------------- */

/* Work */
.work .col-10 li {
	position: relative;
	margin-bottom: 8px;
}
.work .col-10 li a, .work .col-10 li img {
	display: block;
}
.work .col-10 li a:hover {
	text-decoration: none;
}

.work .col-10 dl {
	bottom: 0;
	position: absolute;
	background-color: #3d443f;
	opacity: 0.85;
	width: 100%;
	margin: 0;
}

.work .col-10 dt, .work .col-10 dd {
	padding: 3px;
	line-height: 1em;
}

.work .col-10 dt {

	padding-bottom: 0px;
}
.work .col-10 dd {
	color: #b9bbb7;
}



/* Disciplines */


.hero-discipline .first {
	border-top: 3px solid;
	background-color: #404741;
	height: 321px;
}
#branding .first {
	/*border-top-color: #F6921E;*/
}

.hero-discipline ul a {
	display: block;
}
.hero-discipline ul {
	float: left;
	position: relative;
	width: 656px;
	height: 324px;
}

.hero-discipline li {
	position: absolute;
}

.hero-discipline li span {
	position: absolute;
	z-index: 200;
	display: block;
	width: 100%;
	padding: 2px 0 4px;
	color: #fff;
	bottom: 0;
	opacity: .7;
	background-color: #3d443f;
	text-indent: 6px;
}

.hero h1, .hero h2 {
	position: static;
	padding: 0;
	border-width: 0;
}
.hero h1 { margin-bottom: .8em; }
.hero h2 { margin-bottom: .8em; }



/* Case studies */

.casestudy .col-6 {
	padding-bottom: 8px;
	background: #616762 url(/images/copy-bg.png) no-repeat 0 0;
	min-height: 184px;
}

.clients h2 {
	padding-bottom: 6px;
}

.branding h2 {
	padding: 11px 0 6px;
}

.branding .col-6 h2, .branding .first{ border-color: #F6921E;}
.digital .col-6 h2, .digital .first { border-color:#4DB8E0;}
.reporting .col-6 h2,.reporting .first{ border-color:#E85E91;}
.campaigns .col-6 h2,.campaigns .first{ border-color:#C4CC4B;}
.print .col-6 h2,.print .first{	border-color:#73B2A2;}


/* Clients */

.clients img {
	display: block;
}

#client-casestudies-wrap {

}

#clients-lists {
	padding-top: 88px;
}

#clients-lists li {
	color: #b9bbb7;
}

.client-casestudies {
	display:none;
	z-index:1000;
}

.client-casestudies a, .client-casestudies a img {
	display: block;
}