/*page specifics*/


/*home--------------------------------------------------------------------------*/
#home .article { padding:20px 0 50px; width:100%; min-height: 230px; }
#home .article h2 { font-size:5.8em; width:960px; }
#home .article .fancy-link { color:white; float:left; padding-left:4px; text-align:left; }
#home .article .fancy-link:hover { color:#f7cd3d; }
#sc-links { background:transparent url('/essence/images/sc-timeline.png') no-repeat top left; width:160px; height: 30px; position: absolute; bottom: 30px; right: 5px; }
#sc-links a { display:block; float:left; height:15px; width:14px; text-indent:-999em; background:transparent url('/essence/images/sc-links.png') no-repeat top left; margin:0px 8px; }
#sc-links a:hover, #sc-links a.showing { background-position:0px -15px; }
#sc-links a br { display:none; }
#home .promo .figure { height:114px; width:264px; margin-top:-1px; margin-left:-1px; }
#home .promo .figure img { height:109px; width:260px; }
#home .promo .figure span { background-image:url('/essence/images/bord-homepromo.png') }
#home .hub .picture-list li { background-image:url('/essence/images/sep-302.gif'); }
#home .picture-list li p { width:190px; }
#home .aside .picture { width:262px; padding:18px 18px 14px 17px; }
#home .aside .plist { width:342px; }
#home .aside .plist li { cursor:pointer; }
#home .aside .plist li .more { color:#f7cd3d }
.article .showcase { margin:0px; padding:0px; text-indent:0px; }
.article .showcase li { background:none; }
/*events*/
#events .aside .promo #register-form { display:none; }
#events .event .feature { padding-bottom:20px; }
#events .columns { width:762px; }
#events .columns h3 { margin: 10px 0; clear: both; background: url("/essence/images/sep-column.gif") no-repeat top center; padding-top: 20px; }
#events .columns h3:first-child { margin: 0 0 15px; padding: 0; background: none; }
#events .aside { margin-right:0; background:none; }
#events .two-col-left .article { width:762px; }
#events .aside #sub a { background:url('/essence/images/box-bk-light.png') repeat top left; }
#events .aside #sub .selected, #events .nav #sub a:hover { background:url('/essence/images/box-bk.png') repeat top left; }
#events .events { background:none repeat scroll 0 0 transparent; list-style:none outside none; margin-left:0; padding-left:0; text-indent:0; font-size:1em; }
#events .event { background:none; }
#events .venue { background-color:#FFFFFF; width:330px; overflow:hidden; margin:20px 0px 20px 0px; padding:14px; position:relative; font-size:1.3em; }
#events .venue .vcard { float:left; clear:left; }
#events .venue .vcard span { color:#000000; font-size:1.0em; font-weight:bold; display:block; line-height:130%; }
#events .venue .vcard span.org { font-size:1.2em; margin-bottom:8px }
#events .venue .vcard span.no-show { display:none; }
#events .venue ul { margin:0px; padding-bottom:0px; text-indent:0px; }
#events .venue ul li { background-image:none; }
#events .venue ul { width:130px; font-size:100%; margin-left:10px; padding-bottom:10px; padding-top:0; display:none; }
#events .googleMap { overflow:hidden; float:right; clear:right; border:1px solid #A9A9A9; width:190px; height:190px; }
#events .speaker-list { line-height:124%; }
#events .speaker-list dt { color:#FFFFFF; background:url("/essence/images/list-arrow.gif") no-repeat scroll left 3px transparent; font-size:1.8em; padding-bottom:8px; }
#events .speaker-list dd { padding-bottom:25px; font-size:1.2em }
#events .speaker-list dd, #events .speaker-list dt { padding-left:25px; }
#events .attendees { margin:0; padding:0; height: 100%; overflow: hidden; }
#events .attendees li { background:url("/essence/images/list-tick.gif") no-repeat scroll left 7px transparent; float:left; list-style-position:inside; padding-left:16px; text-align:left; text-indent:0; width:165px; }
#events ul.tweets { margin: 0 0 10px; padding: 0; height: 100%; }
#events ul.tweets li { background: none; margin: 0; padding: 0 0 20px; display: block; text-indent: 0; clear: both; position: relative; }
#events ul.tweets li img { float: left; margin: 3px 10px 0 0; }
#events ul.tweets li p a { display: block; }
#events ul.tweets li p { float: left; font-size: 13px; width: 280px; }
#events ul.tweets li span { clear: both; display: block; line-height: 0; overflow: hidden; height: 0; }
/*past events*/
#events .past .video { position:relative; margin-bottom:10px; }
#events .past .video a { display:block; height:100%; width:100%; background:url("/essence/images/event/play-video.png") no-repeat scroll center center transparent; }
#events .past .speaker-list { padding-bottom:15px; }
#events .past .speaker-list dt { background:none; float:left; padding-left:0; clear:both; margin-right:20px; position:absolute; }
#events .past .speaker-list dt .figure { position:relative; display:block; }
#events .past .speaker-list dt .figure img { border:1px solid #A8A8A8; height:49px; margin-bottom:0; width:75px; }
#events .past .speaker-list dt .legend { background:url("/essence/images/event/play-thumb.png") no-repeat scroll 6px 6px transparent; display:block; height:100%; left:0; position:absolute; text-indent:-9999px; top:0; width:100%; }
#events .past .speaker-list dt .legend a { display:block; height:100%; width:100%; }
#events .past .speaker-list dd { padding-bottom:0; padding-left:98px; padding-top:11px; }
#events .past .speaker-list dd.speaker { font-size:1.4em; height:10px; }
#events .past .speaker-list dd.position { height:10px; padding-bottom:27px; padding-top:5px; }
#events .past .videoList { display:none }
#events .venue .adr { color:#000000; }
/* Events Presentation Overlay ------------------------------------------------ */
#event-presentations { background: #222; width: 100%; height: 100%; color: #ccc; }
#event-presentations .placeholder { display: block; position: absolute; top: 25px; left: 25px; width: 600px; height: 478px; overflow: hidden; border: 1px solid #fff; }
#event-presentations .speaker-list { position: absolute; right: 25px; top: 25px; width: 225px; }
#event-presentations .speaker-list dt { background:none; float:left; padding-left:0; clear:both; margin-right:20px; position:absolute; }
#event-presentations .speaker-list dt .figure { position:relative; display:block; }
#event-presentations .speaker-list dt .figure img { border:1px solid #A8A8A8; height:49px; margin-bottom:0; width:75px; }
#event-presentations .speaker-list dt .legend { background:url("/essence/images/event/play-thumb.png") no-repeat scroll 50% 50% transparent; display:block; height:100%; left:0; position:absolute; text-indent:-9999px; top:0; width:100%; }
#event-presentations .speaker-list dt .active .legend { background: none; }
#event-presentations .speaker-list dt .legend a { display:block; height:100%; width:100%; }
#event-presentations .speaker-list dd { padding-bottom:0; padding-left:98px; padding-top:2px; }
#event-presentations .speaker-list dd.speaker { font-size:14px; height:10px; line-height: 14px; }
#event-presentations .speaker-list dd.position { font-size:12px; line-height: 16px; height:10px; padding-bottom:45px; margin-bottom: 20px; padding-top:5px; background:url("/essence/images/sep-narrow.gif") no-repeat scroll center bottom transparent; }
/*services----------------------------------------------------------------------*/
#services .aside, #creative .aside, #design-and-build .aside, #media .aside { margin-right:0; background:none; }
#services .two-col-left .article, #creative .two-col-left .article, #design-and-build .two-col-left .article, #media .two-col-left .article { width:762px; }
#services .aside #sub a, #creative .aside #sub a, #design-and-build .aside #sub a, #media .aside #sub a { background:url('/essence/images/box-bk-light.png') repeat top left; }
#services .aside #sub .selected, #services .nav #sub a:hover, #creative .aside #sub .selected, #creative .nav #sub a:hover, #design-and-build .aside #sub .selected, #design-and-build .nav #sub a:hover, #media .aside #sub .selected, #media .nav #sub a:hover { background:url('/essence/images/box-bk.png') repeat top left; }
ul.services { margin-left:0; position:relative; overflow:visible; min-height:600px; height:auto !important; height:600px; }
li.service { background:none !important; text-indent:0px; min-height:600px; height:auto !important; height:600px; }
li.service p { font-size:100%; }
li.service .quote .figure .legend { font-size:84%; }
li.service .quote blockquote p { line-height:116%; font-size:76%; }
/*feature picture lists*/
#media .picture-list li span.client { color:#fff; }
#design-and-build .picture-list li span.client { color:#fff; }
#creative .picture-list li span.client { color:#fff; }
#device li.media, #device li.designbuild, #device li.creative { background:none !important; text-indent:0; margin:0; padding:0; position:absolute; }
#device { text-indent:0px; }
#device li { background-image:none; }
#device p { font-size:76%; width:280px; }
#device .media { top:160px; left:32px; }
#device .designbuild { top:280px; left:440px; }
#device .creative { top:460px; left:120px; }
.service .column li { font-size:83%; }
/*news--------------------------------------------------------------------------*/
.news-all .pagination { margin-right:20px; }
.tagged-with { padding:0px 20px; float:left; clear:left; }
.list-top { overflow:hidden; }
#news .article { padding:30px 14px; }
#news .listings { padding:10px 0px; }
#news .listings li h2 { color:#fff; }
#news .listings li h2:hover { color:#f7cd3d; }
.news-article { background:transparent url('/essence/images/sep-news.gif') no-repeat bottom center; margin-bottom:12px; }
.tags-date { background:transparent url('/essence/images/sep-news.gif') no-repeat top center; padding:8px 0px; }
.tags-date p { padding-bottom:6px; }
p.date { float:right; }
.listings .picture-list li .tags p { padding-bottom:0px; margin-top:10px; }
/*people------------------------------------------------------------------------*/
.people { }
.staff { position:relative; padding:0px 0px 20px; margin:0px 0px 20px; background:transparent url('/essence/images/people-bk.gif') repeat-x top left; width:924px; overflow:hidden; }
.staff .inner { padding:0px 40px 0px 40px; margin:130px 0px 0px 0px; }
/*quotes*/
.staff .mask { bottom: 0; top: auto; height: 272px; width: 78px; }
.staff .mleft { background-position: 0 8px; }
.staff .mright { background-position: 0 8px; }
.staff ul { text-indent:0px; margin:0px auto; display:table; overflow:hidden; position:relative; }
.staff ul li { background-image:none; display:inline; overflow:hidden; width: 105px }
.staff .quote { float:left; width:105px; cursor:pointer; padding:0px; clear:none; }
.staff .main.quote { cursor:default; }
.staff .quote .no-back { background-image:none; }
.staff .quote blockquote { width:260px; position:absolute; bottom:269px; left:0px; }
.staff .quote blockquote p { overflow:visible !important; }
.staff .quote .figure { border:none; padding-top:14px; width:105px; }
.staff .quote .figure img { border:none; width:auto; height:auto; }
.staff .quote .figure .legend { display:none; }
.staff .partner { }
.staff .partner.quote blockquote, .staff .partner .quote blockquote { width:475px; }
.staff .partner.quote blockquote div { float:left; clear:left; }
.staff .partner.quote blockquote div.image { float:left; clear:left; margin-right:14px; }
.staff .partner.quote blockquote div img { margin-bottom:0px; border:2px solid #c2c2c4; }
.staff .partner.quote blockquote p { float:left; clear:right; overflow:auto !important; width:342px; height:104px; }
/*arrows*/
.staff .previous, .staff .next { display:block; height:179px; width:20px; background:transparent url('/essence/images/people/arrows2.gif') no-repeat -60px 0; text-indent:-999em; position:absolute; bottom:0; right:0px; }
.staff .previous { background-position: -40px 0; left:0px; }
.staff .previous:hover { background-position:-80px 0; }
.staff .next:hover { background-position:-100px 0; }
.staff .next-disabled, .staff .next-disabled:hover { background-position:-20px 0; cursor: default; }
.staff .previous-disabled, .staff .previous-disabled:hover { background-position: 0 0; cursor: default; }
.partners { background-color:#10110f; padding:0px 20px; overflow:hidden; }
.partners h2 { float:left; clear:left; width:390px; margin-top:11px; }
.partners ul { text-indent:0px; margin:0px auto; display:table; width:380px; float:left; clear:none; }
.partners ul li { background-image:none; display:inline; overflow:hidden; }
.partners ul li a { float:left; clear:none; width:156px; padding:0px; }
.partners ul li a span { color:#666666; display:inline; padding-left:4px; }
/*.partners ul li a.partner {width:216px;}*/
.partners p { float:right; clear:right; width:100px; text-align:right; color:#666666; font-size:1.1em; margin-top:60px; }
.mask { position:absolute; top:145px; width:58px; height:270px; background:transparent url('') no-repeat top left; z-index:90; }
.mleft { left:0; background-image:url('/essence/images/fadeLeft.png'); }
.mright { right:0; background-image:url('/essence/images/fadeRight.png'); }
/*no js version*/
.no-js .staff { margin:20px 0px; background-color:white; }
.no-js .staff .inner { margin-top:20px; padding:0px 20px; }
/*quotes*/
.no-js .staff .quote { width:420px; padding:0px 10px; }
.no-js .staff .main { display:none; }
.no-js .staff .quote .no-back { background:transparent url('/essence/images/quote-arstaff.gif') no-repeat top right; }
.no-js .staff .quote blockquote { width:287px; position:relative; bottom:0px; float:right; background:#e8e9e8 url('/essence/images/quote-bkhsflip.gif') repeat-y top left; }
.no-js .staff .quote blockquote.no-show { display:block; }
.no-js .staff .quote .figure { padding-top:0px; }
.no-js .staff .quote a.people-more { display:none; }
.no-js .staff .partner .quote blockquote { width:287px; height:180px; overflow:scroll; }
.no-js .staff .partner .quote blockquote div { width:130px; }
/*arrows*/
.no-js .staff .previous, .staff .next { display:none; }
.no-js .mask { display:none; }
/*contact-----------------------------------------------------------------------*/
#contact-us .promo a { font-weight:normal; }
#contact-us p.feature { clear:both }
#contact-us .footer { overflow:hidden; clear:both }
.map { width: 100%; clear: both; float: left; margin:0; overflow: hidden }
.mapMarker { background-color:#FFFFFF; width:435px; margin:0px 0px 20px 15px; padding:14px; position:relative; float: left; overflow:hidden }
.mapMarker .vcard { float:left; clear:left; }
.mapMarker .vcard span { color:#000000; font-size:1.8em; font-weight:bold; display:block; line-height:115%; }
.mapMarker .vcard span.no-show { display:none; }
.mapMarker ul { margin:0px; padding-bottom:0px; text-indent:0px; }
.mapMarker ul li { background-image:none; }
.mapMarker ul ul { width:130px; font-size:100%; margin-left:10px; padding-bottom:10px; padding-top:0; display:none; }
.googleMap { overflow:hidden; float:right; clear:right; border:1px solid #A9A9A9; width:256px; height:266px; }
.intouch dl { padding-top:14px; }
.intouch dt { float:left; clear:left; font-size:1.6em; padding-bottom:49px; }
.intouch dd { clear:right; float:right; padding-bottom:16px; font-size:1.3em; }
.pcareers dl { font-size:1.3em; margin-top:14px; }
.pcareers dt { float:left; clear:left; }
.pcareers dd { margin-left:70px; padding-bottom:20px; }
.promo ul.picture-list li { cursor: default }
.no-js #sms { clear:both; width:272px; height: auto !important; }
.no-js #sms #smsForm { padding: 10px 0; height: auto }
.no-js #sms label { float: none; display: inline }
.no-js #phoneNumber { display: block; clear: both }
.no-js #smsForm label small { position: static }
.no-js #sms #smsForm .submit-btn { margin-left:0; display: block; position: static }
.no-js #sms #smsForm .error { display:none; }
#smsForm { padding:20px; position:relative; overflow: hidden; height: 70px }
#smsForm label { padding-right:10px; padding-top:8px; text-align:left; margin-top:4px; width:205px; }
#smsForm label small { position: absolute; bottom: 25px; color: #666 }
#smsForm .submit-btn { position:relative; top:14px; clear: none; }
#smsForm button.submit-btn { display: none }
#smsForm .error { float:left; margin-top:44px; position:absolute; padding: 10px 30px 10px 0; background: black; font-weight: bold; color: red; left:20px; }
#smsForm #phoneNumber { width:232px; }
#fancy_loading { margin-top: -8px; }
#fancy_div h2 { padding-top:43px; text-align:center; }
/*clients-----------------------------------------------------------------------*/
#clients .preview-list { padding:20px 0px; }
#clients .preview-list li { margin-right:4px; }
#clients .preview-list .figure span { display:none; }
/*projects----------------------------------------------------------------------*/
#projects .pagination { padding:4px 0px 8px; }
#projects .preview-list { width:752px; clear:both; }
#projects .two-col-left .article { width:748px; padding:10px 9px; }
#projects .preview-list img { border:1px solid #cccccc; }
#projects .picture-list li { background-image:url('/essence/images/sep-250.gif'); }
#projects .preview-list .figure { position:relative }
#projects .preview-list .awardsLink, #projects .preview-list .casestudy { display:none }/*hide icons be default*/
#projects .preview-list .award .awardsLink, #projects .preview-list .iscasestudy .casestudy { display:block }/*show icons accordingly*/
#projects .preview-list .awardsLink { background:url("/essence/images/projects/award-star.png") no-repeat scroll 0 0 transparent; bottom:37px; float:right; height:31px; position:absolute; right:14px; text-indent:-9999em; width:31px; }
#projects .preview-list .casestudy { background:url("/essence/images/projects/case-study.png") no-repeat scroll 0 0 transparent; height:26px; left:-9px; position:absolute; text-indent:-999em; top:-9px; width:85px; }
/*project detail and case study detail pages------------------------------------*/
.viewer { width:100%; overflow:visible; }
.stage { margin:14px 0px 0px 0px; padding:18px; }
#slide-viewer { background:#000000 none repeat scroll 0 0; float:left; clear:left; position:relative; height:410px; width:640px; margin:0px 14px 0px 0px; }
#slide-viewer img { margin-bottom:0px; }
/*scroll list right*/
.slides-container { height:328px; width:272px; padding-top:20px; margin:0px 0px 8px; overflow:hidden; float:left; clear:right; position:relative; }
.inner-slides { position:relative; height:308px; background-color:#fff; }
#slides { width:100%; position:absolute; top:0px; left:0px; overflow:hidden; margin:0px; padding:0px; text-indent:0px; }
#slides li { cursor: pointer; background:#ffffff url('') repeat top left; height:48px; overflow:hidden; padding:7px 15px 20px; border-bottom:1px solid #eeeeee; }
#slides li:hover, #slides li.selected { background:#eef3eb; }
#slides .figure { height:60px; width:100px; margin-right:8px; float:left; }
#slides li img { height:60px; width:100px; }
#slides p { font-size:1em; color:#333; padding-bottom:2px; }
/*scroll buttons*/
.slides-container .scrollUp, .slides-container .scrollDown { height:20px; position:absolute; left:0px; width:100%; text-indent:-999em; z-index:50; }
/*up*/
.slides-container .scrollUp { top:0px; background:transparent url('/essence/images/slides_btn.gif') no-repeat scroll 0 0px; }
.slides-container .scrollUp:hover { background: transparent url('/essence/images/slides_btn.gif') no-repeat scroll 0 -20px; }
.slides-container .upInactive, .slides-container .upInactive:hover { background: transparent url('/essence/images/slides_btn.gif') no-repeat scroll 0 -80px; cursor:default; }
/*down*/
.slides-container .scrollDown { bottom:0; ; background: transparent url('/essence/images/slides_btn.gif') no-repeat scroll 0 -60px; }
.slides-container .scrollDown:hover { background: transparent url('/essence/images/slides_btn.gif') no-repeat scroll 0 -40px; }
.slides-container .downInactive, .slides-container .downInactive:hover { background: transparent url('/essence/images/slides_btn.gif') no-repeat scroll 0 -100px; cursor:default; }
/*viewing item info (under scroll)*/
p.commentarylabel { padding:0px; }
.stage dl { font-size:1.2em; font-style:italic; padding-top:6px; }
.stage dt { float:left; font-weight:bold; padding-right:5px; }
.stage dd { padding-bottom:4px; }
/*toggle*/
.toggle { height:25px; width:70px; position:absolute; top:376px; right:46px; }
.toggle span { background:transparent url('/essence/images/toggle.png') no-repeat scroll left center; display:block; height:21px; left:10px; margin-top:1px; position:absolute; width:48px; }
.toggle a { background:transparent url('/essence/images/toggle_btn.png') no-repeat scroll 0 0; display:block; height:25px; position:absolute; top:0; width:30px; }
/*crazy commentary stuff*/
.viewer .commentary { display:none; }
.viewer .commentaryOn a { left:39px; }
.viewer .commentaryOn span { background-position:left center; }
.viewer .commentaryOff a { left:4px; }
.viewer .commentaryOff span { background-position:-34px center; }
#slide-viewer li { background:none; }
#slide-viewer li a { display:block; width:25px; height:25px; background:transparent url(/essence/images/details/star.png) no-repeat scroll 0 0; position:absolute; }
#slide-viewer li a span { background:#E8E9E8 url(/essence/images/quote-bkhs.gif) repeat-y scroll left top; color:#333333; display:block; height:100px; left:40px; line-height:1.2; padding:10px; position:relative; text-indent:0; top:-51px; width:240px; z-index:10; border:1px solid #777; }
#slide-viewer li a span { display:none; }
#slide-viewer li a:hover span { display:block; }
#slide-viewer li a .pointer { left:-10px; position:absolute; top:0; width:17px; background:transparent url(/essence/images/quote-arright.gif) no-repeat scroll left center; border:none; }
#slide-viewer li .figure { border:medium none; float:left; padding:0 10px 0 0; position:static; width:50px; }
#slide-viewer li .figure img { margin-bottom:0; }
#slide-viewer li .figure .legend { padding:0; background:none; position:static; display:block; width:auto; border:none; }
#slide-viewer li .figure .legend a { background:none; position:static; display:inline; }
#slide-viewer li .figure .legend em { display:block; }
/*CASE STUDIES-------------------------------------------------------------------------*/
#case-studies .pagination { padding:4px 0px 8px; }
#case-studies .preview-list { width:752px; clear:both; }
#case-studies .two-col-left .article { width:748px; padding:10px 9px; }
#case-studies .preview-list img { border:1px solid #cccccc; }
#case-studies .picture-list li { background-image:url('/essence/images/sep-250.gif'); }
#case-studies .preview-list .figure { position:relative }
#case-studies .preview-list .awardsLink, #case-studies .preview-list .casestudy { display:none }/*hide icons be default*/
#case-studies .preview-list .award .awardsLink, #case-studies .preview-list .iscasestudy .casestudy { display:block }/*show icons accordingly*/
#case-studies .preview-list .awardsLink { background:url("/essence/images/projects/award-star.png") no-repeat scroll 0 0 transparent; bottom:37px; float:right; height:31px; position:absolute; right:14px; text-indent:-9999em; width:31px; }
#case-studies .preview-list .casestudy { background:url("/essence/images/projects/case-study.png") no-repeat scroll 0 0 transparent; height:26px; left:-9px; position:absolute; text-indent:-999em; top:-9px; width:85px; }

/*#case-studies .pagination { clear:both; margin-bottom:8px; }
#casestudies .article { padding:14px 12px; margin-bottom:0; }
#casestudies .figure a { background:transparent url(/essence/images/casestudies/casestudy_bg.png) no-repeat scroll left top; float:left; height:114px; padding-left:19px; padding-right:8px; padding-top:14px; width:171px; }
#casestudies .legend { display:none; }
#casestudies .article ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:198px; padding-bottom:0; text-indent:0; padding-top:5px; }
#casestudies .article p { margin-left:198px; margin-right:250px; }
#casestudies .article .fancy-link { margin-top:-25px; }
#case-studies .picture-list li, #case-studies #sub li { background-image:url('/essence/images/sep-250.gif'); }
#case-studies #sub li { background-position:bottom center; }
#case-studies #sub li { background-position:bottom center; }*/
/*aptitude test-----------------------------------------------------------------*/
#aptitude-test .article { padding-bottom:36px; }
#aptitude-test h2 { margin-bottom:14px; font-size:48px; }
#aptitude-test form { margin:14px 0px; width:638px; }
#aptitude-test .loader { position:absolute; bottom:43px; right:160px; }
#aptitude-test a.submit-btn { margin-top:20px; }
/* aptitude styles p.s. feel free to make this consistent with the rest of css and markup, ZE*/
.clear { clear: both; height: 0; display: block; }
form#stage1 p.error { margin-left: 29%; padding: 1% 0 3px; color: #f7cd3d; }
ul.aptitude-question-progress { margin: 0 !important; clear: both; padding: 0; text-indent:0; }
ul.aptitude-question-progress li { background: none; float: left; width: auto; margin: 0; padding:0 2px; }
ul.aptitude-question-progress li span, ul.aptitude-question-progress li a, ul.aptitude-question-progress li a:visited, ul.aptitude-question-progress li a:hover { color: white; }
ul.aptitude-question-progress li.active span, ul.aptitude-question-progress li.complete a:hover { color: #f7cd3d; }
ul.aptitude-question-progress li.complete a { color: #59893A; }
/*NON-JS STYLES*/
.viewer .nonjs .frame, .viewer .nonjs .scrollUp, .viewer .nonjs .scrollDown, .viewer .nonjs .toggle, .viewer .nonjs .commentarylabel, .viewer .nonjs dl, .viewer .nonjs #slides .figure { display:none; }
.viewer .nonjs #slides { height:auto; padding:0; width:100%; }
.viewer .nonjs #slides p { color:#FFFFFF; font-size:1.3em; padding-bottom:15px; }
.viewer .nonjs #slides ul { position:static; }
.viewer .nonjs #slides ul li { background:none; height:auto; overflow:hidden; padding:0 0 30px; }
.viewer .nonjs #slides ul li a, .viewer .nonjs #slides ul li a:hover { color:#ccc; cursor:default; }
.viewer .nonjs #slides .commentary { display:block; }
.viewer .nonjs #slides .commentary .figure { border:3px solid #FFFFFF; display:block; float:left; height:410px; margin-right:20px; width:640px; }
.viewer .nonjs #slides .commentary ul { float:left; font-size:0.85em; padding-right:15px; width:260px; }
.viewer .nonjs #slides .commentary ul li { padding-bottom:10px; }
.viewer .nonjs #slides .commentary .legend { display:none; }
.viewer .summary { width:660px; margin:0px 6px 0px 14px; }
/*site-map-----------------------------------------------------------------------*/
#site-map { }
#site-map .sitemap_column { width:79%; padding:7px 0px 14px 0px; }
/*two levels*/
#site-map .sitemap_column ul { text-indent:0px; margin:0px 0px 0px 34px; padding:0px; }
#site-map .sitemap_column ul li { background-image:none; }
/*three levels*/
#site-map .sitemap_column ul li a { font-size:15px; }
#site-map .sitemap_column ul li ul { padding-bottom:14px; }
#site-map .sitemap_column ul li ul li a { font-size:13px; }
/*404*/
.error404 .two-col-right .article { width:600px; }
.error404 .two-col-right .aside { width:310px; }
.error404 .two-col-right .aside p { width:160px; }

/* New Projects & Casestudies */

ul.grid-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    text-indent: 0;
}

ul.grid-list li {
    display: block;    
    background: url('/essence/images/projects/project-bg.png') no-repeat top left;
    width: 184px;
    height: 184px;
    margin: 0 0 3px 3px;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    float: left;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;    
}

ul.grid-list li.iscasestudy {
    background: url('/essence/images/projects/project-group-bg.png') no-repeat top left;
}

ul.grid-list li a {
    display: block;
    margin: 0;
    padding: 13px 19px 13px 13px;
    width: 152px;
    height: 158px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

ul.grid-list li.iscasestudy p {
    background: url('/essence/images/projects/case-study.png') no-repeat top left;
    width: 97px;
    height: 26px;
    position: absolute;
    top: 65px;
    left: 3px;
    text-indent: -999px;
}

ul.grid-list li:hover {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
}

ul.grid-list li a img {
    border: 1px solid #efefef;
    margin: 0 0 6px;
    padding: 0;
}

ul.grid-list li a h2 {
    color: #555;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 18px;
}

ul.grid-list li a:hover h2 {
    color: #000;
}

ul.grid-list li a h2 span {
    text-indent: 0;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul.toggle-menu {
    margin: 0 0 0 5px;
    padding: 0;
    text-indent: 0;
    background: #3e3e3e url('/essence/images/projects/toggle-menu-bg.png') repeat-x top left;
    border: 1px solid #3e3e3e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float: left;
}

ul.toggle-menu li {
    margin: 0;
    padding: 3px !important;
    background: none;
    float: left;
}

ul.toggle-menu li a {
    margin: 0;
    padding: 5px 10px 4px;
    float: left;
    line-height: 1em;
    color: #e4e4e4;
    font-family: 'ChaparralProBold';
    font-size: 16px;
    font-weight: normal;
}

ul.toggle-menu li a.active {
    background: #558636;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
}

div.projects-filter-bar {
    padding: 5px 0 0 0;
}

#projects div.projects-filter-bar .pagination {
    padding: 10px 0 0 0;
}

span.page-divider {
    clear: both;
    border: none;
    background: url("/essence/images/sep-full.gif") repeat-x;
    padding: 0;
    margin: 15px 0;
    display: block;
    height: 1px;
}

#project-main-panel {
    padding: 20px;
}

#projects .project-header {   
}

#projects .project-header .case-study {
    background: url('/essence/images/projects/case-study.png') no-repeat top left;
    width: 97px;
    height: 26px;
    position: relative;
    left: -20px;
    display: inline;
    text-indent: -999px;
    float: left;
    margin-bottom: 10px;
}

#projects .project-header .awards {
    padding: 4px 0;
    margin-bottom: 10px;
    float: left;
}

#projects .project-header .awards span {
    background: url('/essence/images/projects/award-trophy.png') no-repeat 0 50%;
    width: 22px;
    height: 22px;
    text-indent: -999px;
    float: left;
    margin-right: 5px;
    margin-top: -2px;
    display: inline;
}

#projects .project-content {}

#projects .project-content .sub-content {
    width: 270px;
    float: left;
    margin-right: 13px;
    height: 480px;
    position: relative;
}

#projects .scrollable-panel .viewport { width: 250px; height: 480px; overflow: hidden; position: relative; }
#projects .scrollable-panel .overview { list-style: none; position: absolute; left: 0; top: 0; }
#projects .scrollable-panel .overview p.feature { font-size: 30px !important; }
#projects .scrollable-panel .thumb .end,
#projects .scrollable-panel .thumb { background: transparent url('/essence/images/scroll/scroll-handle.png') repeat-y top left; }
#projects .scrollable-panel .scrollbar { position: absolute; width: 11px; top: 0; right: 0; z-index: 999; }
#projects .scrollable-panel .bottom { background: transparent url('/essence/images/scroll/scroll-bg.png') no-repeat bottom left; position: absolute; width: 11px; height: 5px; bottom: -5px; right: 0; }
#projects .scrollable-panel .track { background: transparent url('/essence/images/scroll/scroll-bg.png') repeat-y top left; height: 100%; width: 11px; position: relative; padding: 0; }
#projects .scrollable-panel .thumb { height: 20px; width: 13px; cursor: pointer; position: absolute; top: 0; }
#projects .scrollable-panel .thumb .end { background: transparent url('/essence/images/scroll/scroll-handle.png') no-repeat bottom left; overflow: hidden; height: 20px; width: 11px; position: absolute; bottom: -5px; left: 0; }
#projects .scrollable-panel .disable{ display: none; }

#projects .project-content .sub-menu {
    margin: 10px 0 20px;
    padding: 0;
    text-indent: 0;    
}

#projects .project-content .sub-menu li {
    background: none;
    text-indent: 0;
    margin: 0;
    padding: 0;
    display: inline;
}

#projects .project-content .sub-menu li.first a {
    margin: 0;
    padding: 0;
    border: none;
}

#projects .project-content .sub-menu li a {
    padding: 0 0 0 10px;
    margin: 0 0 0 7px;
    border-left: 1px solid #595959;
}

#projects .project-content h2 {
    font-family: 'ChaparralProBold';
    line-height: 35px;
    font-weight: normal;
    font-size: 30px;
}

#projects .project-content h3 {
    font-size: 24px;
}

#projects .project-content .feature-content {
    width: 640px;
    float: left;
}

#projects .project-content .feature-content .slideshow-stage {
    width: 640px;
    height: 390px;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    background: #000 url('/essence/images/projects/ajax-loader.gif') no-repeat 50% 50%;
}

#projects .project-content .feature-content .slideshow-stage ul {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

#projects .project-content .feature-content .slideshow-stage li {
    width: 640px;
    height: 390px;    
    background: transparent none no-repeat 50% 50%;
    text-indent: 0;
    margin: 0;
    padding: 0;
    float: left;
    display: none;    
}

#projects .project-content .feature-content .slideshow-stage li.active {
    display: block;
}

#projects .project-content .feature-content .slideshow {
    width: 640px;
    height: 83px;
    position: relative;
}

#projects .project-content .feature-content .slideshow a.btn {    
    margin: 0;
    padding: 0;
    text-indent: -999px;
    display: block;
    width: 20px;
    height: 83px;
    position: absolute;
    top: 0;
}

#projects .project-content .feature-content .slideshow a.next-btn {
    right: 0;
    background: transparent url('/essence/images/projects/right-arrow-active.png') no-repeat top left;
}

#projects .project-content .feature-content .slideshow a.prev-btn {
    left: 0;
    background: transparent url('/essence/images/projects/left-arrow-active.png') no-repeat top left;
}

#projects .project-content .feature-content .slideshow a.next-btn-inactive { background-image: url('/essence/images/projects/right-arrow.png'); }
#projects .project-content .feature-content .slideshow a.prev-btn-inactive { background-image: url('/essence/images/projects/left-arrow.png'); }

#projects .project-content .feature-content .slideshow .slideshow-items {
    margin: 0 20px;
    background: #efefef;
    width: 600px;
    height: 83px;
    overflow: hidden;
    position: relative;
}

#projects .project-content .feature-content .slideshow ul {
    text-indent: 0;
    margin: 0;
    padding: 0;
    width: 2000px;
    position: absolute;
    top: 0;
    left: 0;
}

#projects .project-content .feature-content .slideshow li {
    float: left;
    background: none;
    text-indent: 0;
    margin: 0;
    padding: 0;
}

#projects .project-content .feature-content .slideshow li a {
    background: #fff;
    margin: 0;
    padding: 12px;
    display: block;
    border-right: 1px solid #efefef;
}

#projects .project-content .feature-content .slideshow li a:hover {
    background: #ccc;
}

#projects .project-content .feature-content .slideshow li.active a {
    background: #ffd11c;
}

#projects .project-content .feature-content .slideshow li a img {
    margin: 0;
    padding: 0;
}

#projects .extra-content {
    background: transparent url("../../essence/images/box-bk.png") repeat;
    clear: both;
    padding: 20px;
    position: relative;
    zoom: 1;
}

#projects .related-content .picture-list li a {
    cursor: pointer;
}

#projects .related-content .picture-list li {
    width: 130px;
    float: left;
    background: none;
    padding: 10px 20px 0 0;
    overflow: visible;
    cursor: none;
}

#projects .related-content .picture-list li dl {
    display: block;
    clear: both;
    font-size: 12px;
}

#projects .related-content .picture-list li .figure {
    color: #d6d6d6;
    display: block;
    margin-bottom: 5px;
}

#projects .related-content .picture-list li dl dt {
    color: #d6d6d6;
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}

#projects .related-content .picture-list li dl dd {
    color: #fff;
    display: block;
    padding: 0;
}

#projects .related-content .picture-list li.first {
    width: 355px;
}

#projects .related-content .picture-list li.first .figure {
    width: 141px;
    height: 89px;
    float: left;
}

#projects .related-content .picture-list li.first .figure img {
    width: 135px;
    height: 85px;
}

#projects .related-content .picture-list li.first .figure span {
    background: transparent url("../../essence/images/bord-139.png") no-repeat 2px 0;
}

#projects .related-content .picture-list li.first dl {
    width: 200px;
    float: left;
    clear: none;
}

#projects .related-content .picture-list li.first dl dt {
    padding: 0 0 5px 0;
}

#projects .related-content .picture-list li.first dl dd {
    font-weight: bold;
    font-size: 16px;
}

#projects .related-content .picture-list li dl dd.quote {
    padding: 10px 0 0 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}

#projects .extra-content .related-content {
    width: 700px;
    float: left;
}

#projects .extra-content .related-tags {
    width: 180px;
    float: right;
    background: transparent url("../../essence/images/sep-vert.png") repeat-y 0 0;
    padding-left: 40px;
}

#projects .extra-content .related-tags li a {
    display: block;
    padding: 0 0 10px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}