/* Layout */
.wrapper {margin:auto 60px; position:relative;}
#doc3 {max-width:1100px; margin:0 auto;}
.large-top-spacing {padding-top:320px!important;}
.top-spacing {padding-top:35px!important;}
.bottom-spacing {padding-bottom:30px!important;}
.clear {*zoom:1;}
.clear:after {content:"."; display:block; height:0; width:0; overflow:hidden; clear:both; visibility:hidden;}

/* Feature */
BODY {background:transparent none no-repeat 50% 0;}
#flashFeature {position:absolute; left:0; top:0; z-index:0;}
#bd, #hd, #ft {position:relative; z-index:1;}
#bd {z-index:2;}
.feature {height:350px; padding:0;}
.feature A {display:block; height:350px;}
.feature-left IMG {float:left;}
.feature-center IMG {margin:0 auto;}
.feature-right IMG {float:right;}

/* Content */
.content {color:#787878;}
.content A {color:#ef3b1d; text-decoration:none;}
.content A:hover, #formTrigger:hover {color:#ec6d0a;}
.content H1 A, .content H2 A {color:#5c5c4f;}
.content H1, .content H2.large-title, .content P.large-title {color:#5c5c4f; font-size:167%; padding-bottom:10px;}
.content H2, .content H1.title, .content P.title, .content SPAN.title, LABEL {color:#5c5c4f; font-size:131%; padding:5px 0;}
.content H3 {font-size:116%; color:#5c5c4f; padding-bottom:5px;}
.content H4 {font-size:108%; color:#5c5c4f; padding-bottom:5px;}
.content P.small-title, .content SPAN.small-title {color:#5c5c4f; font-size:85%;}
.content P {padding:0 0 22px; line-height:1.5em;}
.content P STRONG {font-weight:bold;}
.content P EM {font-style:italic;}
.content .image-center IMG {clear:both; float:none; width:auto; margin:20px auto;}
.content .image-left IMG {float:left; margin:0 10px 5px 0;}
.content .image-right IMG {float:right; margin:0 0 5px 10px;}
.content .image IMG {clear:both; float:none; width:100%; margin:0 auto 0;}
.content .rss-feed .image-top IMG {height:60px; margin:0 0 10px 0;}
.content .rss-feed .image-left IMG {width:80px; margin:0 10px 0 0; float:left; clear:none;}
.content .rss-feed .secondary {float:left;}
.content .image BR, .content .image-left BR, .content .image-right BR {display:none;} 
.content .image EM, .content .image-left EM, .content .image-right EM {display:block; margin-bottom:10px;}
.who-we-are .box .content .image IMG, .what-we-do .box .content .image IMG {max-width:285px;} /* preventing pixelisation */
.content .small-margin IMG {margin:0 auto 5px;}
.content P.quote, DIV.quote {background:url('/static/site/graphics/icons-sprite.png') 30px -700px no-repeat; padding:0 30px 0 0;}
.content P.quote EM, DIV.quote .inner {display:block; font-style:italic; background:url('/static/site/graphics/icons-sprite.png') 100% -1001px no-repeat; padding:14px 0 10px 80px; font-size:123.1%; color:#5c5c4f;}
.content P.quote STRONG {font-size:93%; font-weight:normal; display:block; padding:0px 80px 30px;}
.content UL, .content OL {margin-bottom:15px;}
.content UL UL, .content OL UL, .content UL OL, .content OL OL {margin:8px 15px 17px 0;}
.content UL LI {list-style:disc; margin:0 0 5px 15px; padding-left:5px;}
.content OL LI {list-style:decimal; margin:0 0 5px 19px;}
.content TABLE {border-top:1px solid #DBDFDE; margin-top:25px;}
.content CAPTION {padding:0 0 10px 0; font-size:167%;}
.content TR {border-bottom:1px solid #DBDFDE;}
.content TH {text-align:left; padding:15px 20px 15px 0; font-size:131%;}
.content TD {padding:15px 20px 10px 0;}
.content TD P {padding:0 0 5px 0;}

/* Page overrides*/
.space-right {padding-right:5px;}
.space-left {padding-left:5px;}
.what-we-do .promos {margin-top:20px;}
.client-item .top-spacing {padding-top:20px!important;}
.industry-insight SPAN.title {display:block; margin-top:8px;}
.industry-insight .seperator {font-size:70%; color:#646464; position:relative; top:-3px;}
.industry-insight .insight-text {padding-top:30px;}
.extra-top-space {margin-top:10px;}
.content P.news-item-title {padding-bottom:10px;}
.we-are-here .divider {margin-top:0;}

.rss {background:url('/static/site/graphics/icons-sprite.png') no-repeat; _background:url('/static/site/graphics/icons-sprite.gif') no-repeat; padding-left:16px; background-position:0 -1213px;}
.divider {margin-top:20px; padding-top:30px; border-top:1px solid #DBDFDE;}

/* Click Area */
.click-area-hover {cursor:pointer;}
.click-area-hover .content, P.click-area-hover {color:#999;}
.click-area-hover .content A, P.click-area-hover A, .click-area-hover H1 A, .click-area-hover H2 A  {color:#ec6d0a;}
.click-area-hover IMG, P.click-area-hover IMG {opacity:0.8; *filter:alpha(opacity=80);}
.click-area-hover .content {background:url('/static/site/graphics/55pc-transparent.png')!important; _background:none!important; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/55pc-transparent.png', sizingMethod='scale');}

/* Side Menu */
UL.menu LI {list-style:none; margin:0;}
.content .menu LI A {display:block; color:#ef3b1d; padding:0 0 0 13px; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') -1587px 50% no-repeat;}
.menu LI A:hover {background-color:#ec6d0a; color:#ec6d0a;}
.menu LI A SPAN {display:block; background:#FFF; padding:10px 0 10px 15px;}
.menu .indent {display:block; padding-left:28px;}

/* Arrows */
.forward-arrow {padding-top:0!important;}
.content .forward-arrow A {color:#ef3b1d; float:left; padding:0 23px 0 0; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') 100% 50% no-repeat;}
.forward-arrow A:hover {background-color:#ec6d0a; color:#ec6d0a;}
.content .back-arrow A {color:#ef3b1d; display:block; padding:0 0 0 23px; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') 0 50% no-repeat;}
.back-arrow A:hover {background-color:#ec6d0a; color:#ec6d0a;}
H2.down-arrow SPAN {float:left; cursor:pointer; display:block; padding:0 23px 0 0; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') 50% 100% no-repeat;}
.comments H2.down-arrow SPAN {background-position:46.5% 100%; padding-right:35px;}
H2.down-arrow SPAN:hover {background-color:#ec6d0a; color:#ec6d0a!important;}
.arrow-align-right {float:right;}

/* Comments */
.comments {}
.comments H2 {margin-bottom:20px;}
.comments .comment {margin-bottom:10px; border-top:1px solid #CBCFCE; padding-top:20px;}
.comments .small-title {margin-top:-20px;}

/* Paging */
.paging {position:absolute; left:50%; width:750px; margin-left:-375px;}
.paging A {font-size:131%; zoom:1; text-align:center; text-decoration:none; color:#5c5c4f; display:block; padding:0 0 20px; margin:0; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') 50% 100% no-repeat;}
.paging A:hover {background-color:#ec6d0a; color:#ec6d0a;}
.paging A IMG {display:inline; margin:0px;}
BODY.ajax .paging .previous { display: none; }

/* Accordions */
#accordion {margin-top:-15px; margin-left:10px;}
.accordion-content .rss-date {display:block; margin-bottom:10px; text-transform:capitalize;}
.accordion-content .click-area STRONG {display:block;}
#accordion H1 { cursor: pointer; width: 100%; }
.accordion-section {border-bottom: 1px solid #eee;}
#accordion .expanded H1 {padding:15px 0; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') 100% 0 no-repeat!important;}
#accordion .collapsed H1 {padding:15px 0; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') 100% 100% no-repeat;}
#accordion .collapsed H1:hover {background-color:#ec6d0a; color:#ec6d0a;;}

/* Client bar */
#clientBar {height:80px; margin-top:10px;}
#clientBar .paginator {margin:0 35px;}
#clientBar .paginator-controls .pages {display:none;}
#clientBar .paginator-controls .previous, #clientBar .paginator-controls .next {position:relative; width:15px;  text-indent:-999px; height:100px; overflow:hidden; cursor:pointer; background:#CBCFCE url('/static/site/graphics/arrows-sprite.png') -1585px 50% no-repeat;}
#clientBar .paginator-controls .previous {float:left; background-position:0 50%;}
#clientBar .paginator-controls .next {float:right;}
#clientBar .paginator-controls .hovered {background-color:#ef3b1d;}
#clientBar .paginator-controls .disabled {background:#FFF; cursor:default;}
#clientBar .client {display:block; float:left; width:24%; overflow:hidden;}
#clientBar .client .image-center {display:block; margin:0;}
#clientBar A:hover IMG {opacity:0.8; *filter:alpha(opacity=80);}


/* Boxes */
.box {padding:0 0 4px; border-width:0 0 6px; border-style:solid;}
.box .content H2.large-title {padding-bottom:10px;}
.orange {border-color:#ec6d0a;}
.green {border-color:#5c5c4f;}
.beige {border-color:#d2d2ae;}
.grey {border-color:#CBCFCE; padding:0; border-width:0 0 5px;}
.box .content {border:1px solid #DBDFDE; background:url('/static/site/graphics/50pc-transparent.png'); _background:none!important; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/50pc-transparent.png', sizingMethod='scale'); padding:15px 15px 0 15px; min-height:200px; _height:170px;}
.who-we-are .box .content {_height:420px;}
.box-hover .content {border:1px solid #A2A2A2;}

/* Overlays */
.whats-this-overlay { width: 800px !important; }
.overlay-content {text-align:left;}
.overlay-container .close-button { position: absolute; right: 80px; top: 80px; z-index: 50000; width: 26px; height: 0; padding: 26px 0 0; overflow: hidden; cursor: pointer; background: url('/static/site/graphics/close-button.gif') left top no-repeat; }

/* Panel */
.panel {display:block; position:relative; margin:0 auto; z-index:1; margin-left:80px; margin-bottom:80px;}
.panel .panel-c, .panel .panel-t, .panel .panel-b, .panel .panel-b DIV {display:block; background:transparent url('/static/site/graphics/overlay.png') no-repeat right top; _background-image:url('/static/site/graphics/overlay-ie6.png');}
.panel .panel-c {position:relative; zoom:1; _overflow-y:hidden; padding:80px 80px 0 0;}
.panel .panel-t {position:absolute; left:0px; top:0px; width:80px; margin-left:-80px; height:100%; _height:1600px; background-position:left top;}
.panel .panel-b {position:relative; width:100%;}
.panel .panel-b, .panel .panel-b DIV {display:block; height:80px; font-size:1px;}
.panel .panel-b {background-position:right bottom; text-align:left;}
.panel .panel-b DIV {position:relative; width:80px; margin-left:-80px; background-position:left bottom;}

/* Forms */
#commentForm .large-title {margin:-10px 0 20px;}

FORM P {clear:both; margin-bottom:10px;}
FORM P {zoom:1;}
FORM P:after {content:"."; display:block; height:0; width:0; overflow:hidden; clear:both; visibility:hidden;}
.fieldlabel {display:block; padding:0 0 5px;}
.text, .textarea, .textareasmall, .password {width:75%; font-size:131%; padding:3px; border:1px solid #CBCFCE; color:#676767;}
TEXTAREA, TEXTAREA.textarea {height:250px;}
.short-field .text, .short-field .password {width:60px;}
.select {border:1px solid #A1A1A1;}
.radio, .checkbox, .checkbox-option {float:left; clear:left; margin:10px 5px 0 0;}
.fieldcontrol LABEL {display:block; float:left; margin:3px 0 0 0;} /* Labels for radio buttons */
.fieldrequired {color:#CC3333;}
.fieldcontrol {display:block; width:75%;}
.help {font-size:90%;}
INPUT.submit, INPUT.submit-hover {color:#ef3b1d; cursor:pointer; border:none; background:none; font-size:167%; padding-bottom:5px;}
INPUT.submit:hover, INPUT.submit-hover {color:#ec6d0a;}
#commentForm H2, #commentForm LABEL, #commentForm .submit { text-transform: lowercase; }
.field {padding:0 0 15px;}
.alternate-url {display:none;}

/* sIFR */
.sIFR-alternate {height:0; display:none; overflow:hidden;}

/* hidden spam filter field */
.alt-field {display:none;}

/* Twitter Feed */
#twitterFeed .twitter-list {margin-top:0.5em;}
#twitterFeed A:hover, #twitterFeed A:focus {color:#ec6d0a;}
#twitterFeed A:focus {text-decoration:underline;}
#twitterFeed H2 {text-transform:lowercase; margin-top:1em;}
#twitterFeed H3 {margin-bottom:1em;}
#twitterFeedInner {text-align:left;}
#twitterFeed .twitter-item {padding:11px 0 10px 0; background:url('/static/site/graphics/twitter/dots.png') repeat-x 0 0;}
#twitterFeed .twitter-item A.twitter-image-holder {float:left; margin-right:10px; background:#fff;}
#twitterFeed .twitter-item A.twitter-image-holder IMG {border-bottom:2px solid #fafafa;}
#twitterFeed .twitter-item A.twitter-image-holder:hover IMG, #twitterFeed .twitter-item A.twitter-image-holder:focus IMG {opacity:0.7;}
#twitterFeed .twitter-item A.twitter-image-holder:focus IMG {border-color:#ec6d0a;}
#twitterFeed .twitter-item .twitter-info {float:left;}
#twitterFeed .twitter-item .twitter-info A:focus {text-decoration:underline;}
.twitter-item P {padding:0;}
#twitterFeed .follow-link {margin:0; _margin-bottom:2px; padding:1px 0 0 0; background:url('/static/site/graphics/twitter/dots.png') repeat-x 0 0; _position:relative;}
#twitterFeed .follow-link A {position:relative; display:block; background:#EEEEEC url('/static/site/graphics/twitter/follow-link.png') repeat-x; padding:3px 5px; padding:0 0 28px;}	 
#twitterFeed .follow-link A STRONG {position:absolute; z-index:10; right:10px; font-size:93%; font-weight:bold; text-decoration:underline; background:url('/static/site/graphics/twitter/bird.png') no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/twitter/bird.png', sizingMethod='crop'); padding-left:40px; padding-top:10px; padding-bottom:12px; margin-top:-4px; cursor:pointer;}

#twitterFeed.js {width:335px; position:fixed; _position:absolute; top:175px; right:0; z-index:100; overflow:hidden; *zoom:1;}
#twitterFeed.js #twitterFeedInner, #twitterFeed.js .footer {background:url('/static/site/graphics/twitter/panel.png') no-repeat 25px 0; _background-image:url('/static/site/graphics/twitter/panel-ie6.png');}
#twitterFeed.js #twitterFeedInner {padding:12px 17px 1px 64px; width:254px; overflow:hidden; position:relative;}
#twitterFeed.js .footer {width:335px; height:17px; background-position:25px 100%;}
#twitterFeed.js .twitter-list-container {background:#fafafa;}
#twitterFeed.js .twitter-item {padding:4px 0 6px 0;}

#twitterFeed.js H2 {text-transform:capitalize; font-size:100%; font-weight:bold; margin-top:0;} 
#twitterFeed.js P {font-size:90%;}
#twitterFeed.js .twitter-info {width:190px;}
#twitterFeed.js UL.toggles LI {background:url('/static/site/graphics/twitter/arrows.png') 0 3px no-repeat; display:inline; list-style:none; margin:0; padding:0 10px 0 14px; font-weight:bold; font-size:100%; cursor:pointer;}
#twitterFeed.js UL.toggles LI.selected, #twitterFeed.js UL.toggles LI:hover {color:#ec6d0a;}
#twitterFeed.js UL.toggles LI:hover {text-decoration:underline;}
#twitterFeed.js UL.toggles LI.selected {cursor:default; background-position:0 -287px; text-decoration:none;}

#twitterFeed.js .control, #twitterFeed.js .close {display:block; text-indent:-9999px; position:absolute; overflow:hidden; cursor:pointer; outline:none; z-index:2;}

#twitterFeed.js .close {width:57px; height:24px; top:10px; right:6px; background:url('/static/site/graphics/twitter/close-button.png') no-repeat 0 0;}
#twitterFeed.js .close:hover, #twitterFeed.js .close:focus {background-position:0 -24px;}

#twitterFeed.js .control {background:url('/static/site/graphics/twitter/buttons.png') no-repeat 0 0; _background-image:url('/static/site/graphics/twitter/buttons-ie6.png');}
#twitterFeed.js .control {position:absolute; width:45px; height:125px; left:0; top:50%; margin-top:-63px; *top:0; *margin-top:40px;}
#twitterFeed.js .control:hover, #twitterFeed.js .control:focus {background-position:-45px 0;}

.iPhone {clear:left;}
.iPhone .caseStudy {border-top:1px solid #CBCFCE; clear:both; padding:30px 0 20px 0; margin:30px 0;}
.iPhone .summary {float:left; margin-top:5px;}
.iPhone IMG {float:left; margin-right:40px;}