@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

a:focus { outline: none; }

html, body {
	background-color: #231f20;
}
body {
	background-image:url(../images/bg_page.png);
	background-repeat:no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	color: #8a8a8b;
	font-size: 12px;
	line-height: 17px;
}
p {
	margin: 0 0 15px 0;	
}
p.shallow {
	margin: 0 0 13px 0;		
}
/*
.dba_entry {
	background-image: url(../images/dba-2010-banner.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	height:340px;
}
*/
/*********************************** ELEMENTS ***********************************/
.hide {
	position: absolute;
	left:-9000em;
}
h1 a{
	text-indent: -9000em;
	width: 140px;
	height: 95px;
	background-image:url(../images/logo.png);
	float: left;
}
.clear {
	clear: both;	
}
a:link, a:visited, #directions .googledir table tbody tr td a{
	color: #353535;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color: #a6a8ab;	
	text-decoration: underline;
}
.hideme{display: none !important;}
.showme{display: block !important;}
.hideme2{
	opacity: 0 !important;
	cursor: pointer !important;
}
/*********************************** STRUCTURE ***********************************/
#page {
	width: 100%;	
	background-color: #e6e6e6;
	padding: 0 0 40px 0;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: -20px auto 0 auto;
	width: 960px;
	background-image:url(../images/bg_page.png);
	background-repeat:repeat-x;
	background-color: #e6e6e6;	
	z-index: 3000;
}
#footer {
	background-color: #231f20;	
	color: #808184;
	font-size: 10px;
	clear: both;
}
#content {
	margin-left: 2px;
}
/*********************************** NAVIGATION ***********************************/
#navigation { 
	margin: 50px auto 0; 
	padding: 0; 
	border-bottom: 1px solid #a6a8ab; 
	float: left;
}
#nav:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
}
#nav { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width: 820px; 
}
#nav li { 
	display: inline-block; 
}
#nav li a { 
	color: #a6a8ab; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 2px 18px 5px 18px; 
	text-decoration: none; 
	font-weight: bold; 
}
#nav li a:hover { 
	color: #000; 
}
#magic-line { 
	position: absolute; 
	bottom: -2px; 
	left: 0; 
	width: 100px; 
	height: 2px; 
	background: #000; 
}
.current_page_item a { 
	color: #000 !important; 
}

/*********************************** FOOTER ***********************************/

.dba_logo {
	width: 60px;
	height: 42px;
	background-image:url(../images/logo_dba.png);
	background-repeat:no-repeat;
	background-position: 0 10px;
	display: block;
	border: 0;
	margin: 0 0 0 auto;
}
.column_holder {
	margin: 0 auto;	
	width: 960px;
	padding: 16px 0 0 0;
}
#footer .column_left {
	width: 480px;
	float: left;
	text-align: left
}
#footer .column_right {
	width: 480px;
	float: left;
	text-align: right;
}
#footer .column_left ul {
	list-style-type: none;
	display: inline;
}
#footer .column_left ul li{
	list-style-type: none;
	display: inline;
	border-right: 1px solid #808184;
	padding: 0 0 0 7px;
}
#footer .column_left ul li.first{
	padding: 0 0 0 0;
}
#footer .column_left ul li.last{
	border: 0;
}
#footer .column_left a:link, #footer .column_left a:visited {
	color: #808184;
	padding: 0 7px 0 0;
	text-decoration:none;
}
#footer .column_left a:hover, #footer .column_left a:active, #footer .column_left a:focus {
	text-decoration:underline;
	color: #FFF;
}

/*********************************** HOMEPAGE ***********************************/

.title_bar {
	border-bottom: 1px solid #a6a8ab;
	padding: 25px 0 7px 0;
}
h2.sub_title{
	color: #231f20;
	font-size: 16px;
	margin: 30px 0 7px 0;
}
h2.sub_title span{
	color: #a6a8ab;
}
h2.pull_out {
	color: #231f20;
	font-size: 32px;
	margin: 0 0 25px 0;
	line-height: 36px;	
}


/*********************************** WORK / GRID LAYOUT ***********************************/
ul.jcarousel-skin-tango, ul.jcarousel-skin-tango li, li.slide_counter, #mycarousel_static, #mycarousel_static li, #mycarousel, #mycarousel li {
	list-style-type: none !important;	
}
.invisible {
	opacity: 0;	
}
a img {
	border: 0;	
}
.ul_container {
}
.ul_container li {
	list-style-type: none;
	padding: 0;	
}
#grid li span {
	display:block;
}
#grid li span a img{
	border: 0;
}
.work_item a img {
	border: 0;
}
.work_item {
	position: relative; 
	width: 232px;
	padding: 0 0 10px 0;
	/* height is defined inline */
}
.work_item a{
	display: block;
}
.work_item .fade {
	position: absolute; 
	left: 0; 
	top: 0; 
	opacity: 0; 
	z-index:10;
}
.worknav {
	opacity: 0;	
}
/*
#sp_table {
	width: 232px;	
	margin: -5px 0 10px 0;
}
#sp_table th {
	font-weight: bold;
	border-bottom: 1px dotted #a6a8ab;
	text-align: left;
}
td.br {
	border-right: 1px dotted #a6a8ab;	
}
*/
#sp_table {
	width: 232px;	
	margin: -5px 0 10px 0;
}
#sp_table th {
	font-weight: bold;
	color: #8a8a8b;
	text-align: left;
}
#sp_table td {
	color: #e6e6e6;
	background-color: #8a8a8b;
	padding: 1px;
}
#sp_table td.br {
	border-right: 5px solid #e6e6e6;
}


/*********************************** COLUMNS ***********************************/

.col_one, .col_two, .col_three {
	width: 232px;
	float: left;
	margin: 0 10px 0 0;	
}
.col_four {
	width: 232px;
	float: left;	
	margin: 0 0 0 0;	
}
.col_one_two {
	width: 474px;
	float: left;		
	margin: 0 10px 0 0;

}

.col_two_three {
	width: 474px;
	float: left;		
	margin: 0 10px 0 0;

}
.col_three_four {
	width: 474px;
	float: left;		
	margin: 0 0 0 0;

}
.col_two_three_four {
	width: 716px;
	float: left;		
	margin: 0 0 0 0;

}
.col_one, .col_two, .col_three, .col_four, .col_one_two, .col_two_three, .col_three_four {
	/*background-color: #CCC;*/
}
.col_wrapper {
	clear: both;
	margin: 0 0 17px 0;
}
.narrow p {
	margin-right: 5px;
}

/*********************************** FILTER NAVIGATION ***********************************/

.button_strip { 
	margin: 0 auto 20px auto; 
	padding: 0; 
	border-top: 1px solid #a6a8ab; 
	float: left;
}
.home_strip { 
	margin: 0; 
	padding: 0; 
	border-top: 1px solid #a6a8ab; 
	float: left;
	height: 60px;
}
.button_strip p.filter_label {
	width: 160px;
	float: left;
	float: left;	
	color: #a6a8ab; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 9px 0 5px 0; 
	text-decoration: none; 
	font-weight: bold; 	
}

.button_strip ul:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
}
.button_strip ul { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width: 718px; 
	float: left;
}
.push {
	margin: 0 auto; 
	display: block;
	width: 878px;
	float: left;
}
.button_strip ul.full { 
	width: 798px; 
}
.button_strip ul li { 
	display: inline-block; 
}
.button_strip ul li a { 
	color: #a6a8ab; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 9px 18px 5px 18px; 
	text-decoration: none; 
	font-weight: bold; 
}
.button_strip ul li a:hover { 
	color: #000; 
}
.filter_nav a.current, .current_page_item_two a{ 
	color: #000 !important; 
}
.all_work {
	float: left;
}
.all_work a{
	background-image:url(../images/arrow_right_dark.png) !important;
	background-position: right;
	background-repeat: no-repeat;
	padding: 10px 0 10px 0;
	color: #a6a8ab !important;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	width: 80px;	
	display: block;
	float: left;
	margin: 0;
}
.all_work a:hover{
	background-image:url(../images/arrow_right_over.png) !important;
	color: #231f20 !important;	
	text-decoration: none;
}
#magic-line-two { 
	position: absolute; 
	top: -2px; 
	left: 0; 
	width: 100px; 
	height: 2px !important; 
	background: #000; 
}

/*********************************** FOUR COLUMN SUB-NAVIGATION ***********************************/

#work_nav {
	margin: 40px 0;	
	background-image:none;
}

#four_col_nav {
	margin: 40px 0;	
	background-image:url(../images/bg_four_column_nav.png);
	background-repeat:no-repeat;
	background-position: 2px 10px;
}
.three_active {
	background-image:url(../images/bg_four_column_nav_three.png) !important;
}
.two_active {
	background-image:url(../images/bg_four_column_nav_two.png) !important;
}
#top_nav {
	position: relative;
	height: 10px;
}
#top_nav li {
	list-style-type: none;
	display: inline;
}
#top_nav li a {
	display: block;
	width: 232px;
	border-bottom: 1px solid #a6a8ab;
	float: left;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #a6a8ab;
	font-size: 14px; 
	font-weight: bold;
	padding: 0 0 2px 0;
}
#top_nav li.double a {
	width: 474px !important;
}
#top_nav li.navLong a {
	width: 958px;
}
#top_nav li a:hover, #top_nav li a.active, #top_nav li a.stillactive {
	border-bottom: 1px solid #231f20;
	color: #231f20;
}
#top_nav li a.active {	border-bottom: 2px solid #231f20;}
#top_nav li a.last {
	margin-right: 0 !important;
}
#sub_nav {
	position: absolute;
	top: 25px;
}
/* jack */
.nav4 #sub_nav{
	left: 726px;
}
.nav4 #sub_nav li a{
	width: auto !important;
}
#top_nav li a.not_active{
	border-bottom: 1px solid #A6A8AB;
	color: #A6A8AB;
}
/* end jack */
.navLong ul {left: 0;}
.nav1 ul {left: 0;}
.nav2 ul {left: 242px;}
.nav3 ul {left: 484px;}
.nav4 ul {left: 706px;}
#sub_nav li{
	display: inline;
}
#sub_nav li a{
	display: block;
	float: left;
	width: 10px !important;
	border-bottom: 0;
	border-right: 1px solid #a6a8ab;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}
#sub_nav li a.double {
	padding: 0 10px 0 0;	
}
#sub_nav li a.keith, #sub_nav li a.chris, #sub_nav li a.stewart {
	padding: 0 35px 0 0;	
	width: 10px !important;
}
#sub_nav li a.joblink1 {
	width: 125px !important;
}
#sub_nav li a.joblink2 {
	width: 70px !important;	
}
#sub_nav li a.joblink3 {
	width: 220px !important;	
}
#sub_nav li a.last {
	border: 0;	
}
#sub_nav li a:hover {
	border-bottom: 0;
	text-decoration: underline;
}
#sub_nav li a.active {
	border-bottom: 0;
	color: #000;	
}
#top_nav .more a{
	text-indent: -9000em;
	background-image:url(../images/asterisk.png);
	background-repeat:no-repeat;
}
#top_nav .more a:hover, #top_nav .more a.active{
	background-image:url(../images/asterisk_over.png);
}
.empty_link, .empty_link_last {
	display: block;
	width: 232px;
	border-bottom: 1px solid #a6a8ab;
	float: left;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #a6a8ab;
	font-size: 14px; 
	font-weight: bold;
}
.long {
	width: 474px;

}
.empty_link_last {
	margin-right: 0 !important;	
}
#slides{
	/* 
	controlled by JQ 
	width: "958px",
	height: "370px",	
	*/	
	position: relative;
	z-index: 1000;
	background-color:#e6e6e6;
	height: 340px;
	overflow: hidden;
}
#slides_no_slide {
	width: 958px;
	height: 370px;
	background-color:#e6e6e6;	
}
#more_list, #more_list li {
	list-style-type: none;
}
#more_list {
	margin-bottom: 40px;
}
.slide-wrapper a img {
	border: 0;	
}



/******* NEW SLIDE WRAPPERS **********/

.nav_hide {
	display: none !important;
}
.closing_navigation {
	margin-top: 30px;	
}
#mycarousel, #mycarousel_static {
    width:  958px;
    height: 340px;
	overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-container { /* overall container */
    width:  958px;
    height: 340px;
	overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-container-horizontal { /* internal container */
    width: 958px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  958px;
    height: 340px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 958px;
    height: 340px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

/******* TEMP EDIT FOR AWARDS PAGE **********/
#award-push .jcarousel-container,
#award-push .jcarousel-skin-tango,
#award-push .jcarousel-clip-horizontal{
	height: 800px;
}


/*********************************** CLOSING NAVIGATION ***********************************/
.grid_spacer {
	clear: both;
}
.closing_navigation {
	border-top: 1px solid #a6a8ab;
	clear: both;
}
.closing_navigation ul{
	list-style-type: none;
	display: inline;	
}
.closing_navigation li{
	list-style-type: none;
	display: inline;	
	width: 319px;	
	float: left;
	font-size: 15px; 
	font-weight: bold;	
}
.closing_navigation li.pn_left {
	text-align:left;
}
.closing_navigation li.pn_middle {
	text-align: center;
}
.closing_navigation li.pn_right {
	text-align: right;
}
.closing_navigation li a.top{
	text-decoration: none;
	background-image:url(../images/arrow_top.png) !important;
	background-repeat: no-repeat;
	background-position: right 15px;
	padding: 15px 40px 35px 0;
	display: inline-block;
	margin-top: 5px;
	color: #a6a8ab;
}
.closing_navigation li a.top:hover {
	background-image:url(../images/arrow_top_over.png) !important;	
	color: #231f20;
}
.closing_navigation li a.back{
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 0 15px 20px;
	display: inline-block;
	margin-top: 5px;
}
.closing_navigation li a.next{
	text-decoration: none;
	background-position: right;
	background-repeat: no-repeat;
	padding: 15px 20px 15px 0;
	display: inline-block;
	margin-top: 5px;
}
.closing_navigation li a span.hidespan, .alwayshide {
	display: none !important;	
}
.closing_navigation li a.back.light {
	background-image:url(../images/arrow_left_light.png);	
	color: #d0d2d3;
}
.closing_navigation li a.back.dark {
	background-image:url(../images/arrow_left_dark.png);	
	color: #a6a8ab;
}

.closing_navigation li a.next.light {
	background-image:url(../images/arrow_right_light.png);	
	color: #d0d2d3;
}
.closing_navigation li a.next.dark {
	background-image:url(../images/arrow_right_dark.png);	
	color: #a6a8ab;
}
.closing_navigation li a.next:hover {
	background-image:url(../images/arrow_right_over.png) !important;	
	color: #231f20 !important;
}
.closing_navigation li a.back:hover {
	background-image:url(../images/arrow_left_over.png) !important;	
	color: #231f20 !important;
}
.closing_navigation h3 {
	margin-top: -1px;	
	color: #231f20;
}
.closing_navigation h3 span{
	padding-top: 8px;
	padding-bottom: 35px;
	border-top: 2px solid #231f20;
	display: inline-block;
}
.final_navigation {
	border-top: 1px solid #a6a8ab;
	clear: both;
}
.final_navigation ul {
	margin: 10px 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}
.final_navigation ul li{
	list-style-type: none;
	display: inline;	
	margin: 0;
	padding: 5px 0 0 0;
}
.final_navigation ul li a{
	display: block;
	padding: 3px 10px;
	float: left;
	font-size: 14px;	
}
.final_navigation .pn_left a {
	padding-left: 0;
	border-right: 1px solid #a6a8ab;
}
/*********************************** GOOGLE MAPS ***********************************/

#fromAddress {
	margin: 15px 0 10px 0;
	background-color:#FFF;
	color: #333;
	border: 1px solid #FFF;
	width: 199px;
}
.submit {
	color: #dadada !important;
	background-color: #231f20;
	padding: 6px 9px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	border: 0;
}
/*********************************** CONTACT FORM ***********************************/

#talk_form fieldset {
	border: 0;
}
#talk_form legend {
	display: none;
}
#talk_form label {
	width: 80px;
	margin: 0 0 10px 90px;
	text-transform:uppercase;
	color: #666666;
}
#talk_form .form_textbox {
	margin: 0 0 10px 90px;
	background-color:#FFF;
	color: #333;
	border: 1px solid #FFF;
	width: 285px;	
}
#talk_form .form_textarea {
	margin: 0 0 10px 90px;
	background-color:#FFF;
	color: #333;
	border: 1px solid #FFF;
	width: 285px;
	height: 81px;
}
#talk_form .submit {
	margin: 0 0 10px 90px;
}
.required_data .form_textbox, .required_data .form_textarea{
	border: 1px solid #F00 !important;	
}
.required_data label {
	color: #F00 !important;
}
/*********************************** AWARDS ***********************************/
#awards, #awards li {
	list-style-type: none;
}
.dba_award_strip, .dba_award_strip_last {
	width: 474px;
	border-top: 1px solid #c6c7c8;	
	background-image:url(../images/logo_dba_dark.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0;
	margin:0;
}
.dba_award_strip_last {
	border-bottom: 1px solid #c6c7c8;
}
.dba_award_strip a, .dba_award_strip_last a {
	background-image:url(../images/arrow_right_awards.png);
	background-position: right 10px;
	background-repeat: no-repeat;
	margin: 0 0 0 80px;
	padding: 10px 0;
	display: block;
	color: #231f20;
}

/* jack */
#league{
	border-left: 1px solid #BBBDBF;
    border-top: 1px solid #BBBDBF;
	text-align: center;
}
#league caption{
	color: #7B7C7D;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-align: left;
}
#league tr td, #league tr th{
	border-bottom: 1px solid #BBBDBF;
    border-right: 1px solid #BBBDBF;
}
#league tr th{
	background: #A6A8AB;
	border-bottom: none;
	color: #FFF;
	font-weight: bold;
	padding: 18px 26px;
	vertical-align: middle;
}
#league tr td{
	padding: 9px 6px;
	width: 110px;
}
#league tr td.consultancy{
	width: 145px;
}
#league tr td.score{
	width: 100px;
}
#league tr.good td{
	background: #231F20 !important;
	color: #FFF;
}
#league tr td.highlight{
	background-color: #F0F0F0;
}

#medals{
	border-top: 1px solid #A6A8AB;
	clear: both;
	float: left;
	margin: 30px 0 0 0;
	padding: 15px 0 0;
	width: 100%;
}
#medals ul li a{
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	text-indent: -9999em;
}
#medals ul li#medal-fyne a{
	background-image: url(../images/medals/fyne_ales.gif);
	height: 199px;
	width: 175px;
}
#medals ul li#medal-fyne a:hover{
	background-position: right bottom;
}
#medals ul li#medal-scottish a{
	background-image: url(../images/medals/scottishpower.gif);
	height: 199px;
	width: 200px;
}
#medals ul li#medal-scottish a:hover{
	background-position: right bottom;
}
#medals ul li#medal-buchanan a{
	background-image: url(../images/medals/buchanan.gif);
	height: 199px;
	width: 200px;
}
#medals ul li#medal-buchanan a:hover{
	background-position: right bottom;
}

#medals ul li#medal-equal a{
	background-image: url(../images/medals/equal.gif);
	height: 199px;
	width: 200px;
}
#medals ul li#medal-equal a:hover{
	background-position: right bottom;
}

#medals ul li#medal-core a{
	background-image: url(../images/medals/core.gif);
	height: 199px;
	width: 183px;
}
#medals ul li#medal-core a:hover{
	background-position: right bottom;
}



/* get in touch button */
.get-in-touch a{
	background-image:url(../images/arrow_right_dark.png) !important;
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 10px 20px;
	color:  #A6A8AB !important;
	text-decoration:none;
	font-size: 14px;
	/*font-weight: bold;
	width: 80px;*/
	float: left;
	margin: 0;
}
.get-in-touch a:hover{
	background-image:url(../images/arrow_right_over.png) !important;
	color: #231f20 !important;
	text-decoration: none;
}

/* about awards modules */
.mod{
	border-bottom: 1px solid #A6A8AB; 
	margin: 0 0 31px 0;
	padding:0 0 18px 0;
}
.mod h3{
	margin: 0 0 10px 0;
}
.mod p{}

.effectivness-league a{
	text-decoration: none;
	background-position: left;
	background-repeat: no-repeat;
	padding: 15px 0 15px 20px;
	display: inline-block;
	margin-top: 5px;
	background-image:url(../images/arrow_right_dark.png) !important;	
	color: #A6A8AB !important;
}
.effectivness-league a:hover{
	background-image:url(../images/arrow_right_over.png) !important;
	color: #231f20 !important;
	text-decoration: none;
}
/* end jack */


/*********************************** GIANT ARROWS ***********************************/
#slide_raiser {
	position:relative; 
	z-index:4000;
}
.giant_arrow_right {
	width: 109px;
	height: 242px;
	position: absolute;
	right: 20px;
	top: 250px;
	display: none;
}
.giant_arrow_right a{
	width: 107px;
	height: 240px;
	background-image:url(../images/arrow_right_giant.gif);
	background-repeat:no-repeat;
	display: block;
	text-indent:-9000em;
}
.giant_arrow_left {
	width: 109px;
	height: 242px;
	position: absolute;
	left: 20px;
	top: 250px;
	display: none;	
}
.giant_arrow_left a{
	width: 107px;
	height: 240px;
	background-image:url(../images/arrow_left_giant.gif);
	background-repeat:no-repeat;
	display: block;
	text-indent:-9000em;
}

/*********************************** H2 HEADLINES ***********************************/

#method_slide_1 {
	display: block;
	width: 230px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-1.gif);
}
#method_slide_2 {
	display: block;
	width: 232px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-2.gif);
}
#method_slide_3 {
	display: block;
	width: 232px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-3.gif);
}
#method_slide_4 {
	display: block;
	width: 232px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-4.gif);
}
#method_slide_5 {
	display: block;
	width: 232px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-5.gif);
}
#method_slide_6 {
	display: block;
	width: 232px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-6.gif);
}
#method_slide_7 {
	display: block;
	width: 232px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-7.gif);
}
#method_slide_8 {
	display: block;
	width: 232px;
	height: 309px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-method-8.gif);
}
#results_slide_1 {
	display: block;
	width: 232px;
	height: 320px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-results.gif);
}
#about_slide_1 {
	display: block;
	width: 232px;
	height: 320px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-about-simply.gif);	
}
.more_statement {
	display: block;
	width: 232px;
	height: 70px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-case-end.gif);	
}
#awards_slide_1 {
	display: block;
	width: 232px;
	height: 320px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-talent-awards.gif);
}
#talent_slide_1 {
	display: block;
	width: 232px;
	height: 340px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-talent.gif);
}
#talent_slide_2 {
	display: block;
	width: 232px;
	height: 340px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-talent-keith.gif);
}
#talent_slide_3 {
	display: block;
	width: 232px;
	height: 340px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-talent-chris.gif);
}
#talent_slide_4 {
	display: block;
	width: 232px;
	height: 340px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-talent-stewart.gif);
}
#contact_1 {
	display: block;
	width: 232px;
	height: 40px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-contact-headoffice.gif);
}
#contact_2 {
	display: block;
	width: 232px;
	height: 40px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-contact-london.gif);
}
#contact_3 {
	display: block;
	width: 232px;
	height: 40px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-contact-talktous.gif);
}
#contact_4 {
	display: block;
	width: 232px;
	height: 40px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-contact-findus.gif);
}
#effective {
	display: block;
	width: 232px;
	height: 340px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-effective.gif);
}
#beinggood {
	display: block;
	width: 232px;
	height: 340px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-good.gif);
}
#job-designer {
	display: block;
	width: 232px;
	height: 64px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-job-design.gif);
}
#job-digital_director {
	display: block;
	width: 232px;
	height: 64px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-job-digital_director.gif);
}
/* jack */
#dba_title{
	border-bottom: 1px solid #A6A8AB;
	display: block;
	width: 962px;
	height: 82px;
	margin: 0 0 20px 0;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-dba.png);
}
#awards-heading{
	display: block;
	width: 430px;
	height: 65px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-awards-method-1.gif);
	margin: 26px 0 10px 0;
}
#award-effective{
	display: block;
	width: 377px;
	height: 33px;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-image:url(../headings/title-award-effective.gif);
	margin: 0 0 23px 0;
}
/* end jack */

/*********************************** CLIENT AREA ***********************************/

.client_wrapper {
	width: 232px;	
}
.client_wrapper .client_top {
	display: block;
	width: 232px;
	height: 14px;
	background-image:url(../images/box_client_top.png);
	background-repeat:no-repeat;
	font-size: 0.1px;	
}
.client_wrapper .client_bottom {
	display: block;
	width: 232px;
	height: 14px;
	background-image:url(../images/box_client_bottom.png);
	background-repeat:no-repeat;	
}
.client_wrapper .client_middle {
	width: 232px;
	background-image:url(../images/box_client_middle.png);
	padding: 0 14px;
	background-repeat:repeat-y;
}
.client_wrapper_long {
	width: 474px;
}
.client_wrapper_long .client_top {
	display: block;
	width: 474px;
	height: 14px;
	background-image:url(../images/box_long_client_top.png);
	background-repeat:no-repeat;
	font-size: 0.1px;	
}
.client_wrapper_long .client_bottom {
	display: block;
	width: 474px;
	height: 14px;
	background-image:url(../images/box_long_client_bottom.png);
	background-repeat:no-repeat;	
}
.client_wrapper_long .client_middle {
	width: 474px;
	background-image:url(../images/box_long_client_middle.png);
	padding: 0 14px;
	background-repeat:repeat-y;
}

#js-container {
	width:958px;
	margin:30px auto; 
	position:relative;
}
.js-image {
	overflow:hidden;
	position:absolute;
	z-index:1;
	text-align:left;
}
.js-image a img, a .js-overlay-image {
	border:none;
}
.js-caption-overlay {
	background:#fff;
	border: 1px solid #dbddde;
	z-index:998;
	position:absolute;
	overflow:hidden;
	margin: 11px 0 0 11px;
	padding: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.js-small-caption span {
	color:#fff;
}
.js-overlay-image {
	float:left;
}
.js-overlay-html {
	float:left;
}
.js-overlay-html h4 {
	font-size: 16px;
	margin: 0 0 18px 14px;
}
.js-overlay-html blockquote {
	font-size: 12px;
	line-height:18px;
	margin: 10px 0 14px 14px;	
}
.js-overlay-html p.citation {
	font-size: 12px;
	line-height:14px;
	margin: 0 0 0 14px;	
	font-weight: bold;
}


.client_wrapper, .client_wrapper_long {display: none;}

#js-container {
	height:990px;
}

/* Column 1 */
#client_aeg .client_middle {height: 143px;}
#client_aeg img, .client_aeg .js-overlay-image{width: 204px !important; height: 143px !important;}
#client_aeg {width: 232px; height: 171px; /*above width + height + 28 (2x14)*/ top:0px;left:242px;}
.client_aeg .js-overlay-html {width:250px;}
.client_aeg {height: 140px !important; overflow: hidden;}

/* Column 2 */
#client_silverspring .client_middle {height: 94px;}
#client_silverspring img, .client_silverspring .js-overlay-image{width: 204px !important; height: 94px !important;}
#client_silverspring {width: 232px; height: 122px; /*above width + height + 28 (2x14)*/ top:0px;left:484px;}
.client_silverspring .js-overlay-html {width:250px;}
.client_silverspring {height: 100px !important; overflow: hidden;}

/* Column 3 */
#client_siemens .client_middle {height: 32px;}
#client_siemens img, .client_siemens .js-overlay-image{width: 204px !important; height: 32px !important;}
#client_siemens {width: 232px; height: 60px; /*above width + height + 28 (2x14)*/ top:0px;left:726px;}
.client_siemens .js-overlay-html {width:250px;}
.client_siemens {height: 100px !important; overflow: hidden;}

/* Column 1 */
#client_ristol .client_middle {height: 82px;}
#client_ristol img, .client_ristol .js-overlay-image{width: 204px !important; height: 82px !important;}
#client_ristol {width: 232px; height: 110px; /*above width + height + 28 (2x14)*/ top:181px;left:242px;}
.client_ristol .js-overlay-html {width:250px;}
.client_ristol {height: 140px !important; overflow: hidden;}

/* Column 2 */
#client_mands .client_middle {height: 86px;}
#client_mands img, .client_mands .js-overlay-image{width: 204px !important; height: 86px !important;}
#client_mands {width: 232px; height: 110px; /*above width + height + 28 (2x14)*/ top:132px;left:484px;}
.client_mands .js-overlay-html {width:250px;}
.client_mands {height: 220px !important; overflow: hidden;}

/* Column 3 */
#client_bacardi .client_middle {height: 157px;}
#client_bacardi img, .client_bacardi .js-overlay-image{width: 204px !important; height: 157px !important;}
#client_bacardi {width: 232px; height: 185px; /*above width + height + 28 (2x14)*/ top:70px;left:726px;}
.client_bacardi .js-overlay-html {width:250px;}
.client_bacardi {height: 160px !important; overflow: hidden;}

/* Column 1 */
#client_sonyps .client_middle {height: 129px;}
#client_sonyps img, .client_sonyps .js-overlay-image{width: 204px !important; height: 129px !important;}
#client_sonyps {width: 232px; height: 157px; /*above width + height + 28 (2x14)*/ top:532px;left:726px;}
.client_sonyps .js-overlay-html {width:250px;}
.client_sonyps {height: 160px !important; overflow: hidden;}

/* Column 2 */
#client_breakthrough .client_middle {height: 50px;}
#client_breakthrough img, .client_breakthrough .js-overlay-image{width: 204px !important; height: 50px !important;}
#client_breakthrough {width: 232px; height: 78px; /*above width + height + 28 (2x14)*/ top:252px;left:484px;}
.client_breakthrough .js-overlay-html {width:250px;}
.client_breakthrough {height: 80px !important; overflow: hidden;}

/* Column 3 */
#client_arriva .client_middle {height: 48px;}
#client_arriva img, .client_arriva .js-overlay-image{width: 204px !important; height: 48px !important;}
#client_arriva {width: 232px; height: 76px; /*above width + height + 28 (2x14)*/ top:265px;left:726px;}
.client_arriva .js-overlay-html {width:250px;}
.client_arriva {height: 80px !important; overflow: hidden;}

/* Column 1 */
#client_iberdrola .client_middle {height: 93px;}
#client_iberdrola img, .client_iberdrola .js-overlay-image{width: 204px !important; height: 93px !important;}
#client_iberdrola {width: 232px; height: 121px; /*above width + height + 28 (2x14)*/ top:301px;left:242px;}
.client_iberdrola .js-overlay-html {width:250px;}
.client_iberdrola {height: 170px !important; overflow: hidden;}

/* Column 2 */
#client_whitemackay .client_middle {height: 204px;}
#client_whitemackay img, .client_whitemackay .js-overlay-image{width: 204px !important; height: 204px !important;}
#client_whitemackay {width: 232px; height: 232px; /*above width + height + 28 (2x14)*/ top:350px;left:484px;}
.client_whitemackay .js-overlay-html {width:250px;}
.client_whitemackay {height: 202px !important; overflow: hidden;}

/* Column 3 */
#client_ryobi .client_middle {height: 143px;}
#client_ryobi img, .client_ryobi .js-overlay-image{width: 204px !important; height: 143px !important;}
#client_ryobi {width: 232px; height: 171px; /*above width + height + 28 (2x14)*/ top:351px;left:726px;}
.client_ryobi .js-overlay-html {width:250px;}
.client_ryobi {height: 160px !important; overflow: hidden;}

/* Column 1 + 2 */
#client_clworldbrands .client_middle {height: 113px;}
#client_clworldbrands img, .client_clworldbrands .js-overlay-image{width: 446px !important; height: 113px !important;}
#client_clworldbrands {width: 474px; height: 141px; /*above width + height + 28 (2x14)*/ top:612px;left:242px;}
.client_clworldbrands .js-overlay-html {clear: both;width:446px;}



/* Column 3 */
#client_interface .client_middle {height: 36px;}
#client_interface img, .client_interface .js-overlay-image{width: 204px !important; height: 36px !important;}
#client_interface {width: 232px; height: 64px; /*above width + height + 28 (2x14)*/ top:538px;left:242px;}
.client_interface .js-overlay-html {width:250px;}
.client_interface {height: 90px !important; overflow: hidden;}

/* Column 1 */
#client_samsung .client_middle {height: 68px;}
#client_samsung img, .client_samsung .js-overlay-image{width: 204px !important; height: 68px !important;}
#client_samsung {width: 232px; height: 96px; /*above width + height + 28 (2x14)*/ top:432px;left:242px;}
.client_samsung .js-overlay-html {width:250px;}
.client_samsung {height: 120px !important; overflow: hidden;}

/* Column 2 + 3 */
#client_equalexchange .client_middle {height: 85px;}
#client_equalexchange img, .client_equalexchange .js-overlay-image{width: 446px !important; height: 85px !important;}
#client_equalexchange {width: 474px; height: 113px; /*above width + height + 28 (2x14)*/ top:760px;left:242px;}
.client_equalexchange .js-overlay-html {clear: both;width:446px;}


/* Column 3 */
#client_nokia .client_middle {height: 59px;}
#client_nokia img, .client_nokia .js-overlay-image{width: 204px !important; height: 59px !important;}
#client_nokia {width: 232px; height: 87px; /*above width + height + 28 (2x14)*/ top:702px;left:726px;}
.client_nokia .js-overlay-html {width:250px;}
.client_nokia {height: 260px !important; overflow: hidden;}


#client_core .client_middle {height: 112px;}
#client_core img, .client_core .js-overlay-image{width: 204px !important; height: 112px !important;}
#client_core {width: 232px; height: 140px; /*above width + height + 28 (2x14)*/ top:799px;left:726px;}
.client_core .js-overlay-html {width:250px;}
.client_core {height: 160px !important; overflow: hidden;}



#client_bg .client_middle {height: 50px;}
#client_bg img, .client_bg .js-overlay-image{width: 446px !important; height: 50px !important;}
#client_bg {width: 474px; height: 78px; /*above width + height + 28 (2x14)*/ top:883px;left:242px;}
.client_bg .js-overlay-html {clear: both;width:446px;}
.client_bg {height: 230px !important; overflow: hidden;}




/**/

.fakeHide {
	background-position: -900px -900px !important;
	cursor: default !important;
}
.fakeHide:hover {
	background-position: -900px -900px !important;
	cursor: default !important;	
}


/* JOBS */

.job-listing ul {
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style: disc outside !important;
}
ul.jcarousel-skin-tango .job-listing li,  #mycarousel_static .job-listing li, #mycarousel .job-listing li {
	display: list-item !important;
	list-style: square outside !important;	
	list-style-type: square !important;
	color: #231F20;
}
ul.jcarousel-skin-tango .job-listing li span,  #mycarousel_static .job-listing li span, #mycarousel .job-listing li span {
	color: #231F20;
}
.job-listing h3 {
	margin:0 0 5px 0;
	color: #231F20;	
}
.job-listing .about-you {
	margin:10px 0 5px 0;
}
.job-listing p {
	margin: 5px 0 0 0;
	color: #231F20;	
}
.job-listing a {
	font-weight: bold;
	color: #231F20;
	text-decoration: underline;
}
