html>body { height: auto; }

object { outline: none; } 

b, strong {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

u, span.u, span.underline {
    text-decoration: underline;
}
.sample-bold-text {
	font-weight: bold;
	color: #2799CC;
	
}

p {
    margin: 7px 0;
    display: block;
    position: static;
}

label {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #2799cc;
}
a:hover {
    text-decoration: underline;
    color: #2799cc;
}

a.work_toggle_button:hover {
	cursor: pointer;
}

*::-moz-selection {
    background: #939ba1 !important;
    color: #FFF !important;
}

/*===================================================================
generic layout
===================================================================*/
/*corners...*/

#wrapper {
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-opera-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
		border: 1px solid #cccccc;
}

#wrapper {
    text-align: center;
    background: #FFF;
    padding: 30px 0px 0px 0px;
    font: normal 12px/14px Arial, Helvetica, Tahoma, sans-serif;
    width: 995px;
    margin: 30px auto 30px auto;
	position: relative;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	min-height: 614px;
}

#header {
    text-align: left;
    vertical-align: middle;
    background: #FFF;
    height: 85px;
	float: left;
	margin-top: 10px;
}

h1 {
    width: 220px;
    height: 48px;
    background: #FFF url('../images/BD-logo.gif') 0 0 no-repeat;
	position: absolute;
	top: 32px;
	left: 50px;
    display: block;
}


h1 a {
    height: 100%;
    width: 100%;
    display: block;
    background: inherit;
    outline: none;
}

h1 a span {
    display: block;
    text-indent: -34738px;
}

#wooHome {
    background-position: -9px -48px !important;
    width: 41px;
}

#wooNews {
    background-position: -77px -48px !important;
    width: 38px;
}

#wooBrand {
    background-position: -141px -48px !important;
    width: 122px;
}

#wooGood {
    background-position: -288px -48px !important;
    width: 74px;
}

#wooOff {
    background-position: -388px -48px !important;
    width: 106px;
}

#wooHome:hover, #wooHomeActive {
    background-position: -9px -112px !important;
}

#wooNews:hover, #wooNewsActive {
    background-position: -77px -112px !important;
}

#wooBrand:hover, #wooBrandActive {
    background-position: -141px -112px !important;
}

#wooGood:hover, #wooGoodActive {
    background-position: -288px -112px !important;
}

#wooOff:hover, #wooOffActive {
    background-position: -388px -112px !important;
}

#header fieldset {
    clear: right;
    display: block;
    float: right;
    overflow: auto;
    width: 230px;
    display: none;
}

#header fieldset label {
    font: bold 12px/18px Arial, Helvetica, tahoma, sans-serif;
    color: #939ba1;
    padding-right: 7px;
    background: #FFF url('../images/fetch.jpg') 0 100% no-repeat;
    width: 54px;
    height: 18px;
    display: block;
    text-indent: -26784px;
    float: left;
}

#header fieldset input {
    border: 1px solid #939ba1;
    padding: 3px;
    width: 160px;
    height: 18px;
    font: normal 12px/18px Arial, Helvetica, tahoma, sans-serif;
    color: #939ba1;
}

/*===================================================================
body
===================================================================*/

.flash-replaced .alt {
    display: none;
}

#textColumn {
    text-align: left;
    font: normal 11px/13px Arial, Helvetica, Tahoma, sans-serif;
    width: 230px;
    float: left;
    clear: both;
    position: relative;
    background: #FFF;
    border: 1px solid #FFF;
    color: #666666;
	margin-left: 50px;
}
#index #textColumn {
    width: 245px;

}
#textColumn .highlighted {
    color: #2799cc;
    text-decoration: none;
}
#crop-dog {
	width: 200px;
	height: 205px;
	margin-top: 25px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#list1a p.moved-content {
	position: absolute;
	top: 11px;
	left: 335px;
	z-index: 100;
    padding: 0;
	width: 559px;
	height: 339px;
}

object#swf-disciplines {
	position: absolute;
	top: 115px;
	left: 334px;
	z-index: 1000;
}

#shop-openings {
	position: absolute;
	top: 8px !important;
	left: 338px !important;

}
/*===================================================================
extended column
===================================================================*/

#extendedColumn {
    background: #FFF;
    position: relative !important;
    text-align: left;
    height:auto !important;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden !important;
    border: 1px solid #FFF;
    min-width: 590px;
    width: 630px;
    color: #939ba1;
    float: right;
    font: normal 11px/13px Arial, Helvetica, Tahoma, sans-serif;
}

#extendedColumn table {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

#extendedColumn table td {
    padding: 0 8px !important;
}

#disciplines div#extendedColumn {
	background: url('../images/upd-images/full-tablet.gif') 0 0 no-repeat;
	width: 590px;
	height: 364px !important;
	margin-right: 30px;
}


#work {
	width: 585px;
	height: 362px;
}
.client-logo-aviva {
	top: 16px !important;
}
.hide-work-sample {
  display: none;
}


/*start coda*/
ul.navigation {
	text-align: right;
	position: absolute;
	right: 75px;
	top: 41px;
}
ul.navigation li {
	float: left;
	margin-right: 4px;
    color: #666666;
}
ul.navigation li a.selected {
	text-decoration: underline;
    font-weight: bold;
}
#slider {
  width: 585px;
	height: 362px;
  margin: 0 auto;
  position: relative;
	background: url('../images/upd-images/bg-wk-full.gif') 0 0 no-repeat;
}

.scroll {
  height: 272px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  top: 85px;
  clear: left;
  margin: 0px 0 0 18px;
  width: 562px;
}
#news .scroll {
  height: 320px;
}


.scrollContainer div.panel {
  padding: 0 0 0 2px;
  height: 237px;
  width: 560px; 
  color: #666666;
}
#news .scrollContainer div.panel {
  padding: 74px 0 0 2px;
  height: 245px;
  width: 560px; 
}
.scrollContainer div.panel p {
  padding: 0 0 20px 0;
  width: 190px;
  margin-top: 0;
}
#news .scrollContainer div.panel p {
  padding: 0 20px 0 0;
  width: 540px;
}

.scrollContainer div.panel div {
	position: absolute;
	left: 200px;
	top: 0px;
    text-align: center;
    width:364px;
}

#disney-swf {
	position: absolute;
	left: 200px;
	top: 0px;
    text-align: center;
    width:364px;
}

#disney-game-swf {
	position: absolute;
	left: 200px;
	top: 0px;
    text-align: center;
    width:363px;
}
#disn {
  z-index: 99;
	position: absolute;
	left: 200px;
	top: 0px;
    text-align: center;
    width:363px;
    height: 225px;
}


#work-logo {
	position: absolute;
	left: 20px;
	top: 22px;
}

#work .client-logo-disney  {
	position: absolute;
	left: 20px;
	top: 18px;
}

#work .client-logo-barclays  {
	position: absolute;
	left: 20px;
	top: 26px;
}

#work .client-logo-feld  {
	position: absolute;
	left: 20px;
	top: 19px;
}

.scrollButtons {
  position: absolute;
  top: 40px;
  cursor: pointer;
}

.scrollButtons.left {
 left: 520px; 
}

.scrollButtons.right {
 left: 550px; 
}

.click-large {
  color: #2799CC;
  padding-bottom: 0px !important;
  padding-left: 13px;
  padding-top: 14px;
  margin: 0px !important;
  position: absolute;
  top: 322px;
  left: 482px;
  background: url('../images/upd-images/mag-glass.gif') 0 0 no-repeat;
  height: 26px;
}

.hide-nav {
	right: 16px !important;

}

#rac .img-2 {
	padding-top: 24px;
}

#disney .img-6 {
	padding-top: 13px;
}

#pret .img-1
 {
	position: absolute; 
	top: 8px; 
	left: 54px;
}
#pret .img-5 {
	padding-top: 13px;

}
#barclays .img-2 {
	position: absolute; 
	top: 13px; 
	left: 54px;

}
#barclays_01 .img-1 {
	padding-top: 70px;

}


object#pret-swf {
	position: absolute;
	top: 0px;
	left: 285px;
	z-index: 2000;
}

/*fininsh coda*/

.client-list-a {
	width: 130px;
	position: absolute; 
	top: 100px; 
	left: 0px;
}

.client-list-b {
	width: 100px;
	position: absolute; 
	top: 100px; 
	left: 130px;
}
.client-list-a li,
.client-list-b li {
	margin: 0;
	padding: 0;
}
.client-list-a a.current,
.client-list-b a.current {
	font-weight:bold;
	text-decoration:underline;
}


.cs_adnams_1 {
	background: url('../images/upd-images/ws-adnams.jpg') bottom right no-repeat;
		
}
/*===================================================================
footer
===================================================================*/

#branding {
    height: 200px;
    overflow: hidden !important;
}


#branding {
    position: relative;
    clear: both;
    display: block;
    width: 930px;
}
#footer {
    position: relative;
    clear: both;
    display: block;
    width: 995px;
    margin: 0 auto 0 auto;
}

#footer { /*the cropped balloon dog
	background: url('../images/upd-images/big-dawg.gif') 0 100% no-repeat;
	z-index: 1000;*/
}

#footer {
    font: normal 11px/14px Arial, Helvetica, tahoma, sans-serif;
    padding-bottom: 50px;
    text-align: left !important;
}

#footer a {
    color: #c9cdd0;
    text-decoration: none;
    border-right: 1px solid #c9cdd0;
    padding: 0 10px;
    margin: 0;
    outline: none;
}

#footer object {
    margin-left: 30px;
}

#footer #footerLast {
    border-right: none;
    padding-right: 0;
}

/*===================================================================
content boxes
===================================================================*/

.newsProfile {
    width: 200px;
    font: normal 11px/13px Arial, Helvetica, Tahoma, sans-serif;
    color: #939ba1;
    white-space: normal !important;
}

.newsProfile h4, .caseStudy h4, .videoProfile h4 {
    font: bold 24px/24px arial, tahoma, sans-serif;
    text-transform: lowercase;
    color: #939ba1;
}

.newsProfile h5, .caseStudy h5, .videoProfile h5 {
    font: bold 20px/20px arial, tahoma, sans-serif;
    text-transform: lowercase;
    color: #000;
}

.noborder {
    border: none !important;
}

.caseStudy {
    width: 600px;
    font: normal 11px/13px Arial, Helvetica, Tahoma, sans-serif;
    white-space: normal !important;
    color: #939ba1;
}

.caseStudy img {
    margin-right: 10px;
}

.videoProfile {
    font: normal 11px/13px Arial, Helvetica, Tahoma, sans-serif;
    color: #939ba1;
    white-space: normal !important;
    width: 300px;
}


#homepage {
    color: #DDD;
}

<style type="text/css">

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

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->