/*
COLOURS
#59893a - green
#f7cd3d - yellow
*/

/*RESET CSS*/
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,
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-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { font-size:62.5%; color:#cccccc; line-height:1; font-family: "Trebuchet MS", Trebruchet, Arial, Helvetica, sans-serif; background: black url('../../essence/images/default-bk.jpg') no-repeat top center; }
/* remember to define focus styles! */
:focus { outline: 0; }
/*fonts*/
@font-face {
    font-family: 'ChaparralPro';
    src: url('/essence/fonts/chaparralpro-regular-webfont.eot');
    src: url('/essence/fonts/chaparralpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/essence/fonts/chaparralpro-regular-webfont.woff') format('woff'),
         url('/essence/fonts/chaparralpro-regular-webfont.ttf') format('truetype'),
         url('/essence/fonts/chaparralpro-regular-webfont.svg#ChaparralPro') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ChaparralProBold';
    src: url('/essence/fonts/chaparralpro-bold-webfont.eot');
    src: url('/essence/fonts/chaparralpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/essence/fonts/chaparralpro-bold-webfont.woff') format('woff'),
         url('/essence/fonts/chaparralpro-bold-webfont.ttf') format('truetype'),
         url('/essence/fonts/chaparralpro-bold-webfont.svg#ChaparralProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*lists*/
ol,
ul { list-style:none; }
.article ol,
.article ul { font-size:1.3em; line-height:160%; padding:10px 0; }
.article ol { list-style: lower-roman outside; margin-left:130px; text-indent:14px; }
.article ol.numbered { list-style: decimal outside; }
.article ol li { }
.article ul { list-style:none; margin-left:110px; text-indent:34px; }
.two-col-right .article ul { margin-left:50px; }
.article ul.checklist,
.aside ul.checklist { text-indent:20px; }
.article ul li { background:transparent url('http://essence.co.uk/essence/images/list-arrow.gif') no-repeat 5px 6px; margin-bottom: 10px; }
.article ul.checklist li,
.aside ul.checklist li { background:transparent url('../../essence/images/list-tick.gif') no-repeat center left; }
.aside ul.checklist { font-size:1.3em; line-height:160%; padding:10px 0; }
.column ol { margin-left:50px; }
.column ul { margin-left:30px; padding-bottom:24px; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption,
th,
td { text-align: left; font-weight: normal; }
/*quotes*/
blockquote,
q { quotes:"'" "'"; color:black; background:#e8e9e8 url('../../essence/images/quote-bk.gif') repeat-x top left; }
q { font-size:1.1em; padding:10px; margin:10px auto; display:block; width:90%; }
/*quotes with people - all rules*/
.quote { padding:10px 24px; overflow:hidden; clear:both; }
.quote .figure { float:left; width:64px; margin:0px; }
/*arrows specific to quote*/
.qtop .figure { background:transparent url('../../essence/images/quote-artop.gif') no-repeat center top; padding-top:26px; }
.qbottom .figure { background:transparent url('../../essence/images/quote-arbot.gif') no-repeat center bottom; padding-bottom:26px; }
.qright .figure { background:transparent url('../../essence/images/quote-arright.gif') no-repeat right center; padding-right:26px; }
.qleft .figure { background:transparent url('../../essence/images/quote-arleft.gif') no-repeat left center; padding-left:26px; }
.quote .figure img { border:3px solid #eeeeee; position:relative; display:block; width:46px; height:46px; }
.quote .figure .legend { display:block; width:64px; font-size:1.2em; line-height:125%; }
.quote blockquote { float:left; padding:14px; font-size:1.1em; }
.quote blockquote p { line-height:138%; font-size:100%; }
/*default is vertical gradient - change this for horizontal*/
.qleft blockquote,
.qright blockquote { background:#e8e9e8 url('../../essence/images/quote-bkhs.gif') repeat-y top left; }
/*quote widths - added as needed*/
.hub .qtop blockquote,
.hub .qbottom blockquote { width:864px; }
.one-col .qtop blockquote,
.one-col .qbottom blockquote { width:864px; }
.hub .qright blockquote,
.hub .qleft blockquote { width:770px; }
.one-col .qright blockquote,
.one-col .qleft blockquote { width:770px; }
.two-col-right .qtop blockquote,
.two-col-right .qbottom blockquote { width:562px; }
.two-col-right .qright blockquote,
.two-col-right .qleft blockquote { width:472px; }
.viewer .two-col-right .qright blockquote,
.viewer .two-col-right .qleft blockquote { width:452px; }
.two-col-left .qtop blockquote,
.two-col-left .qbottom blockquote { width:672px; }
.two-col-left .qright blockquote,
.two-col-left .qleft blockquote { width:582px; }
.three-col .qtop blockquote,
.three-col .qbottom blockquote { width:388px; }
.three-col .qright blockquote,
.three-col .qleft blockquote { width:298px; }
.column .qtop blockquote,
.column .qbottom blockquote { width:290px; }
.column .qright blockquote,
.column .qleft blockquote { width:198px; }
#details .qtop blockquote,
#details .qbottom blockquote { width:290px; }
#details .qright blockquote,
#details .qleft blockquote { width:380px; }
/*big feature quotes*/
.featquote { padding:20px 24px 40px; }
.featquote .figure { width:85px; padding-right:40px; margin:0px; }
.featquote .figure img { width:80px; height:80px; border-width:4px; }
.featquote .figure .legend { width:84px; font-size:1.4em; }
.featquote blockquote { font-size:2.7em; width:762px; padding:14px; background:#e8e9e8 url('../../essence/images/quote-bkhb.gif') repeat-y top left; }
/*text styling*/
p { font-size:1.3em; line-height:138%; padding-bottom:10px; }
p.feature { font-size:54px !important; line-height:100%; padding-bottom:10px; color:white; }
strong { font-weight:bold; }
em { font-style:italic; }
big { font-size:1.23em; line-height:125%; }
small { font-size:0.77em; }
/*headers*/
h1,
h2,
h3,
h4,
h5,
h6 { color:#ffffff; }
h2,
h3 { padding-bottom:10px; }
.viewer .two-col-right .article h2,
.viewer .two-col-right .article h3 { padding:16px 0 8px 0; }
h4,
h5,
h6 { padding-bottom:10px; }
h1 { font-size:3.0em; }
h2 { font-size:2.4em; }
h3 { font-size:2.2em; }
h4 { font-size:1.8em; }
h5 { font-size:1.6em; }
h6 { font-size:1.3em; }
h1 a,
h1 a:visited,
h2 a,
h2 a:visited { color:#ffffff !important; }
h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active { color:#f7cd3d !important; }
/*links*/
a,
a:link,
a:visited { text-decoration:none; color:#59893a; font-weight:bold; }
a:hover,
a:active { text-decoration:none; color:#f7cd3d; }
p a,
p a:link,
p a:visited { color:#59893a; font-weight:normal; }
p a:hover,
p a:active { text-decoration:none; color:#f7cd3d; }
a.fancy-link,
p a.fancy-link { font-size:22px; color:#ffffff; display:block; padding-right:30px; background:transparent url(../../essence/images/link-arrow.gif) no-repeat right 0; text-align:right; line-height:110%; cursor:pointer; }
a.fancy-link:hover,
a.fancy-link:active,
p a.fancy-link:hover,
p a.fancy-link:active { color:#f7cd3d !important; background-position: right -44px; }
.promo p a.fancy-link { margin-bottom:-10px; color: #FFF; }
/*forms*/
form { }
form ol { margin-left: 0 !important; font-size: 1em !important }
form ol li { list-style-type: none }
legend { display:none; }
label,
input,
select,
textarea { width:45%; display:block; float:left; line-height: 1.4em }
label { font-size:1.4em; text-align:right; clear:left; padding:1% 4% 1% 0; margin-top:4px; width:25% }
input,
select,
textarea { font-size:1.4em; clear:right; margin:1% 0 1% 0; padding:4px; font-family: Arial }
input,
textarea { border: 2px solid #ccc; background: #fff }
textarea { height:140px }
input:focus,
select:focus,
textarea:focus { border-color: #f7cd3d }
.submit-btn { background: #000 url(../../essence/images/link-arrow.gif) no-repeat right 5px; border: none; float: right; clear: both; color: #fff; cursor: pointer; display: block; font-size: 2.2em; padding: 0 30px 0 0; line-height: 110%; text-align: right; width: auto }
#event-register-form { padding: 15px; }
#event-register-form label { clear: left; }
#event-register-form input { float: none; }
#event-register-form .fancy-link { margin-top: 20px; color: #FFF; }
/*images*/
img { margin-bottom:10px; }
/*images with borders*/
.picture-list .figure,
.promo .figure { position:relative; margin:-2px 0 10px -2px; }
.picture-list .figure img,
.promo .figure img { position:absolute; top:2px; left:4px; }
.picture-list .figure span,
.promo .figure span { position:absolute; top:0px; left:0px; width:100%; height:100%; text-indent:-999em; background:transparent url('') no-repeat top left; }
/*promos*/
.promo .figure { height:99px; width:230px; }
.promo .figure img { height:94px; width:225px; }
.promo .figure span { background-image:url('../../essence/images/bord-rpromo.png') }
/*hub*/
.hub .promo .figure { height:128px; width:270px; margin-left:-1px; }
.hub .promo .figure img { height:121px; width:264px; }
.hub .promo .figure span { background-image:url('../../essence/images/bord-hpromo.png') }
/*small - news lists etc...*/
.picture-list .figure,
.hub .promo .picture-list .figure,
#home .promo .picture-list .figure { height:65px; width:97px; }
.picture-list .figure img,
.hub .promo .picture-list .figure img,
#home .promo .picture-list .figure img { height:59px; width:90px; margin-bottom:0px; }
.picture-list .figure span,
.hub .promo .picture-list .figure span,
#home .promo .picture-list .figure span { background-image:url('../../essence/images/bord-plist.png') }
.figure.border-large { height:202px; margin:0 10px; position:relative; width:316px; }
.figure.border-large img { margin:5px; }
.figure.border-large span { background:url("/essence/images/bord-large.png") repeat scroll 0 0 transparent; display:block; height:100%; position:absolute; top:0; width:100%; }
/*general classes*/
.no-show { display:none; }
.no-back { background:none; }
.last-one { border:none !important; background:none !important; }
a span { display:block; text-indent:-999em; }
.more { display:block; float:right; font-size:1.1em; position:absolute; right:32px; bottom:14px; }
.more span { display:none; }
.more:hover { }
/*site layout~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*background images*/
.whole-page { position:relative; min-height:100%; }
/*#services {background-image:url('../essence/images/sectionone-bk.jpg');}
#work, #clients, #projects, #case-studies {background-image:url('../essence/images/sectiontwo-bk.jpg');}
#about, #story, #people {background-image:url('../essence/images/sectionthree-bk.jpg');}
#news {background-image:url('../essence/images/news-bk.jpg');}*/
#creative { background-image:url('../../essence/images/creative-bk.jpg'); background-repeat: no-repeat; }
#design-and-build { background-image:url('../../essence/images/dnb-bk.jpg'); background-repeat: no-repeat; }
#media { background-image:url('../../essence/images/media-bk.jpg'); background-repeat: no-repeat; }
#social { background-image:url('../../essence/images/social-bk.jpg'); background-repeat: no-repeat; }
/*#events {background-image:url('../../essence/images/events-bk.jpg'); background-repeat: no-repeat;}*/
#top-bar { height:30px; width:100%; position:absolute; top:0px; left:0px; background:transparent url('../../essence/images/top-bar.png') repeat-x top left; }
#page { width:964px; margin:0px auto; }
/*supernav*/
#super-nav { clear:both; color:#CCCCCC; font-size:1.1em; padding:8px 0 0 120px; position:relative; }
#weather { background:url('../../essence/images/weather.gif') no-repeat 0 0; padding:2px 0 0 34px; height:17px; width:24px; color:#fff; float:left; clear:left; }
#weather:hover { color:#ccc; }
#super-nav .sunny { background-position:6px -4px; }
#super-nav .windy { background-position:0 -278px; }
#super-nav .light_rain,
#super-nav .showers { background-position:0 -98px; }
#super-nav .heavy_rain { background-position:0 -128px; }
#super-nav .thunderstorms { background-position:0 -188px; }
#super-nav .snow { background-position:0 -218px; }
#super-nav .fog { background-position:0 -248px; }
#super-nav .cloudy { background-position:0 -68px; }
#super-nav .lightning { background-position:0 -158px; }
#super-nav .partly_cloudy { background-position:0 -36px; }
#super-nav .vcard { clear:none; float:left; padding-top:2px; }
#super-nav .vcard span { padding:0px 6px 0 5px; background: transparent url('../../essence/images/ver-sep.gif') no-repeat 100% 0; }


#super-nav ul { display:table; /*width:186px;*/ float:right; clear:none; font-size:1.18em; }
#super-nav li { display:inline; text-align:center; }
#super-nav ul li a,
#super-nav ul li a:visited { color:#fff; font-weight:normal; border-right:1px solid #ccc; padding:0px 10px 0 9px; }
#super-nav ul li a:hover,
#super-nav ul li a:active { color:#ccc; }
/*#super-nav form, #super-nav fieldset {width:164px; height:25px; float:left; clear:right; margin-top:-3px;}
#super-nav fieldset {background:transparent url('../essence/images/search-bk.gif') no-repeat top left;}
#super-nav input {width:120px; background:none; border:none; color:#fff; margin:5px 0 0 10px;}
#super-nav #super-search-submit {width:16px; height:16px; background:transparent url('../essence/images/search-mag.gif') no-repeat top left;}*/
#super-nav .select-office { padding: 0 5px 0 0; margin: 0; background: transparent url('../../essence/images/ver-sep.gif') no-repeat 100% 8px; position: absolute; top: 0; left: 0; width: 110px; display: block; zoom: 1; z-index: 999; }
#super-nav .select-office:hover a { display: block; }
#super-nav .select-office a { background: transparent url('../../essence/images/loca-dropdown-bg.png') repeat-x top left; color:#CCCCCC; padding: 10px 9px 9px; zoom: 1; display: block; }
#super-nav .select-office a:hover { color:#FFFFFF; }
#super-nav .select-office a:first-child,
#super-nav .select-office a.first { background: transparent url('../../essence/images/arrow-down.png') no-repeat 95% 50%; }
#super-nav .select-office a:first-child:hover,
#super-nav .select-office a.first:hover { background-image: url('../../essence/images/arrow-down-hover.png')}
#super-nav .select-office span {margin-bottom: 21px; text-indent:0}

.no-js #super-nav { padding-left:0; }
#super-nav .hide { display: none; }


/*header*/
#branding { padding:2em 0 4em 0; clear:both; position: relative; }
#branding h1,
#branding #logo { text-indent:-999em; width:380px; height:60px; clear:left; background:transparent url('../../essence/images/logo.png') no-repeat bottom left; display: block; }
#site { position:absolute; right: 0; z-index: 99; top: 40px; }
#site li { width:190px; float:left; padding: 0; }
#site li.tnWork { width:168px; }
#site li.last-one { width:84px; clear:right; padding-right:0px; }
#site dl { position:relative; }
#site dt { font-size:2.6em; }
#site dt a,
#site dt a:visited { color:white; cursor: default }
#site dt a:active,
#site dd a:hover,
#site dd a:active { color:#f7cd3d; }
#site dd { padding:3px 0 2px; clear: both; }
#site dd a { font-size:1.4em; color:white; }
/*breadcrumbs*/
#breadcrumbs { background:transparent url('../../essence/images/sep-full.gif') no-repeat left bottom; overflow:hidden; margin: 16px 0 0 0; }
#breadcrumbs a { display:block; float:left; font-size:1.4em; padding:0px 10px; margin-top:12px; border-right:1px solid #777777; }
#breadcrumbs h1 { padding:8px 10px; margin-top:0px; float:left; }
/*content*/
#content { overflow:hidden; min-height:400px; clear: both; }
/*footer*/
#footer { overflow:hidden; color:#666; padding:14px 0 20px 0; margin-top:14px; background:transparent url('../../essence/images/sep-full.gif') no-repeat top left; }
#footer p { width:620px; float:left; clear:left; font-size:1em; }
#footer a,
#footer a:visited { color:#666; border-right:1px solid #666; padding:0px 10px 0 9px; }
#footer a:hover,
#footer a:active { color:#cccccc; text-decoration:none; }
#footer p a { }
#supp { display:table; float:right; clear:right; }
#supp li { display:inline; text-align:right; }
#supp li a { font-size:1.3em; }
/*z-indexing*/
#whole-page { z-index:1; }
#super-heroes { z-index:2; }
#top-bar { z-index:3; }
#page { position:relative; z-index:5; }
/*page layouts and generic content*/

/*black box rules*/
.article,
.section .nav,
.promo { background:transparent url('../../essence/images/box-bk.png') repeat top left; float:left; overflow:hidden; }
/*main column*/
.article { padding:14px 20px; margin:14px 0; overflow:hidden; position:relative; }
.two-col-left .article { width:748px; }
.two-col-right .article { width:638px; }
.viewer .two-col-right .article { width:618px; }
.two-col-right .list { width:678px; }
.three-col .article { width:464px; }
.hub .article { background:none; padding:20px 0; margin:0px; }
#events .hub .article {padding-bottom:150px}
/*columns*/
.column { float:left; border-right:1px dotted #434343; margin-right:18px; padding-right:14px; overflow:hidden; }
.columns .last-one { margin-right:0px; padding-right:0px; }
.two-col-left .column { width:364px; }
.aside { margin-top:14px; }
/*left nav*/
.section .nav { margin-right:14px; padding:0px; width:162px; clear:left; overflow:hidden; }
#sub { }
#sub li { background:transparent url('../../essence/images/sep-nav.gif') no-repeat bottom center; }
#sub li a,
#sub li a:visited { font-size:1.4em; display:block; padding:20px; }
/* this image doesn't exist #sub li a:hover, #sub li a:active {background:transparent url('../essence/images/left-nav-hover.png') repeat-x top left;} */
#sub li a.selected { color:white; }
/*left nav filter (like project page)*/
.section .filter-nav { background:none; width:184px; }
.filter-nav #sub { margin-bottom:20px; }
.filter-nav .tagcloud { width: 165px; }
/*text-replaced nav items*/
.filter-nav #sub dt { background:transparent url('../../essence/images/sep-184.gif') no-repeat bottom center; padding-left:10px; }
.filter-nav #sub dt.no-filters { background:none; padding-left:0px; }
.filter-nav #sub dt a,
.filter-nav #sub dt a:visited { font-size:2.4em; display:block; padding:10px 0; color:white; }
.filter-nav #sub dt a:hover,
.filter-nav #sub dt a:active,
.filter-nav #sub dt a.selected { color:#f7cd3d; }
/*filters shown when expanded*/
.filter-nav #sub dd { padding:16px 10px 16px 10px; }
.filter-nav #sub dd a,
.filter-nav #sub dd a:visited { font-size:1.3em; font-weight:normal; color:#777777; padding:2px 0 6px 14px; display:block; }
.filter-nav #sub dd a:hover,
.filter-nav #sub dd a:active { color:#f7cd3d; }
.filter-nav #sub dd a.selected { color:#ffffff; }
/*right side*/
.snippets { width:270px; float:left; overflow:hidden; margin-left:14px; }
.hub .snippets { width:100%; float:left; clear:both; overflow:hidden; margin-left:0px; margin-top:0px; }
.viewer .two-col-right .snippets { width:290px; }
/*promos*/
/*all*/
.promo { padding:14px 20px 16px; margin-bottom:14px; }
.hub .promo { padding:20px 20px 16px; margin-right:14px; width:272px; float:left; overflow:hidden; }
.hub .snippets .last { margin-right:0px; }
.viewer .two-col-right .promo { width:100%; }
.promo h2,
.promo h3,
.promo h4 { font-size:2.2em; }
.promo big { color:#59893a; }
/*archive*/
.archive ol { width:230px}
.archive ol ol { padding-bottom:20px; overflow:auto; display:none}
.archive ol ol.show {display:block}
.archive ol li h4 { padding-bottom:10px;  clear:both }
.archive ol li li { color:#555;
float:left;
font-size:1.4em;
line-height:140%;
width:110px; color:#555
 }
.archive li li  a { color:#ccc; }
.archive li li a:visited { color:#999; }
.archive li li a:hover { color:#fff; }
/*tag cloud*/
.tagcloud { font-size: .75em }
.tagcloud h2 { font-size: 2.93em }
.tagcloud a,
.tagcloud a:visited { color:#ccc; line-height:1.39em; font-weight:normal; padding:0 6px 0 0; vertical-align: middle; }
.tagcloud a:hover,
.tagcloud a:active,
.tagcloud a.active { color:#f7cd3d; }
.tagcloud .tagsmall { font-size:1.2em; opacity: .6; }
.tagcloud .tagmedium { font-size:1.5em; }
.tagcloud .taglarge { font-size:1.8em; font-weight: bold; }
.two-col-left .tagcloud { padding:10px; }
/*picture lists - general rules are for the list then specifics for side promo, hub promo and article*/
ol.picture-list,
ul.picture-list { font-size:1em; margin:0px; padding:0px; text-indent:0px; }
/* This file does not exist ol.picture-list li, ul.picture-list li {background:transparent url('../essence/images/sep-rpromo.gif') no-repeat bottom center;}*/
ol.picture-list li,
ul.picture-list li { background-image:none; background-repeat:no-repeat; background-position: bottom center; padding:14px 20px 2px; overflow:hidden; position:relative; cursor:pointer; }
.picture-list .figure,
.picture-list .figure { float:left; clear:left; margin-right:14px; }
.picture-list li p,
.picture-list li span.date { padding:0px 0 8px 0; width:120px; float:left; clear:right; }
.picture-list li span { font-size:1.1em; }
/*main column - at the mo its just 2-col-right*/
.listings { padding:20px 0; }
.listings ul.picture-list { background:transparent url('../../essence/images/sep-news.gif') no-repeat top center; margin:4px 0 16px 0; }
.listings .picture-list li { background-image:url('../../essence/images/sep-news.gif'); padding:10px 20px 14px; }
.listings .picture-list .figure { margin:1px 14px 0 -2px; }
.listings span { font-size:1.3em; font-weight:bold; width:526px; }
.listings .picture-list li p { width:526px; }
.two-col-right .listings { width:676px; }
/*featured project/case study in column*/
.column ul.picture-list li { background:transparent url('../../essence/images/sep-column.gif') no-repeat top center; padding:14px 0 2px 0; }
.column .picture-list .figure { margin:1px 14px 0 0; }
.column ul.picture-list li p { width:252px; font-size:1.1em; padding-bottom:6px; }
.column ul.picture-list li a.fancy-link { width:330px; float:left; margin:0px 0 6px 0; }
/*promo*/
.plist,
.hub .plist { padding:14px 0; }
.plist li { position:relative; cursor:pointer; }
.plist h2,
.plist h3,
.plist h4 { padding:0px 0 0 20px; }
.plist li h2,
.plist li h3,
.plist li h4 { padding-left:0px; }
.plist a.fancy-link { margin-right:20px; }
.plist dl { width:120px; float:left; clear:right; font-size:1.3em; line-height:124%; }
.plist dt { color:#ffffff; font-weight:bold; padding-bottom:8px; }
/*hub or side*/
.hub .aside .plist { width:312px;}
.hub .aside .pastevents {height:288px}
.hub .aside .pastevents .picture-list li {background-image:url("../../essence/images/sep-302.gif"); padding-top:22px; padding-bottom:25px;cursor:pointer;}
.hub .aside .pastevents .picture-list li .more { color:#f7cd3d}
/*.hub .aside .pastevents .picture-list li.last-one {padding-top:35px}*/
.hub .pastevents .picture-list li p {width:161px}
.hub .pastevents .picture-list li .figure { margin-top: 3px; }
/* this image does not exist .hub .picture-list li {background-image:url('../essence/images/sep-promo.gif');} */
.hub .picture-list li { background-image:none; }
.hub .picture-list li p,
.hub .picture-list li span.date { width:160px; }
/*promo and picture list hovers*/
.hover { background:url('/essence/images/box-bk-light.png') repeat; cursor:pointer; }
/*preview lists - for the little squares with pictures in the middle*/
ul.preview-list { overflow:hidden; list-style:none; margin:0px; padding:0px; text-indent:0px; }
ul.preview-list li { float:left; background:none; margin:4px 0; padding:0px 0 4px 0; }
ul.preview-list h6 { width:188px; height:8px; background:transparent url('../../essence/images/prevlist-top.png') no-repeat top left; text-indent:-999em; padding:0px; }
ul.preview-list div.cont { width:183px; background:transparent url('../../essence/images/prevlist-mid.png') repeat-y top left; padding:4px 0 0 5px }
ul.preview-list a,
ul.preview-list span.aorspan { display:block; width:188px; height:9px; background:transparent url('../../essence/images/prevlist-bot.png') no-repeat top left; }
ul.preview-list div.figure { width:175px; background:transparent url('../../essence/images/prevlist-main.gif') no-repeat top left; padding:0px 0 10px 12px; }
ul.preview-list img { margin-bottom:2px; }
ul.preview-list span { color:#434343; line-height:142%; display:block; width: 160px; }
ul.preview-list span.legend { margin: 5px 0 0; }
ul.preview-list a span { display:none; }
ul.preview-list li.haslink:hover { cursor:pointer; }
ul.preview-list li.haslink:hover h6 { background-image:url('../../essence/images/prevlisth-top.png'); }
ul.preview-list li.haslink:hover div.cont { background-image:url('../../essence/images/prevlisth-mid.png'); padding:5px 0 0 6px; width:182px; }
ul.preview-list li.haslink:hover a { background-image:url('../../essence/images/prevlisth-bot.png'); height:8px; }
ul.preview-list li.haslink:hover span { color: #000; }
a.view { text-indent:140px; }
a.indent { text-indent:-999em; }
/*preview listing - like case studies*/
.article .preview-listing { list-style:none; margin:0px; padding:0px; font-size:100%; clear:both; }
.article .preview-listing li { padding:14px 14px; text-indent:0px; background:transparent url('../../essence/images/box-bk.png') repeat top left; margin-bottom:14px; overflow:hidden; clear:both; width:936px; }
.article .preview-listing .links a { border-right:1px solid #666666; margin-right:4px; padding-right:6px; }
.preview-listing li .figure { background:transparent url('/essence/images/preview-list-bk.png') no-repeat scroll left top; float:left; height:114px; width:171px; padding:14px 8px 0 19px; }
.preview-listing li .figure:hover { background-position:1px 1px; }
.preview-listing li .figure img { margin:0px; background-color:#ececec; border-right:1px solid #ececec; }
.preview-listing li .figure:hover img { margin:1px 0 0 1px; }
.preview-listing li .figure .legend { display:none; }
/*pagination*/
.pagination { float:right; clear:right; }
.pagination a,
.pagination span { display:block; float:left; font-size:1.8em; padding:0px 4px; line-height:100%; }
.pagination a.active { color:#ffffff; }
.pagination a.active:hover,
.pagination a.active:active { color:#f7cd3d; }
.pagination .previous,
.pagination .next { height:18px; width:21px; padding:0px; background:transparent url('../../essence/images/page-arrows.gif') no-repeat 0 -20px; text-indent:-999em; }
.pagination .previous:hover,
.pagination .previous:active { background-position:0px -58px; }
.pagination .next { background-position:0 -1px; }
.pagination .next:hover,
.pagination .next:active { background-position:0px -39px; }
/*Share this page link*/
div.addthis_toolbox { position:absolute; right:10px; }
div.addthis_toolbox a,
div.addthis_toolbox span { font-size:18px; float:left; }
div.addthis_toolbox a span { display:none; }
div.addthis_toolbox a.share { }
div.addthis_toolbox span { }
div.addthis_toolbox a.sicon { height:20px; width:22px; text-indent:-999em; background:transparent url('/essence/images/shareicons.gif') no-repeat top left; }
div.addthis_toolbox a.addthis_button_facebook:hover { background-position:0 -20px; }
div.addthis_toolbox a.addthis_button_myspace { background-position:-22px 0; }
div.addthis_toolbox a.addthis_button_myspace:hover { background-position:-22px -20px; }
div.addthis_toolbox a.addthis_button_twitter { background-position:-44px 0; }
div.addthis_toolbox a.addthis_button_twitter:hover { background-position:-44px -20px; }
div.addthis_toolbox a.addthis_button_delicious { background-position:-66px 0; }
div.addthis_toolbox a.addthis_button_delicious:hover { background-position:-66px -20px; }
div.addthis_toolbox a.addthis_button_email { background-position:-88px 0; }
div.addthis_toolbox a.addthis_button_email:hover { background-position:-88px -20px; }
div.sharetop { top:12px; }
div.sharebot { bottom:10px; }
/*back links*/
a.back { display:block; position:absolute; left:10px; background:transparent url('/essence/images/page-arrows.gif') no-repeat 0 -20px; font-size:18px; padding:0 0 0 24px; }
a.back:hover { background-position:0 -58px; }
a.btop { top:12px; }
a.bbot { bottom:10px; }
/*loader*/
.loader { background: transparent url('/essence/images/ajax-loader.gif') no-repeat center center; display:block; height:12px; width:46px; text-indent:-999em; }

/* People Page */

#people .feature {
    text-transform: none;
    line-height: 1em;
}

#people a.partner-link {
    float: right;
    display: block;
    font-family: 'ChaparralProBold';
    color: #444;   
    text-transform: uppercase;
    background: transparent url('../../essence/images/people/partner-link.png') repeat top left;
    width: 141px;
    height: 45px;
    padding: 19px 35px 15px 15px;
    font-size: 14px;
    text-align: center;
    position: relative;
    top: -4px;
    right: -5px;
}

#people a.partner-link span {
    display: block;
    font-size: 26px;
    text-indent: 0;
}

#people .partner-link:hover {
    color: #000;
}

#people .grid {
    margin: 0;
    padding: 0;
    width: 964px;
    text-indent: 0;
    line-height: normal;
}

#people .grid-item {
    background: transparent url('../../essence/images/box-bk.png') repeat top left;
    margin: 0 0 10px;
    padding: 0;
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
}

#people .grid-item:hover {
}

.h1 { height: 80px; }
.h2 { height: 170px; }
.h3 { height: 260px; }
.h4 { height: 350px; }
.h5 { height: 440px; }
.h6 { height: 530px; }
.h7 { height: 620px; }
.h8 { height: 710px; }

.w1 { width: 111px; }
.w2 { width: 232px; }
.w3 { width: 353px; }
.w4 { width: 474px; }
.w5 { width: 595px; }
.w6 { width: 716px; }
.w7 { width: 837px; }
.w8 { width: 958px; }

/* Num Essentials */

#people .people-essentials span {
    display: block;
}

#people .people-essentials .count {
    width: 180px;
    height: 90px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    padding: 10px 0 0;
    font-size: 82px;
    border-right: 1px solid #666;
}

#people .people-essentials .highlight {
    width: 180px;
    height: 22px;
    text-align: center;
    color: #4a7230;
    font-size: 30px;
    letter-spacing: 4px;
    border-right: 1px solid #666;
    padding-bottom: 10px;
}

#people .people-essentials .vert {
    background: transparent url('../../essence/images/people/and-counting.gif') no-repeat top left;
    width: 11px;
    height: 123px;
    text-align: center;
    position: absolute;
    top: 25px;
    right: 20px;
    text-indent: -999px;
    overflow: hidden;
}

/* App Month */

#people .app-month p {
    display: block;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

#people .app-month span {
    background: transparent url('../../essence/images/people/iphone.gif') no-repeat 0 5px;
    display: block;
    padding: 0 0 15px 30px;
    margin: 0 0 15px;
    font-size: 12px;
    border-bottom: 1px solid #666;
    line-height: 16px;
}

#people .app-month strong {
    display: block;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
}

/* Fav Browser */

#people .fav-browser p {
    background: transparent url('../../essence/images/people/lcd.gif') no-repeat 50% 15px;
    display: block;
    margin: 15px;
    padding: 33px 15px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    height: 109px;
}

#people .fav-browser p strong {
    font-weight: normal;
    display: block;
    font-size: 22px;
    line-height: 16px;
    letter-spacing: 2px;
}

#people .fav-browser p span {
    font-weight: normal;
    display: block;
    font-size: 20px;
    line-height: 16px;
    letter-spacing: 2px;
}

/* Mobile OS */

#people .mobile-os p {
    display: block;
    padding: 0 15px 0 0;
    margin: 15px 0 15px 15px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-size: 20px;
    line-height: 25px;
    float: left;
    width: 90px;
    border-right: 1px solid #666;
}

#people .mobile-os ul {
    margin: 0;
    padding: 0;
}

#people .mobile-os ul li {
    float: left;
    background: none;
    padding: 27px 0 26px 47px;
    margin: 0 0 0 15px;
    text-indent: 0;
    font-size: 30px;
}

#people .mobile-os ul li span {
    display: none;
}

#people .mobile-os ul li {
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#people .mobile-os ul li.apple {
    background-image: url('../../essence/images/people/apple.gif');
}

#people .mobile-os ul li.blackberry {
    background-image: url('../../essence/images/people/blackberry.gif');
}

#people .mobile-os ul li.android {
    background-image: url('../../essence/images/people/android.gif');
}

#people .mobile-os ul li.windows {
    background-image: url('../../essence/images/people/windows.gif');
}

#people .mobile-os ul li.misc {
    background-image: url('../../essence/images/people/misc.gif');
}

/* People Cakes */

#people .people-cakes {
    overflow: visible;
}

#people .people-cakes .cakes {
    margin: 0;
    height: 130px;
    width: 460px;
    border-right: 1px solid #666;
    position: relative;
    top: 20px;
    left: 20px;
}

#people .people-cakes ul {
    text-indent: 0;
    margin: 0;
    padding: 0;
}

#people .people-cakes ul li {
    background: none;
    margin: 0 1px 0 0;
    padding: 0;
    float: left;
    border: 1px solid #222;
    line-height: 0;
    width: 85px;
    height: 85px;
    position: relative;
}

#people .people-cakes ul li .tooltip {
    display: none;
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    bottom: 85px;
    text-align: center;
    height: 26px;
}

#people .people-cakes ul li:hover .tooltip {
    display: block;
}

#people .people-cakes ul li .tooltip .content {
    color: white;
    background: #000;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 7px;
    text-align: center;
    margin-top: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
#people .people-cakes ul li .tooltip .pointer-down {
    border: none;
}
#people .people-cakes ul li .tooltip .pointer-down, #people .people-cakes ul li .tooltip .pointer-down-inner {
    position: absolute; 
    display: block;
    width:0; 
    height:0; 
    border-bottom-width: 0;
    background: none;
}
#people .people-cakes ul li .tooltip .pointer-down {	
    border-left: 7px dashed transparent; 
    border-right: 7px dashed transparent;
    border-top-width: 8px;
    bottom: -5px;
    right: auto;
    left: 50%;
    margin-left: -7px;
}
#people .people-cakes ul li .tooltip .pointer-down-inner {
    border-left: 6px dashed transparent; 
    border-right: 6px dashed transparent;
    border-top: 7px solid transparent;
    border-top-color: #000 !important;
    bottom: auto;
    top: -9px;
    left: -6px;
}

#people .people-cakes ul li img {
    margin: 0;
    padding: 0;
    line-height: 0;
    display: block;
}

#people .people-cakes .cakes p {
    display: block;
    text-align: center;
    width: 440px;
    font-size: 30px;
    letter-spacing: 4px;
    color: #fff;
    position: absolute;
    bottom: -10px;
    left: 0;
}

#people .people-cakes .names {
    height: 130px;
    width: 195px;
    position: absolute;
    top: 20px;
    right: 20px;
}

#people .people-cakes .names p {
    float: left;
    font-size: 17px;
    width: 130px;
    word-wrap: break-word;
    height: 130px;
    padding: 0;
}

#people .people-cakes .names p span {
    color: #666;
}

#people .people-cakes .names .num {
    width: 50px;
    float: left;
    text-align: center;
    font-size: 35px;
    margin-right: 15px;
}

#people .people-cakes .names .num span {
    color: #fff;
}

#people .people-cakes .names .num strong {
    display: block;
    color: #4a7230;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #666;
    font-size: 70px;
}

/* Daily Commute */

#people .daily-commute {
    text-align: center;    
}

#people .daily-commute p {
    font-size: 22px;
    padding: 20px 20px 10px;
}

#people .daily-commute p span {
    display: block;
    font-size: 40px;
}

#people .daily-commute p.time {
    border-top: 1px solid #666;
    font-size: 20px;
    padding: 10px 0 20px;
    margin: 0 20px;
}

#people .daily-commute p.time span {
    display: inline;
    font-size: 45px;
}

#people .daily-commute p.time span {
    display: inline;
    font-size: 45px;
}

/* Tweets Sent */

#people .tweets-sent {
    text-align: right;    
}

#people .tweets-sent p {
    font-size: 15px;
    padding: 15px;
    background: transparent url('../../essence/images/people/twitter.gif') no-repeat 12px 120px;
    line-height: 19px;
}

#people .tweets-sent p strong {
    border-bottom: 1px solid #666;
    font-size: 45px;
    padding-bottom: 15px;
    margin: 0 0 20px;
    display: block;
    text-align: center;
    line-height: 40px;
}

#people .tweets-sent p span {
    font-size: 20px;
    display: block;
    line-height: 24px;
}

/* Spent Apps */

#people .spent-apps {
    text-align: right;    
}

#people .spent-apps p {
    font-size: 16px;
    padding: 15px;
    background: transparent url('../../essence/images/people/iphone.gif') no-repeat 15px 112px;
    line-height: 19px;
}

#people .spent-apps p .amount {
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
    margin: 0 0 15px;
    display: block;
}

#people .spent-apps p .amount,
#people .spent-apps p .amount span {
    font-size: 36px;
    text-align: center;
    line-height: 40px;
}

#people .spent-apps p .amount span { display: inline; }

#people .spent-apps p span {
    font-size: 20px;
    display: block;
    line-height: 21px;
}

#people .spent-apps p span.month {
    font-size: 13px;
    display: block;
    line-height: 17px;
}

/* Social Networks */

#people .social-networks {
}

#people .social-networks p {
    float: left;
    width: 120px;    
    border-right: 1px solid #666;
    padding: 10px 15px;
    margin: 37px 15px 37px 0;
    display: block;
    font-size: 21px;
    text-align: center;
}

#people .social-networks p span {
    display: block;
    font-size: 33px;
}

#people .social-networks ul {
    margin: 44px 0;
    padding: 0;
    float: left;
    width: 160px;
}

#people .social-networks ul li {
    background: none;
    height: 27px;
    padding: 0;
    margin: 1px 0 1px 40px;
    display: block;
    position: relative;
}

#people .social-networks ul .twitter strong { background-image: url('../../essence/images/people/twitter2.gif'); }
#people .social-networks ul .linkedin strong { background-image: url('../../essence/images/people/linked-in.gif'); }
#people .social-networks ul .facebook strong { background-image: url('../../essence/images/people/fb.gif'); }

#people .social-networks ul li span {
    text-indent: 0;
    display: block;
    background: #4a7230;
    height: 15px;
    margin: 0;
    padding: 5px;
    color: #fff;
    font-size: 15px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
}

#people .social-networks ul li strong {    
    text-indent: -999px;
    background: transparent none 0 50% no-repeat;
    position: absolute;
    height: 27px;
    width: 27px;
    left: -40px;
    top: 0;
    overflow: hidden;
}

/* PC vs Mac */

#people .pc-mac p {
    display: block;
    padding: 0 0 15px;
    margin: 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #666;
}

#people .pc-mac p span {
   font-size: 10px;
}

#people .pc-mac ul {
    margin: 0;
    padding: 0;
}

#people .pc-mac ul li {
    display: block;
    background: none;
    padding: 12px 0 10px 45px;
    margin: 0 15px;
    text-indent: 0;
    font-size: 22px;
    background: transparent no-repeat 0 50%;
}

#people .pc-mac ul li span {
    display: none;
}

#people .pc-mac ul li.pc {
    background-image: url('../../essence/images/people/apple.gif');
}

#people .pc-mac ul li.mac {
    background-image: url('../../essence/images/people/windows2.gif');
}

/* Plastic Surgery */

#people .plastic-surgery p {
    display: block;
    margin: 25px 15px 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
}

#people .plastic-surgery p strong {
    display: block;
    padding: 0 0 20px;
    margin: 0 0 25px;
    font-size: 36px;
    border-bottom: 1px solid #666;
    line-height: 36px;
}

#people .plastic-surgery p span {
   font-size: 32px;
   letter-spacing: 0;
}

#people .plastic-surgery p em {
   font-size: 22px;
   font-style: normal;
   letter-spacing: 0;
}

/* Languages Spoken */

#people .languages-spoken p {
    display: block;
    padding: 25px 10px 25px 20px;
    margin: 0;
    text-align: center;
    color: #4A7230;
    font-size: 15px;
    float: left;
    width: 120px;
    line-height: 26px;
}

#people .languages-spoken p strong {
    background: url('../../essence/images/people/speech-bubble.gif') no-repeat 50% 50%;
    display: block;
    height: 29px;
    font-size: 24px;
    padding: 15px 0;
    margin-bottom: 10px;
    color: #fff;
    line-height: 24px;
}

#people .languages-spoken p span {
   font-size: 22px;
   letter-spacing: 0;
}

#people .languages-spoken ul {
    width: 290px;
    display: block;
    margin: 27px 20px 27px 0;
    padding: 0;
    text-align: justify;
    height: 120px;
    overflow: hidden;
    text-indent: 0;
    line-height: normal;
}

#people .languages-spoken li {
    display: inline;
    margin: 0;
    text-indent: 0;
    background: none;
    vertical-align: middle;
}

#people .languages-spoken li strong {
    display: none;
}

/* Travel Panel */

#people .travel-panel p {
    display: block;
    padding: 0 0 8px;
    margin: 15px 15px 13px;
    font-size: 23px;
    border-bottom: 1px solid #666;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
}

#people .travel-panel ul {
    margin: 0;
    padding: 0 20px;
}

#people .travel-panel ul li {
    float: left;
    background: none;
    width: 108px;
    margin: 0;
    padding: 70px 0 0;
    text-indent: 0;
    font-size: 36px;
    text-align: center;
}

#people .travel-panel ul li span {
    display: none;
}

#people .travel-panel ul li strong {
    font-weight: normal;
}

#people .travel-panel ul li strong em {
    font-style: normal;
    font-size: 26px;
}

#people .travel-panel ul li {
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#people .travel-panel ul li.walk { background-image: url('../../essence/images/people/walking.gif'); }
#people .travel-panel ul li.cycle { background-image: url('../../essence/images/people/cycling.gif'); }
#people .travel-panel ul li.tube { background-image: url('../../essence/images/people/tube.gif'); }
#people .travel-panel ul li.train { background-image: url('../../essence/images/people/train.gif'); }

/* Coffee Lovers */

#people .coffee-lovers p {
    display: block;
    padding: 0;
    margin: 13px;
    font-size: 21px;
    line-height: 21px;
}

#people .coffee-lovers span {
    font-size: 36px;
    display: block;
    background: url('../../essence/images/people/coffee.gif') no-repeat top right;
    padding: 2px 35px 0 0;
    line-height: 36px;
}

#people .coffee-lovers em {
    display: none;
}

/* Essence Babies */

#people .essence-babies p {
    display: block;
    padding: 0 0 0 90px;
    background: url('../../essence/images/people/baby.gif') no-repeat 14px 50%;
    margin: 13px;
    height: 52px;
    font-size: 20px;
    letter-spacing: 1px;
}

#people .essence-babies strong {
    font-size: 50px;
    display: block;
    float: left;
    border-left: 1px solid #666;
    line-height: 36px;
    height: 36px;
    padding: 9px 20px;
    letter-spacing: 0;
}

#people .essence-babies span {
    font-size: 32px;
}

/* Essence Babies */

#people .marriage-status .chart {
    display: block;
    margin: 20px;
    width: 100px;
    height: 100px;
}

#people .marriage-status .pieLabel div {}
#people .marriage-status .pieLabel div { text-align: center !important; color: #fff !important; font-size: 12px !important; }