/* **************** RESET ***************** */
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,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{font-style:normal;font-weight:normal;}
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:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* **************** GRIDS ***************** */

/* line :: defines a row of content */
.line, .lastUnit {overflow:hidden;}

/* unit :: defines a block of content on a line */
.unit{float:left;}

/* lastUnit :: extends unit to identify the last unit of content on a row
   this is not required when you have a unit size1of1 */
.lastUnit {float:none;width:auto;}

/* size :: extends unit to define the width of a block of content */
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size1of6{width:16.6666%;}
.size2of6{width:33.3333%;}
.size3of6{width:50%;}
.size4of6{width:66.6666%;}
.size5of6{width:83.3333%;}
.size72{width:72%;}
.size28{width:28%;}

/* **************** CONTENT OBJECTS ***************** */

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:2.4em;font-weight:bold;font-style:normal;margin:1.5em 0 .5em;border-top:2px solid #ccc;padding:.5em 0 0.1em 0;text-transform:uppercase;font-family:"Century Gothic", Arial, Helvetica, sans-serif;line-height:1;max-width:470px;}
h2, .h2{font-size:1.8em;font-weight:bold;font-style:normal;padding:0 0 0.5em 0;text-transform:uppercase;font-family:"Century Gothic", Arial, Helvetica, sans-serif;line-height:1;}
h3, .h3 {display:inline-block;font-size:1.3em;font-weight:bold;font-style:normal;padding:0 0 0.3em 0;line-height:1.1;}
h3 a, .h3 a {font-size:1em;}

/* ====== Common ====== */
p {font-size:1.3em;line-height:1.5;margin:0 0 .5em;padding:0;}
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}dt, dd {font-size:1.2em;margin:0;padding:0;}
dt {font-family:"Century Gothic", Arial, Sans-Serif;text-transform:uppercase;font-weight:bold;}
dd {margin-bottom:1em;}
a {border:none;}
a > img {border:1px solid #ccc;}
ul {list-style:none;}
li {list-style-type:none;}

/* ====== Switch off elements not required for print ====== */
.head,
.foot,
.c2links,
.masthead .providedBy,
.navigation,
.secondarynav,
.subContent,
.breadcrumb,
.csRelated,
#comments,
.csToolbox,
.rss {display:none!important;}

/* ====== Colours ====== */
/* Set the default colours for each section - affects <h3> and <a> elements */
.home h3, .home .h3, .home a, .home .intro p, .home .ui-tabs-nav .ui-state-active a, .home .intro .comments, .home .intro .author span, .home .csRelated .ui-tabs-nav .ui-state-active a {color:#d3196a;}
.brands h3, .brands .h3, .brands a, .brands .intro p, .brands .ui-tabs-nav .ui-state-active a, .brands .intro .comments, .brands .intro .author span, .brands .intro .author span, .brands .csRelated .ui-tabs-nav .ui-state-active a {color:#bea500;}
.agencies h3, .agencies .h3, .agencies a, .agencies .intro p, .agencies .ui-tabs-nav .ui-state-active a, .agencies .intro .comments, .agencies .intro .author span, .agencies .csRelated .ui-tabs-nav .ui-state-active a {color:#f189a3;}
.mediaOwners h3, .mediaOwners .h3, .mediaOwners a, .mediaOwners .intro p, .mediaOwners .ui-tabs-nav .ui-state-active a, .mediaOwners .intro .comments, .mediaOwners .intro .author span, .mediaOwners .csRelated .ui-tabs-nav .ui-state-active a {color:#7e9c02;}
.digital h3, .digital .h3, .digital a, .digital .head p, .digital .intro p, .digital .ui-tabs-nav .ui-state-active a, .digital .intro .comments, .digital .intro .author span, .digital .csRelated .ui-tabs-nav .ui-state-active a {color:#ec8100;}
.caseStudyLibrary h3, .caseStudyLibrary .h3, .caseStudyLibrary a, .caseStudyLibrary .intro p, .caseStudyLibrary .ui-tabs-nav .ui-state-active a, .caseStudyLibrary .intro .comments, .caseStudyLibrary .intro .author span, .caseStudyLibrary .csRelated .ui-tabs-nav .ui-state-active a {color:#5c3162;}
.aroundTheGlobe h3, .aroundTheGlobe .h3, .aroundTheGlobe a, .aroundTheGlobe .intro p, .aroundTheGlobe .ui-tabs-nav .ui-state-active a, .aroundTheGlobe .intro .comments, .aroundTheGlobe .intro .author span, .aroundTheGlobe .csRelated .ui-tabs-nav .ui-state-active a {color:#4ea2ff;}
.insight h3, .insight .h3, .insight a, .insight .intro p, .insight .ui-tabs-nav .ui-state-active a, .insight .intro .comments, .insight .intro .author span, .insight .csRelated .ui-tabs-nav .ui-state-active a {color:#92298d;}
.festivalOfMedia h3, .festivalOfMedia .h3, .festivalOfMedia a, .festivalOfMedia .intro p, .festivalOfMedia .ui-tabs-nav .ui-state-active a, .festivalOfMedia .intro .comments, .festivalOfMedia .intro .author span, .festivalOfMedia .csRelated .ui-tabs-nav .ui-state-active a {color:#77ad1c;}

/* **************** TEMPLATE ***************** */

body {font-family:Arial, sans-serif;font-size:62.5%;line-height:1;}
html, body, .body {background:none;}
.body {width:auto!important;}

/* ====== mainContent, contentWrapper, leftCol, rightCol and subContent ====== */
.mainContent {position:relative;width:650px;background:none;float:left;}
.whiteSpace {padding:0;}
	.leftCol, .rightCol {width:283px;overflow:visible;}
	.leftCol {padding:0 19px 0 0;}
	.rightCol {padding:0 0 0 19px;}
	.csLeftCol {width:97%;padding:0;}
	.csRightCol {width:25%;position:absolute;top:90px;right:0;}
	.howLeftCol {width:348px;padding:0 19px 0 0;background:#666;overflow:visible;}
	.howRightCol {width:237px;padding:0;}

/* Masthead */
.masthead {border:none;margin-left:20px;}
.masthead a {position:relative;top:0;left:-20px;}
.masthead a img {border:none;}
#openWhatIsCream, #whatIsCream {display:none!important;}

/* intro */

/* intro :: contains h1, extends mod */
.intro {padding:5px 0;}
.intro .rss {display:none;}
.intro p {font-size:1.6em;font-weight:bold;margin:.25em 0 .5em;padding:0;}
.intro p.secondaryText {font-size:1.1em;font-weight:normal;padding-bottom:1em;color:black;}
.intro p.secondaryText + p.secondaryText {margin-top:1em;padding:0;}
.intro .csBlock {display:none;}
.intro h1 + p, .intro h2 + p {font-weight:bold;font-size:1.5em;line-height:1.3;}
.caseStudyLibrary .intro > h1 {width:465px;}

.csLeftCol .intro {padding:5px 0 15px;}
.csLeftCol .intro h2 {font-size:1.4em;}
.csLeftCol .intro .author {color:#000;font-size:1.2em;font-weight:normal;}
.csLeftCol .intro .csBlock {top:-20px;}

.smallIntro {margin:0;padding:0; background:cyan;}
.smallIntro p {padding:0;line-height:1.5;}

/* case study carousel */
.caseStudyControl {position:static;width:auto!important;background:none;margin:0 0 30px 0;padding:0;}

.skin-cream-lg .jcarousel-container {position:static;margin:0;padding:0;width:auto!important;}
.skin-cream-lg .jcarousel-clip {position:static;width:auto!important;padding:0;margin:0;}
.skin-cream-lg .jcarousel-list {position:static;width:auto!important;margin:0;padding:0;list-style-type:none;}
.skin-cream-lg .jcarousel-list > li,
.skin-cream-lg .jcarousel-item {position:static;float:none;list-style:none;width:auto!important;height:auto;margin:0;padding:0;}
.skin-cream-lg .jcarousel-item img {display:block;width:70%;height:auto;margin:0;border:1px solid #ccc;}
.skin-cream-sm, .skin-cream-lg .jcarousel-list > li + li, .skin-cream-lg .jcarousel-next, .skin-cream-lg .jcarousel-prev, .skin-cream-lg .jcarousel-next-disabled, .skin-cream-lg .jcarousel-prev-disabled {display:none!important;}
.skin-cream-lg .caption {position:static;width:100%;height:auto;padding:0;background:none;}
.skin-cream-lg .caption li {font-style:normal;color:black;float:none;margin:0;}
.skin-cream-lg .caption li:first-child {text-transform:uppercase;border-right:1px solid white;padding:0;margin:0;line-height:1;}
.skin-cream-lg .caption a.zoom  {display:none!important;}

.csMeta > a {display:none!important;}
.csAwards {margin-top:2em;}
.csAwards li {list-style-type:none;font-size:1.2em;margin-bottom:1em;background-repeat:no-repeat;}
.csAwards li.roi {margin-left:-40px;padding:4px 0 4px 29px;background-image:url(../images/template/icon_roiDriver.gif);}
.printLink {display:block;margin-top:2em;color:#666;}

/* itemList */
.itemList {margin-top:1.25em;}
.itemList > li {margin-bottom:1.5em;}
.itemList > li > h3 {margin-bottom:.25em;}

/* libraryItem :: casestudy library item module, extends .library */
.libraryItem {position:relative;width:176px;padding:0 0 0 85px;min-height:78px;}
.size3of5 .libraryItem {width:263px;margin:0;}
.libraryItem > h3 {margin:0 0 6px 0;padding:0;}
.libraryItem > h3 > a {text-decoration:none;}
.libraryItem > a, .libraryItem > div > a, .libraryItem > img {position:absolute;top:0;left:0;}
.libraryItem > div > a {top:10px;}
.libraryItem > a > img, .libraryItem > div > a > img, .libraryItem > img {width:73px;height:75px;border:1px solid #cacacc;}
.libraryItem .rating {margin:0 10px 2px 0;}
.libraryItem p {margin:0 0 .25em; line-height:1.3;}

.libraryItem > a.readMore, .libraryItem > div > a.readMore,
.rating .zero {display:none;}

.itemList {margin-top:2em;}
.itemList > li {margin-bottom:1.5em;}

/* tags :: case study metat data */
.tags {overflow:hidden;margin:0 0 2px 0;padding:0;}
.tags li {display:inline;font-size:1.2em;font-weight:bold;padding-right:4px;margin-right:1px;border-right:2px solid black;line-height:1.1;}
.tags li:last-child {border-right:none;}

.cSelection {display:none;}
.rightCol {width:604px;padding:0;} 
.lessons {background:orange;}
.lessons .bd {padding:0;}
.lessons .bd h2 {margin:2em 0 1em;}
.lessons .bd ol {padding:0;margin:0;}
.lessons .bd ol li {list-style-type:decimal;font-size:1.4em;margin:0 0 0 20px;padding:0;}

.unit {float:none;}