html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {line-height:1}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}

nav ul {list-style:none}

blockquote,q {quotes:none}

blockquote:before,blockquote:after,q:before,q:after {content:'';
content:none}

a {margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
outline:0}

del {text-decoration:line-through}

table {border-collapse:collapse;
border-spacing:0}

hr {display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0}

input,select {vertical-align:middle}

.ir,.btn-plus-more {display:block;
text-indent:-999em;
overflow:hidden;
background-repeat:no-repeat}

.hidden {display:none;
visibility:hidden}

.visuallyhidden {position:absolute !important;
clip:rect(1px 1px 1px 1px);
clip:rect(1px, 1px, 1px, 1px)}

.invisible {visibility:hidden}

.clearfix:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.clearfix {display:inline-block}

* html .clearfix {height:1%}

.clearfix {display:block}

html {overflow-y:scroll;
overflow-x:hidden}

html.small {overflow-x:scroll}

body {font:14px Arial,Helvetica,sans-serif;
color:#fefefe;
background:#0e0e0e;
overflow-x:hidden;
width:100%}

.small body {width:1024px}

a {text-decoration:none;
color:#00c2f3;
cursor:pointer}

a:active {position:relative;
top:1px}

a:hover {color:#fff}

ul {list-style:none}

sup {position:relative;
top:-10px;
left:-6px;
font-size:35%;
text-transform:uppercase}

.wrapper {width:980px;
margin:0 auto;
position:relative;
z-index:20}

.internal {background:#0e0e0e url("../img/bg-internal.jpg") 50% top no-repeat;
*background-position:left top}

.internal #BLITZ.wrapper {min-height:1000px}

.internal #main {float:left;
margin-top:20px}

.error404 {background-image:url("../img/bg-404.jpg")}

#bg-internal {width:1600px;
height:1000px;
position:absolute;
left:50%;
margin-left:-800px;
overflow:hidden}

.is_mobile #bg-internal {width:1312px}

.small #bg-internal {width:1312px}

#bg-internal .bg {background:url("../img/bg-internal.jpg");
width:1600px;
height:1000px}

.small #bg-internal .bg {width:1312px}

.ui-sprite,.btn-plus-more,.btn-x,.btn-external,#tweetbar,#tweetbar .tweeter,#tweetbar-min,#tweetbar-min .tweeter,#header h1,#footer .footer-wrap #fb-friend-promo,#footer .footer-wrap #fb-friend-promo-thanks,#footer .footer-wrap #newsletter-promo,#footer .footer-wrap #newsletter-promo .btn-newsletter,#footer .footer-wrap #newsletter-promo #newsletter-form,#footer .footer-wrap #newsletter-promo #newsletter-form .middle h3,#footer .footer-wrap #newsletter-promo #newsletter-form .middle h6,#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .btn-close,#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .btn-submit,#footer .footer-wrap #newsletter-promo #newsletter-form .middle .newsletter-confirmation h3,#footer .footer-wrap #newsletter-promo #newsletter-form .middle .newsletter-confirmation .btn-close,#footer .footer-wrap #newsletter-promo #newsletter-form .bottom,#footer .footer-wrap #social-networks .also,#footer .footer-wrap #logo-farm,.circle-icon,.social-facebook,.social-twitter,.social-youtube,.social-linkedin,.social-rss,.vcard .org,#contact .footer .contact-info .vcard .org {background:url("../img/sprite.png") no-repeat}

.btn-plus-more {background-position:0 -107px;
width:24px;
height:24px;
float:right;
margin:-5px 0 0 5px}

.btn-plus-more.small {background-position:-36px -107px;
width:15px;
height:15px}

.btn-x {background-position:-58px -108px;
width:21px;
height:21px;
display:inline-block;
margin:-4px 0 0 5px}

.btn-external {background-position:-92px -108px;
width:24px;
height:24px;
display:inline-block;
margin:-4px 0 0 3px;
float:right}

.big-box {position:relative;
background:url("../img/bg-big-box.png") no-repeat;
width:1030px;
height:390px;
left:-34px}

.blue,#footer .footer-wrap ul li ul li.title {color:#00c2f3}

.red,#header #nav-secondary li a.red {color:#ff143f}

#tweetbar {position:absolute;
float:right;
top:20px;
height:45px;
background-position:100% -400px;
display:block;
width:100%;
z-index:5;
*left:0}

#tweetbar .bar {float:left;
height:100%;
display:block;
padding:6px 0 0 52px;
width:925px;
position:relative}

#tweetbar .tweeter {background-position:-8px -456px;
width:25px;
height:18px;
display:block;
position:absolute;
top:6px;
left:8px}

#tweetbar .tweet {color:#a8adb2;
float:left;
margin:0 10px 0 0;
line-height:20px;
font-size:12px}

#tweetbar .timestamp {text-transform:uppercase;
float:left;
font-size:10px;
line-height:20px}

#tweetbar .timestamp a {color:#ff143f}

#tweetbar .btn-close {position:absolute;
right:-1px;
color:#fff;
text-transform:uppercase;
top:7px;
font-weight:bold;
line-height:15px;
font-size:11px}

#tweetbar .btn-close span {float:left}

#tweetbar .btn-close .btn-x {margin-left:3px}

#tweetbar .btn-close:hover {color:#ff143f}

#tweetbar .btn-close:active {top:8px}

#tweetbar-min {background-position:0 -320px;
position:absolute;
right:0;
width:56px;
height:49px;
top:-70px}

#tweetbar-min .tweeter {background-position:-8px -456px;
width:25px;
height:18px;
display:block;
position:absolute;
top:24px;
left:-1px}

#tweetbar-min .tweeter.over {-webkit-animation:"tweeter-over" 0.3s linear;
-webkit-animation-iteration-count:infinite;
-webkit-animation-delay:0.05s}

#tweetbar-min .btn-close {right:3px;
top:24px;
position:absolute}

#tweetbar-min .btn-close:active {top:25px}

@-webkit-keyframes tweeter-over {50%{-webkit-transform:rotateZ(4deg)}

100% {-webkit-transform:rotateZ(-4deg)}

}

#header {float:left;
margin-top:78px;
width:100%;
position:relative}

#header h1 {float:left;
width:135px;
height:35px}

#header h1 a {display:block;
height:100%}

#header .logo-beta {font-size:10px;
color:#b7c0cc;
font-weight:bold;
text-transform:uppercase;
position:absolute;
left:108px;
top:26px;
display:block}

#header .ie7 #nav-main {float:left;
margin:0 0 0 29px;
font-size:12.5px}

.cufon-active #header .ie7 #nav-main {font-size:14px}

#header .ie7 #nav-main li {background:url("../img/sprite.png") no-repeat 0 -234px;
float:left;
display:inline-block;
margin-right:15px;
height:31px}

#header .ie7 #nav-main li.current,#header .ie7 #nav-main li.hover {background-position:0 -275px}

#header .ie7 #nav-main li.current a,#header .ie7 #nav-main li.hover a {background-position:100% -275px;
color:#fff}

#header .ie7 #nav-main li:active {position:relative;
top:1px}

#header .ie7 #nav-main li a {background:url("../img/sprite.png") no-repeat 100% -234px;
float:left;
text-transform:uppercase;
height:100%;
display:block;
padding:0 8px;
margin-right:-9px;
font-weight:bold;
line-height:30px}

#header .ie7 #nav-main li a:active {top:0}

#header .ie7 #nav-main li a:hover {color:#fff}

#header .ie8 #nav-main {float:left;
margin:0 0 0 29px;
font-size:12.5px}

.cufon-active #header .ie8 #nav-main {font-size:14px}

#header .ie8 #nav-main li {background:url("../img/sprite.png") no-repeat 0 -234px;
float:left;
display:inline-block;
margin-right:15px;
height:31px}

#header .ie8 #nav-main li.current,#header .ie8 #nav-main li.hover {background-position:0 -275px}

#header .ie8 #nav-main li.current a,#header .ie8 #nav-main li.hover a {background-position:100% -275px;
color:#fff}

#header .ie8 #nav-main li:active {position:relative;
top:1px}

#header .ie8 #nav-main li a {background:url("../img/sprite.png") no-repeat 100% -234px;
float:left;
text-transform:uppercase;
height:100%;
display:block;
padding:0 8px;
margin-right:-9px;
font-weight:bold;
line-height:30px}

#header .ie8 #nav-main li a:active {top:0}

#header .ie8 #nav-main li a:hover {color:#fff}

#header #nav-main {float:left;
margin:0 0 0 29px;
font-size:12.5px}

.cufon-active #header #nav-main {font-size:14px}

#header #nav-main li {background:rgba(154,218,250,0.1);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
float:left;
display:inline-block;
margin-right:6px;
height:31px}

#header #nav-main li.current,#header #nav-main li.hover {background:rgba(153,217,248,0.19)}

#header #nav-main li.current a,#header #nav-main li.hover a {color:#fff}

#header #nav-main li:active {position:relative;
top:1px}

#header #nav-main li a {float:left;
text-transform:uppercase;
height:100%;
display:block;
padding:0 8px;
padding-right:9px;
font-weight:bold;
line-height:30px}

#header #nav-main li a:active {top:0}

#header #nav-main li a:hover {color:#fff}

#header #nav-secondary {float:right;
margin:12px 0 0 0;
font-size:11px}

.cufon-active #header #nav-secondary {font-size:12px;
margin-top:10px}

#header #nav-secondary li {float:left;
margin-left:20px}

#header #nav-secondary li a {color:#00c2f3;
text-transform:uppercase;
font-weight:bold}

#header #nav-secondary li a:hover {color:#fff}

#header h2 {background:url("../img/sprite.png") no-repeat -287px 0;
float:right;
clear:both;
color:#a8adb2;
margin-top:3px;
width:163px;
height:25px;
color:#fff;
font-size:21px;
letter-spacing:-1px}

#header h2 sup {color:#a8adb2}

.is_mobile #footer .footer-wrap {overflow:hidden;
width:980px;
position:absolute;
margin-left:-490px;
left:50%}

.is_mobile #footer .footer-wrap .footer {width:1600px}

.is_mobile #footer .footer-wrap .footer .vcard p a {color:#7a7a7a}

.is_mobile #footer .footer-wrap .footer .vcard p a.tel {color:#00c2f3}

.is_mobile #footer .footer-wrap .footer #social-networks ul a {opacity:1}

#footer {float:left;
clear:both;
width:100%;
background:#0e0e0e}

#footer .footer-wrap .footer {background:#0e0e0e;
width:1600px;
height:694px;
position:relative;
left:50%;
margin-left:-800px;
font-size:11px}

#footer .footer-wrap .wrapper {padding-top:50px;
border-top:1px dotted #717171}

#footer .footer-wrap ul {float:left;
clear:both}

#footer .footer-wrap ul li {float:left;
line-height:18px}

#footer .footer-wrap ul li.contact-info {width:184px}

#footer .footer-wrap ul li ul {margin-left:0;
width:131px;
overflow:hidden}

#footer .footer-wrap ul li ul li {float:left;
clear:left}

#footer .footer-wrap ul li ul li.title {float:left;
margin:10px 0 20px 0;
font-size:14px}

#footer .footer-wrap ul li ul li.title a {color:#00c2f3}

#footer .footer-wrap ul li ul li a {color:#a8adb2}

#footer .footer-wrap ul li ul li a:hover {color:#fefefe}

#footer .footer-wrap .vcard {margin-right:45px}

#footer .footer-wrap a.contact-us {color:#a8adb2;
position:relative;
display:block;
margin-top:8px;
font-size:11px;
float:left;
clear:both}

#footer .footer-wrap a.contact-us:active {top:1px}

#footer .footer-wrap a.contact-us:hover {color:#ff143f}

#footer .footer-wrap a.contact-us span {float:left}

#footer .footer-wrap a.contact-us span.small {margin:1px 0 0 8px}

#footer .footer-wrap #fb-friend-promo {position:absolute;
background-position:0 -559px;
width:293px;
height:69px;
right:0;
overflow:hidden}

#footer .footer-wrap #fb-friend-promo #fb-friend-promo-inner {position:absolute;
left:3px;
top:5px;
width:289px;
height:62px;
overflow:hidden}

#footer .footer-wrap #fb-friend-promo iframe {border:0;
left:-1px;
width:289px;
overflow:hidden;
position:absolute;
height:62px}

#footer .footer-wrap #fb-friend-promo p {position:absolute;
top:44px;
left:52px;
color:#0e0e0e;
font-weight:bold}

#footer .footer-wrap #fb-friend-promo .btn-fb-like {position:absolute;
display:block;
color:#000;
height:29px;
width:54px;
line-height:26px;
right:12px;
text-align:center;
top:25px;
overflow:hidden}

#footer .footer-wrap #fb-friend-promo-thanks {position:absolute;
background-position:-380px -631px;
width:293px;
height:69px;
right:0;
display:none}

#footer .footer-wrap #fb-friend-promo-thanks p {position:absolute;
top:44px;
left:52px;
color:#0e0e0e;
font-weight:bold}

#footer .footer-wrap #newsletter-promo {position:absolute;
background-position:0 -630px;
width:293px;
height:69px;
right:0;
top:128px}

#footer .footer-wrap #newsletter-promo .message {color:#00c2f3;
font-size:9px;
position:absolute;
top:41px;
left:54px;
font-weight:bold;
word-spacing:-2px}

#footer .footer-wrap #newsletter-promo .btn-newsletter {background-position:-305px -630px;
width:59px;
height:30px;
right:8px;
display:block;
position:absolute;
top:21px;
text-align:center;
line-height:30px;
color:#fff}

#footer .footer-wrap #newsletter-promo .btn-newsletter:hover {background-position:-305px -667px}

#footer .footer-wrap #newsletter-promo .btn-newsletter:active {top:22px}

#footer .footer-wrap #newsletter-promo #newsletter-form {width:293px;
display:none;
background-position:0 -1060px;
float:left;
position:absolute;
z-index:2;
-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
box-shadow:0 0 5px rgba(0,0,0,0.5)}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle {width:253px;
background-color:#272727;
margin-top:9px;
float:left;
clear:both;
padding:11px 20px 20px 20px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .message {left:58px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle h3 {background-position:-480px 0;
width:250px;
height:25px;
float:left;
clear:both;
margin-bottom:35px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle h6 {background-position:-480px -35px;
width:60px;
height:15px;
float:left;
clear:both}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .btn-current-issue {float:right;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
color:#fff}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .btn-current-issue:hover {color:#ff143f}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form {float:left;
clear:both;
margin-top:10px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .field {margin-bottom:5px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form label {color:#fff}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form input {background:#3f3f3f;
width:233px;
height:34px;
position:relative}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .last {float:left;
clear:both;
margin-top:10px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .msg-required-fields,#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .msg-invalid-fields {width:120px;
margin-right:10px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .btn-close {background-position:-808px 0;
width:56px;
height:28px;
float:left;
text-indent:-9999px;
position:relative}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .btn-close:hover {background-position:-808px -35px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .btn-submit {background-position:-874px 0;
width:56px;
height:28px;
float:left;
clear:none;
text-indent:-9999px;
margin-left:10px;
cursor:pointer}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .btn-submit:hover {background-position:-874px -35px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .btn-submit:active {top:1px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle form .invalid input {width:229px;
height:30px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .newsletter-form {display:block;
float:left}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .newsletter-confirmation {display:none;
float:left;
height:343px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .newsletter-confirmation h3 {background-position:-380px -632px;
width:230px;
height:124px;
float:left;
margin-bottom:20px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .newsletter-confirmation .btn-close {background-position:-740px 0;
width:56px;
height:27px;
float:left;
clear:both;
text-indent:-9999px}

#footer .footer-wrap #newsletter-promo #newsletter-form .middle .newsletter-confirmation .btn-close:hover {background-position:-740px -34px}

#footer .footer-wrap #newsletter-promo #newsletter-form .bottom {background-position:0 -1050px;
width:293px;
height:9px;
float:left;
clear:both}

#footer .footer-wrap #social-networks {position:absolute;
width:295px;
height:68px;
right:0;
top:206px;
float:left}

#footer .footer-wrap #social-networks .also {background-position:0 -704px;
width:80px;
height:32px;
float:left;
margin-right:5px;
display:inline-block}

#footer .footer-wrap #social-networks ul {float:right;
display:inline-block;
clear:none}

#footer .footer-wrap #social-networks ul li {float:left;
margin-right:8px;
display:inline-block}

#footer .footer-wrap #social-networks ul li.last {margin-right:0}

#footer .footer-wrap #social-networks ul li a {opacity:0.9}

#footer .footer-wrap #social-networks ul li a:hover {opacity:1}

#footer .footer-wrap #logo-farm-wrapper {border-top:1px solid #182a33;
padding-top:40px;
position:absolute;
top:255px}

#footer .footer-wrap #logo-farm {background-position:0 -780px;
display:block;
height:237px;
width:980px}

#footer .footer-wrap #logo-farm h4 {float:left;
width:185px;
text-indent:-9999px}

#footer .footer-wrap #logo-farm ul {float:left;
clear:none;
width:795px;
margin-bottom:50px}

#footer .footer-wrap #logo-farm li {float:left;
width:160px;
height:60px}

#footer .footer-wrap #logo-farm li.logo-four-as {width:150px}

#footer .footer-wrap #logo-farm li.logo-soda {width:150px}

#footer .footer-wrap #logo-farm li.logo-adobe-agency-partner {width:125px}

#footer .footer-wrap #logo-farm li.logo-microsoft-agency-partner {width:110px}

#footer .footer-wrap #logo-farm li.logo-inc500 {width:130px}

#footer .footer-wrap #logo-farm li.logo-mintel {width:125px}

#footer .footer-wrap #logo-farm li.logo-ixda {width:115px;
clear:both}

#footer .footer-wrap #logo-farm li.logo-la-business-journal {width:150px;
height:65px}

#footer .footer-wrap #logo-farm li.logo-thinkla {width:125px;
height:65px}

#footer .footer-wrap #logo-farm li.logo-mix {width:90px}

#footer .footer-wrap #logo-farm li.logo-max {width:125px}

#footer .footer-wrap #logo-farm li.logo-fitc {width:85px}

#footer .footer-wrap #logo-farm li.logo-digital-hollywood {width:145px}

#footer .footer-wrap #logo-farm li.logo-berlin {width:145px}

#footer .footer-wrap #logo-farm li.logo-sxsw {width:125px}

#footer .footer-wrap #logo-farm li.logo-cannes {width:65px}

#footer .footer-wrap .footer-footer {position:absolute;
top:630px;
left:0;
color:#606366;
font-size:12px}

#footer .footer-wrap .footer-footer a {margin:0 10px;
color:#a8adb2}

#footer .footer-wrap .footer-footer a:hover {color:#fff}

.quote {float:left}

.quote .quote-box-wrapper {background:url("../img/sprite-quote.png") no-repeat 0 -29px;
float:left;
width:229px}

.quote .quote-box-wrapper .quote-box {background:url("../img/bg-quote-box.png") repeat;
width:182px;
float:left;
padding:22px 25px 30px 22px;
margin-top:4px}

.quote .quote-box-wrapper .quote-box-bottom {background:url("../img/sprite-quote.png") no-repeat;
float:left;
width:229px;
height:29px}

.quote .quote-box-wrapper img {margin-bottom:30px;
float:left}

.quote .quote-box-wrapper p {float:left;
clear:both;
font:16px Georgia,Times,serif;
font-style:italic;
line-height:23px;
color:#a8adb2}

.quote .author {font-size:15px;
color:#fff;
font-weight:bold;
margin:15px 10px 0 22px;
float:left;
clear:both;
width:190px}

.quote .author span {float:left;
clear:both}

.quote .author .meta {color:#404f5b;
display:block;
margin-top:10px;
font-size:12px;
line-height:16px}

.circle-icon {background-position:-820px -560px;
width:160px;
height:160px;
display:block;
margin:0 auto}

.circle-icon span {display:block;
width:160px;
height:160px;
background-repeat:no-repeat}

.circle-icon .icon-analytics {background-image:url("../img/icons/analytics.png")}

.circle-icon .icon-applications-and-ui {background-image:url("../img/icons/applications-and-ui.png")}

.circle-icon .icon-awareness {background-image:url("../img/icons/awareness.png")}

.circle-icon .icon-brand-destinations {background-image:url("../img/icons/brand-destinations.png")}

.circle-icon .icon-branding {background-image:url("../img/icons/branding.png")}

.circle-icon .icon-corporate-responsibility {background-image:url("../img/icons/corporate-responsibility.png")}

.circle-icon .icon-crux {background-image:url("../img/icons/crux.png")}

.circle-icon .icon-delivery-management {background-image:url("../img/icons/delivery-management.png")}

.circle-icon .icon-email-crm {background-image:url("../img/icons/email-crm.png")}

.circle-icon .icon-emerging-platforms {background-image:url("../img/icons/emerging-platforms.png")}

.circle-icon .icon-gaming {background-image:url("../img/icons/gaming.png")}

.circle-icon .icon-marketing-and-advertising {background-image:url("../img/icons/marketing-and-advertising.png")}

.circle-icon .icon-mobile {background-image:url("../img/icons/mobile.png")}

.circle-icon .icon-online-media {background-image:url("../img/icons/online-media.png")}

.circle-icon .icon-product-design {background-image:url("../img/icons/product-design.png")}

.circle-icon .icon-social-media {background-image:url("../img/icons/social-media.png")}

.circle-icon .icon-strategy-and-planning {background-image:url("../img/icons/strategy-and-planning.png")}

.circle-icon .icon-technology {background-image:url("../img/icons/technology.png")}

.circle-icon .icon-website-solutions {background-image:url("../img/icons/website-solutions.png")}

.social-facebook {background-position:-97px -704px;
display:block;
height:32px;
width:32px;
float:left}

.social-twitter {background-position:-138px -704px;
display:block;
height:32px;
width:32px;
float:left}

.social-youtube {background-position:-178px -704px;
display:block;
height:32px;
width:32px;
float:left}

.social-linkedin {background-position:-218px -704px;
display:block;
height:32px;
width:32px;
float:left}

.social-rss {background-position:-260px -704px;
display:block;
height:32px;
width:32px;
float:left}

.vcard {color:#7a7a7a}

.vcard .org {background-position:0 -55px;
width:137px;
height:35px;
color:#fefefe;
display:block;
margin-bottom:13px}

.vcard .adr {font-style:normal}

.vcard .adr .street-address {float:left}

.vcard .adr .street-address span {float:left;
clear:left;
display:block}

.vcard p {float:left;
clear:left}

form .field {float:left}

form .field input,form .field textarea {opacity:0.9;
-webkit-transition:opacity 0.25s linear;
-moz-transition:opacity 0.25s linear;
-o-transition:opacity 0.25s linear;
transition:opacity 0.25s linear;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;
box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px}

form .field input:focus,form .field textarea:focus {opacity:1}

.is_mobile form .field input,.is_mobile form .field textarea {-webkit-transition:none 0 linear;
-moz-transition:none 0 linear;
-o-transition:none 0 linear;
transition:none 0 linear}

form span.required {color:#00c2f3;
font-weight:bold}

form label {font:12px Georgia,Times,serif;
font-style:italic;
color:#fff;
float:left;
margin:0 0 2px 0}

form input,form textarea {float:left;
clear:left;
background:#243640;
border:0;
outline:none;
color:#fff;
font:12px Arial,Helvetica,sans-serif}

form input {width:203px;
height:35px;
padding:0 10px}

form textarea {width:435px;
height:109px;
line-height:20px;
padding:15px 10px 0 10px;
resize:none}

form .hidden {display:none}

form .msg-required-fields {color:#00c2f3}

form .msg-invalid-fields {color:#fff;
display:none}

form .msg-invalid-fields .invalid {color:#ff143f}

form .msg-required-fields,form .msg-invalid-fields {float:left;
clear:both;
font:12px Georgia,Times,serif;
font-style:italic}

form.frm-invalid .msg-required-fields {display:none}

form.frm-invalid .msg-invalid-fields {display:block}

form .invalid span.required {color:#ff143f}

form .invalid input {border:2px solid #ff143f;
height:31px;
width:201px;
padding-left:8px}

form .invalid textarea {border:2px solid #ff143f;
height:105px;
width:435px}

form input:-webkit-autofill {background-color:#243640 !important}

.modal {position:fixed;
top:15px;
left:50%;
z-index:1000;
display:none}

.is_mobile .modal {top:0}

#modal-overlay {height:1000px;
width:100%;
opacity:0.8;
filter:alpha(opacity=80);
left:0;
top:0;
position:fixed;
z-index:999;
background:#000 url("../img/transparent-gray.png") repeat;
display:none}

#nav-slider {width:980px;
height:123px;
float:left;
clear:both;
position:relative}

#nav-slider h2 {text-indent:-9999px;
float:left;
font-size:35px;
letter-spacing:-2px;
text-align:center;
width:265px;
height:100%;
line-height:120px}

#nav-slider .nav {float:left;
padding:0;
margin:0;
top:0;
left:0;
position:relative;
z-index:2}

#nav-slider .nav li {float:left}

#nav-slider .nav li a {text-indent:-9999px;
display:block;
width:139px;
height:122px;
border-left:1px solid #0e0e0e}

#nav-slider .title {background-repeat:no-repeat;
width:100%;
height:100%;
z-index:5;
position:relative}

#nav-slider .bg {position:absolute;
height:100px;
width:690px;
top:10px;
left:260px;
z-index:4}

#nav-slider .bg .blue,#nav-slider .bg #footer .footer-wrap ul li ul li.title,#footer .footer-wrap ul li ul #nav-slider .bg li.title {background:#00c2f3;
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:75px}

#nav-slider .bg .gray {width:138px;
height:25px;
display:block;
z-index:99;
position:relative;
background:#404f5b;
top:69px}

#nav-slider .bg .gray.selected {background:#fff}

#nav-slider .nav-slider-containment {position:absolute;
left:260px;
top:0;
margin-top:-13px;
width:715px}

#nav-slider .nav-slider-containment .nav-slider-arrow {background:url("../img/sprite-slider.png") no-repeat -144px 0;
width:22px;
height:10px;
display:block;
position:absolute;
z-index:5;
left:67px;
margin-left:0;
top:13px}

#nav-slider .nav-slider-containment .nav-slider {background:url("../img/sprite-slider.png") no-repeat 0 0;
width:138px;
height:179px;
z-index:4;
-webkit-transform:translate3d(0, 0, 0);
margin-left:7px}

#nav-slider .nav-slider-containment .nav-slider .handle {position:absolute;
bottom:0;
width:100%;
height:42px;
display:block;
cursor:url(../img/cursor-grab.gif),move}

#nav-slider .nav-slider-containment .nav-slider .handle.selected {cursor:url(../img/cursor-grabbing.gif),move}

#nav-slider .nav-slider-containment .nav-slider .handle .hover {position:absolute;
bottom:14px;
left:28px;
width:82px;
height:19px;
display:block;
z-index:8;
background:url("../img/sprite-slider.png") no-repeat -144px -146px;
opacity:0;
filter:alpha(opacity=0)}

.sprite-contact-ui,#contact,#contact h2,#contact .nav a,#contact .forms .checkbox-wrapper .checkbox,#contact .forms .btn-browse,#contact .forms .btn-submit,#contact .contact-confirmation h2,#contact .contact-confirmation p,#contact .contact-confirmation .btn-close,#contact .footer h3,#contact .footer .contact-info .btn-map,#contact .footer .social ul li a,#contact .bottom {background-image:url("../img/contact/sprite-contact.png");
background-repeat:no-repeat}

#contact {background-position:0 -403px;
position:absolute}

#contact .middle {background:#040509 url("../img/contact/bg-contact.png") repeat-x;
width:770px;
min-height:652px;
float:left;
clear:both;
margin-top:9px;
padding:40px 40px 0 40px;
position:relative}

#contact .btn-close {position:absolute;
top:17px;
right:20px;
color:#fff;
text-transform:uppercase;
font-size:12px;
font-weight:bold}

#contact .btn-close span {float:left}

#contact .btn-close:hover {color:#ff143f}

#contact .btn-close:active {top:18px}

#contact h2 {background-position:0 -185px;
width:250px;
height:35px;
margin-bottom:30px}

#contact .nav {float:left;
margin-left:-48px}

#contact .nav a {width:273px;
height:57px;
display:block;
text-indent:-9999px;
margin-bottom:3px}

#contact .nav .btn-inquire {background-position:-274px 0}

#contact .nav .btn-inquire.selected,#contact .nav .btn-inquire:hover {background-position:0 0}

#contact .nav .btn-hi {background-position:-274px -60px}

#contact .nav .btn-hi.selected,#contact .nav .btn-hi:hover {background-position:0 -60px}

#contact .nav .btn-resume {background-position:-274px -120px}

#contact .nav .btn-resume.selected,#contact .nav .btn-resume:hover {background-position:0 -120px}

#contact .forms {float:right;
margin-left:69px;
min-height:410px}

#contact .forms form {float:left;
width:472px;
position:relative;
display:none}

#contact .forms form.inquire {display:block}

#contact .forms .row {width:472px;
float:left;
margin-bottom:7px}

#contact .forms .row.last {margin-top:10px}

#contact .forms .field {margin-left:9px}

#contact .forms .checkbox-wrapper {float:left;
margin-left:9px}

#contact .forms .checkbox-wrapper .checkbox {background-position:-826px 0;
width:24px;
height:24px;
float:left;
margin-right:10px;
display:inline-block;
position:relative;
cursor:pointer}

#contact .forms .checkbox-wrapper .checkbox:active {top:1px}

#contact .forms .checkbox-wrapper .checkbox.checked {background-position:-826px -34px}

#contact .forms .checkbox-wrapper label {clear:none;
width:340px;
margin-left:0}

#contact .forms .field-file {position:relative}

#contact .forms .field-file .faux-file {position:absolute;
top:16px;
left:0;
z-index:1;
width:224px}

#contact .forms .field-file .faux-file input {width:130px;
margin-right:7px;
color:#fff}

#contact .forms .field-file .file {position:relative;
text-align:right;
opacity:0;
z-index:2;
cursor:pointer}

#contact .forms .field-file .file:hover+.faux-file .btn-browse {background-position:-590px -171px}

#contact .forms .invalid .faux-file input {width:126px}

#contact .forms .btn-browse {float:right;
clear:none;
background-position:-590px -131px;
background-color:transparent;
width:66px;
height:34px;
text-indent:-9999px;
position:relative;
cursor:pointer}

#contact .forms .btn-browse:hover {background-position:-590px -171px}

#contact .forms .btn-browse:active {top:1px}

#contact .forms .btn-submit {float:right;
clear:none;
background-position:-663px -131px;
background-color:transparent;
width:68px;
height:36px;
text-indent:-9999px;
margin-right:8px;
position:relative;
cursor:pointer}

#contact .forms .btn-submit:hover {background-position:-663px -171px}

#contact .forms .btn-submit:active {top:1px}

#contact .forms .msg-required-fields,#contact .forms .msg-invalid-fields {margin:10px 0 0 38px}

#contact .contact-confirmation {float:left;
height:475px;
display:none;
width:100%}

#contact .contact-confirmation h2 {background-position:-318px -218px;
width:488px;
height:172px;
margin-bottom:15px}

#contact .contact-confirmation p {background-position:0px -263px;
width:316px;
height:80px;
float:right;
margin:30px 0}

#contact .contact-confirmation .btn-close {background-position:-738px -131px;
width:68px;
height:36px;
text-indent:-9999px;
position:relative;
float:right;
clear:both;
display:block;
left:0;
top:0}

#contact .contact-confirmation .btn-close:hover {background-position:-738px -171px}

#contact .contact-confirmation .btn-close:active {top:1px}

#contact .footer {float:left;
clear:both;
margin-top:20px;
width:100%}

#contact .footer h3 {background-position:0 -225px;
width:260px;
height:35px;
float:left}

#contact .footer .contact-info {float:left;
margin-left:43px}

#contact .footer .contact-info .btn-map {background-position:-590px 0;
width:183px;
height:124px;
display:inline-block;
float:left}

#contact .footer .contact-info .vcard {float:left;
font-size:11px;
line-height:17px;
color:#fff;
margin-left:20px}

#contact .footer .contact-info .vcard .org {float:left;
width:137px;
height:35px;
margin-bottom:8px}

#contact .footer .social {float:right;
margin-top:3px}

#contact .footer .social p {font:12px Georgia,Times,serif;
float:left}

#contact .footer .social ul {float:left;
clear:both;
margin-top:5px}

#contact .footer .social ul li {float:left;
clear:both}

#contact .footer .social ul li a {display:block;
font:12px Georgia,Times,serif;
font-style:italic;
color:#00c2f3;
width:55px;
height:22px;
margin-bottom:7px;
padding-left:30px;
line-height:22px}

#contact .footer .social ul li a:hover {color:#fff}

#contact .footer .social ul li a.facebook {background-position:-827px -156px}

#contact .footer .social ul li a.twitter {background-position:-827px -184px}

#contact .footer .social ul li a.youtube {background-position:-827px -212px}

#contact .footer .social ul li a.linkedin {background-position:-827px -240px}

#contact .bottom {background-position:0 -394px;
width:850px;
height:9px;
float:left;
clear:both}

.sprite-our-expertise-ui,#nav-slider .title,#pages #page-what-we-do .subhead h3,#pages #page-what-we-do .subhead h3 span,#pages #page-what-we-do .subhead h2,#pages #page-what-we-do #what-we-do-diagram a span,#pages #page-what-we-do #what-we-do-diagram .bg,#pages #page-what-we-do #what-we-do-nav-slider,#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider,#pages #page-what-we-do #what-we-do-nav-slider .nav li a .hover,#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider,#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .hover,#pages #page-what-we-do .additional-content .overview .start-here-arrow,#pages #page-what-we-do .additional-content .overview .start-here,#pages #page-what-we-do .additional-content .offerings h3,#pages #page-what-we-do .additional-content .offerings h3 span,#pages #page-what-we-do .additional-content .offerings ul li,#pages #page-what-we-do .additional-content .consumer-touchpoints,#pages #page-what-we-do .additional-content .consumer-touchpoints a,#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider,#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .hover,#pages #page-capabilities h2,#pages #page-capabilities ul li h4,
#pages #page-capabilities ul li li.odd {background-image:url("../img/our-expertise/sprite-our-expertise.png");
background-repeat:no-repeat}

.sprite-our-approach-ui,#pages #page-our-approach,#pages #page-our-approach #our-approach-nav-slider,#pages #page-our-approach #our-approach-nav-slider .nav li .divider,#pages #page-our-approach #our-approach-nav-slider .nav li a .hover,#pages #page-our-approach #our-approach-diagram #our-approach-overview,#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video,#pages #page-our-approach #our-approach-diagram #our-approach-overview #our-approach-video,#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore,#pages #page-our-approach #our-approach-diagram #our-approach-illustration {background-image:url("../img/our-expertise/sprite-our-approach.png");
background-repeat:no-repeat}

.sprite-agency-model-ui,#pages #page-agency-model #agency-model-infographic,#pages #page-agency-model #agency-model-infographic a .person,#pages #page-agency-model #agency-model-infographic a .btn-play,#pages #page-agency-model #agency-model-infographic .our-agency-video a,#pages #page-agency-model #agency-model-videos #agency-model-video-wrapper,#pages #page-agency-model #agency-model-videos #agency-model-video-titles .title,#pages #page-agency-model #agency-model-videos #agency-model-nav .now-playing,#pages #page-agency-model #agency-model-videos #agency-model-nav a,#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip,#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip .tooltip-title,#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip .arrow,#pages #page-agency-model .btn-back {background-image:url("../img/our-expertise/sprite-agency-model.png");
background-repeat:no-repeat}

#pages {float:left;
margin-top:70px;
position:relative;
clear:both;
margin-bottom:20px}

#pages .page {width:980px;
position:relative;
float:left;
display:none}

#pages #page-what-we-do {display:block}

#pages #page-what-we-do .subhead {float:left;
position:relative;
width:470px}

#pages #page-what-we-do .subhead h3 {background-position:0 -540px;
float:left;
height:41px;
display:inline-block}

#pages #page-what-we-do .subhead h3 span {background-position:100% -540px;
float:left;
height:41px;
display:block;
margin-right:-8px;
padding:0 20px;
line-height:41px;
font-size:24px;
color:#fff;
font-weight:normal}

#pages #page-what-we-do .subhead h2 {width:470px;
height:80px;
margin:25px 0 15px 0;
float:left;
clear:left}

#pages #page-what-we-do .subhead p {float:left;
clear:left;
color:#cfd3d7;
line-height:19px;
font-size:14px;
width:490px}

#pages #page-what-we-do .subhead .step {display:none;
position:absolute}

#pages #page-what-we-do .subhead .overview {display:block}

#pages #page-what-we-do .subhead .overview h2 {background-position:-590px -1220px}

#pages #page-what-we-do .subhead .step-1 h2 {background-position:0 -600px}

#pages #page-what-we-do .subhead .step-2 h2 {background-position:-500px -600px}

#pages #page-what-we-do .subhead .step-3 h2 {background-position:0 -700px}

#pages #page-what-we-do .subhead .step-4 h2 {background-position:-500px -700px}

#pages #page-what-we-do #what-we-do-diagram {position:relative;
float:right;
margin:-40px 48px 0 0}

#pages #page-what-we-do #what-we-do-diagram a {position:absolute;
width:160px;
height:140px;
display:block;
z-index:3}

#pages #page-what-we-do #what-we-do-diagram a span {display:block;
width:138px;
height:138px;
position:absolute}

#pages #page-what-we-do #what-we-do-diagram a .number {width:60px;
height:60px;
position:absolute;
top:5px;
z-index:10}

#pages #page-what-we-do #what-we-do-diagram a .title {width:160px;
height:140px;
z-index:8}

#pages #page-what-we-do #what-we-do-diagram a .circle {margin:1px 0 0 22px;
z-index:4}

#pages #page-what-we-do #what-we-do-diagram a .off {background-position:-500px -800px;
z-index:5}

#pages #page-what-we-do #what-we-do-diagram a .over {background-position:-646px -800px;
opacity:0;
filter:alpha(opacity=0);
z-index:6}

#pages #page-what-we-do #what-we-do-diagram a.selected .over {display:none}

#pages #page-what-we-do #what-we-do-diagram a .selected {background-position:-792px -800px;
opacity:0;
filter:alpha(opacity=0);
z-index:7}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 {left:181px;
top:0;
width:160px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 .number {background-position:0 -1100px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 .title {background-position:-500px -1080px;
left:22px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 .circle {margin:1px 0 0 22px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 {left:347px;
top:73px;
height:150px;
width:142px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 .number {background-position:-68px -1100px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 .title {background-position:-646px -1080px;
left:5px;
top:11px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 .circle {margin:12px 0 0 5px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 {left:172px;
top:180px;
width:170px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 .number {background-position:-134px -1100px;
top:21px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 .title {background-position:-792px -1080px;
left:31px;
top:1px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 .circle {margin:2px 0 0 31px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 {left:0;
top:83px;
width:155px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .number {background-position:-200px -1100px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .title {background-position:-938px -1080px;
left:17px;
top:1px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .circle {margin:2px 0 0 17px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .off {background-position:-500px -940px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .over {background-position:-646px -940px}

#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .selected {background-position:-792px -940px}

#pages #page-what-we-do #what-we-do-diagram .bg {background-position:0 -800px;
width:440px;
height:290px;
z-index:2;
position:relative}

#pages #page-what-we-do #what-we-do-nav-slider.sliding .nav li a .hover {opacity:1 !important}

#pages #page-what-we-do #what-we-do-nav-slider {background-position:0 -360px;
width:980px;
height:52px;
position:relative;
float:left;
clear:both;
margin-top:60px}

#pages #page-what-we-do #what-we-do-nav-slider .nav-list {display:none}

#pages #page-what-we-do #what-we-do-nav-slider .nav {float:left;
margin-left:10px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li {float:left;
width:192px;
height:52px;
position:relative}

#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider {background-position:-11px -412px;
width:2px;
height:52px;
display:block;
position:absolute;
left:0;
top:0;
opacity:0;
filter:alpha(opacity=0)}

#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.last {left:189px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-overview,#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-step-1 {left:1px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-step-3 {left:-1px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-step-4 {left:-2px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a {display:block;
width:192px;
height:52px;
text-align:center;
line-height:52px;
text-transform:uppercase;
color:#fff;
font-size:18px;
position:relative;
z-index:4}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a:active {top:0}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a .hover {width:187px;
height:52px;
text-indent:-9999px;
margin-left:3px;
display:block;
opacity:0;
filter:alpha(opacity=0)}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-overview .hover {background-position:-13px -412px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-1 .hover {background-position:-205px -412px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-2 .hover {background-position:-396px -412px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-3 .hover {background-position:-589px -412px}

#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-4 .hover {background-position:-781px -412px}

#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment {width:980px;
float:left;
position:absolute;
height:100%}

#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider {background-position:0 -480px;
width:162px;
height:45px;
top:5px;
z-index:5;
position:relative;
margin-left:26px}

#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .handle {position:absolute;
left:0;
width:162px;
height:45px;
display:block;
cursor:url(../img/cursor-grab.gif),move}

#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .handle.selected {cursor:url(../img/cursor-grabbing.gif),move}

#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .hover {background-position:-203px -480px;
width:167px;
height:40px;
display:block;
opacity:0;
filter:alpha(opacity=0)}

#pages #page-what-we-do.current-overview #what-we-do-nav-slider .nav-slider-containment .nav-slider {background-position:-594px -1311px}

#pages #page-what-we-do.current-overview #what-we-do-nav-slider .nav-slider-containment .nav-slider .hover {background-position:-774px -1311px}

#pages #page-what-we-do.current-overview .additional-content {height:0px}

#pages #page-what-we-do.current-step-1 .additional-content {height:0px}

#pages #page-what-we-do.current-step-2 .additional-content {height:0px}

#pages #page-what-we-do.current-step-3 .additional-content {height:0px}

#pages #page-what-we-do.current-step-4 .additional-content {height:650px}

#pages #page-what-we-do .additional-content {float:left;
clear:both;
width:980px}

#pages #page-what-we-do .additional-content .step {display:none;
position:absolute;
width:980px}

#pages #page-what-we-do .additional-content .overview {display:block}

#pages #page-what-we-do .additional-content .overview .start-here-arrow {background-position:-784px -480px;
width:188px;
height:15px;
display:block;
float:left;
margin:10px 0 0 12px;
-webkit-animation:"hover-in-place" 0.35s linear;
-webkit-animation-iteration-count:infinite}

#pages #page-what-we-do .additional-content .overview .start-here {background-position:-784px -492px;
width:188px;
height:40px;
display:block;
float:left;
margin:0 0 0 12px;
clear:left}

#pages #page-what-we-do .additional-content .offerings {position:relative;
float:left;
clear:both;
top:30px}

#pages #page-what-we-do .additional-content .offerings h3 {float:left;
display:inline-block;
background-position:0 -540px;
height:41px;
font-size:24px;
font-weight:normal;
position:relative;
top:0;
left:0}

#pages #page-what-we-do .additional-content .offerings h3 span {background-position:100% -540px;
height:100%;
display:block;
margin-right:-8px;
line-height:41px;
float:left;
width:267px;
text-indent:20px}

#pages #page-what-we-do .additional-content .offerings ul {position:relative;
top:0;
margin-top:10px;
float:left;
clear:left}

#pages #page-what-we-do .additional-content .offerings ul li {background-position:-400px -490px;
width:267px;
height:30px;
line-height:28px;
color:#b3f0ff;
text-indent:10px;
font-size:13px;
margin-bottom:3px}

#pages #page-what-we-do .additional-content .offerings .btn-see-all {
	float: left;
	clear: left;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-top: 10px
}

#pages #page-what-we-do .additional-content .consumer-touchpoints {background-position:0 -1215px;
width:585px;
height:624px;
float:right;
position:relative;
margin-top:25px}

#pages #page-what-we-do .additional-content .consumer-touchpoints a {background-position:-593px -1689px;
width:127px;
height:45px;
position:absolute;
right:0;
bottom:0;
top:inherit;
display:block}

#pages #page-what-we-do .additional-content .consumer-touchpoints a:hover {background-position:-593px -1749px}

#pages #page-what-we-do .additional-content .consumer-touchpoints a:active {bottom:-1px}

#pages #page-our-approach {width:980px}

#pages #page-our-approach #our-approach-nav-slider.sliding .nav li a .hover {opacity:1 !important}

#pages #page-our-approach #our-approach-nav-slider {background-position:0 -250px;
width:980px;
height:52px;
position:relative;
float:left;
clear:both;
margin-top:10px}

#pages #page-our-approach #our-approach-nav-slider .nav-list {display:none}

#pages #page-our-approach #our-approach-nav-slider .nav {float:left;
margin-left:10px}

#pages #page-our-approach #our-approach-nav-slider .nav li {float:left;
width:192px;
height:52px;
position:relative}

#pages #page-our-approach #our-approach-nav-slider .nav li .divider {background-position:-203px -309px;
width:2px;
height:52px;
display:block;
position:absolute;
left:0;
top:0;
opacity:0;
filter:alpha(opacity=0)}

#pages #page-our-approach #our-approach-nav-slider .nav li .divider.last {left:190px}

#pages #page-our-approach #our-approach-nav-slider .nav li .divider.divider-our-approach-tribes-and-spaces {left:1px}

#pages #page-our-approach #our-approach-nav-slider .nav li .divider.divider-our-approach-brand-experiences {left:-1px}

#pages #page-our-approach #our-approach-nav-slider .nav li .divider.divider-our-approach-optimization {left:-2px}

#pages #page-our-approach #our-approach-nav-slider .nav li a {display:block;
width:192px;
height:52px;
text-align:center;
line-height:52px;
text-transform:uppercase;
color:#fff;
font-size:18px;
position:relative;
z-index:4}

#pages #page-our-approach #our-approach-nav-slider .nav li a:active {top:0}

#pages #page-our-approach #our-approach-nav-slider .nav li a .hover {width:186px;
height:52px;
text-indent:-9999px;
margin-left:3px;
display:block;
opacity:0;
filter:alpha(opacity=0)}

#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-overview .hover {background-position:-13px -309px}

#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-tribes-and-spaces .hover {background-position:-205px -309px}

#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-human-needs .hover {background-position:-397px -309px}

#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-brand-experiences .hover {background-position:-589px -309px}

#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-optimization .hover {background-position:-781px -309px}

#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment {width:960px;
float:left;
position:absolute;
height:100%;
margin-left:10px}

#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider {background-position:0 -480px;
width:162px;
height:45px;
top:5px;
z-index:5;
position:relative;
margin-left:16px}

#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .handle {position:absolute;
left:0;
width:162px;
height:45px;
display:block;
cursor:url(../img/cursor-grab.gif),move}

#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .handle.selected {cursor:url(../img/cursor-grabbing.gif),move}

#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .hover {background-position:-203px -480px;
width:167px;
height:40px;
display:block;
opacity:0;
filter:alpha(opacity=0)}

#pages #page-our-approach #our-approach-diagram {float:left;
margin:30px 0 0 0;
height:682px;
width:980px;
background:#0e0e0e}

#pages #page-our-approach #our-approach-diagram .step {width:920px;
padding:0 30px;
position:absolute;
height:682px;
display:none;
z-index:2}

#pages #page-our-approach #our-approach-diagram .step.current-step {display:block}

#pages #page-our-approach #our-approach-diagram #our-approach-overview {background-position:0 -360px;
height:247px}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video {background-position:-800px -1050px;
height:33px;
width:121px;
display:block;
position:absolute;
left:420px;
top:345px;
padding:18px 10px 0 10px;
color:#fff;
text-transform:uppercase;
font-size:13px;
font-weight:bold}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video .title {margin-left:5px}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video .btn-external {margin-top:-3px}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video:hover {color:#ff143f}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video:active {margin-top:1px}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #our-approach-video-close {display:none}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #our-approach-video {background-position:0 -1050px;
width:705px;
height:415px;
display:block;
position:absolute;
top:200px;
left:137px}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #our-approach-video iframe {margin-left:39px}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore {background-position:-800px -1120px;
width:106px;
height:106px;
display:block;
position:absolute;
top:320px;
left:840px;
font-size:17px;
color:#fff;
text-transform:uppercase}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore .title {line-height:106px;
width:106px;
display:block;
text-align:center}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore:hover {color:#1b1b1b}

#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore:active {margin-top:1px}

#pages #page-our-approach #our-approach-diagram #our-approach-tribes-and-spaces {background:url("../img/our-expertise/our-approach-tribes-and-spaces.png") no-repeat}

#pages #page-our-approach #our-approach-diagram #our-approach-human-needs {background:url("../img/our-expertise/our-approach-human-needs.png") no-repeat}

#pages #page-our-approach #our-approach-diagram #our-approach-brand-experiences {background:url("../img/our-expertise/our-approach-brand-experiences.png") no-repeat}

#pages #page-our-approach #our-approach-diagram #our-approach-optimization {background:url("../img/our-expertise/our-approach-optimization.png") no-repeat}

#pages #page-our-approach #our-approach-diagram #our-approach-illustration {background-position:0 -600px;
width:980px;
height:435px;
position:absolute;
bottom:0;
opacity:0.3}

#pages #page-vertical-experience .compound-expertise {background:url("../img/our-expertise/compound-expertise.png") no-repeat;
width:980px;
height:967px;
position:relative}

#pages #page-vertical-experience .bullet-1 {position:absolute;
left:423px;
top:258px}

#pages #page-vertical-experience .bullet-1 ul {float:left;
height:110px}

#pages #page-vertical-experience .bullet-1 ul li {float:left;
width:139px}

#pages #page-vertical-experience .bullet-1 ul li ul {font-size:12px}

#pages #page-vertical-experience .bullet-1 ul li ul li {float:left;
clear:both;
color:#6c6c6c;
font-size:12px;
line-height:15px}

#pages #page-vertical-experience .bullet-1 ul li a {float:left;
width:115px;
text-transform:uppercase;
color:#7a7e81;
font-size:12px;
font-weight:bold}

#pages #page-vertical-experience .bullet-1 ul li a:hover {color:#ff143f}

#pages #page-vertical-experience .bullet-2 {position:absolute;
left:430px;
top:455px}

#pages #page-vertical-experience .bullet-3 {position:absolute;
left:780px;
top:557px}

#pages #page-vertical-experience .bullet-3 li {height:59px;
float:left;
clear:both}

#pages #page-vertical-experience .bullet-3 a {float:left;
text-transform:uppercase;
color:#7a7e81;
font-size:12px;
font-weight:bold}

#pages #page-vertical-experience .bullet-3 a:hover {color:#ff143f}

#pages #page-agency-model #agency-model-wrapper {width:1100px;
height:450px;
position:absolute;
overflow:hidden;
left:-64px}

#pages #page-agency-model #agency-model-scroll {position:relative}

#pages #page-agency-model #agency-model-infographic {width:1100px;
height:415px;
position:relative;
margin-top:40px;
float:left}

#pages #page-agency-model #agency-model-infographic a {display:block;
position:relative}

#pages #page-agency-model #agency-model-infographic a .person {width:92px;
height:72px;
display:inline;
position:relative;
float:left}

#pages #page-agency-model #agency-model-infographic a .btn-play {background-position:0 -480px;
position:absolute;
right:0;
bottom:0;
display:block;
width:19px;
height:15px}

#pages #page-agency-model #agency-model-infographic a:hover .btn-play {background-position:-100px -480px}

#pages #page-agency-model #agency-model-infographic .our-agency-video {position:absolute;
left:90px;
top:27px}

#pages #page-agency-model #agency-model-infographic .our-agency-video .title {font-size:23px;
text-transform:none}

#pages #page-agency-model #agency-model-infographic .our-agency-video a {background-position:-600px -420px;
width:376px;
height:213px;
margin-top:45px}

#pages #page-agency-model #agency-model-infographic .our-agency-video a .btn-play {background-position:0 -420px;
width:51px;
height:44px;
right:10px;
bottom:10px}

#pages #page-agency-model #agency-model-infographic .our-agency-video a:hover .btn-play {background-position:-100px -420px}

#pages #page-agency-model #agency-model-infographic .client-services-video {position:absolute;
left:540px;
top:0}

#pages #page-agency-model #agency-model-infographic .client-services-video a {width:500px;
height:100px}

#pages #page-agency-model #agency-model-infographic .client-services-video .person {background-position:0 -500px;
top:15px;
left:15px}

#pages #page-agency-model #agency-model-infographic .experience-and-strategy-video {position:absolute;
left:540px;
top:106px}

#pages #page-agency-model #agency-model-infographic .experience-and-strategy-video a {width:123px;
height:150px}

#pages #page-agency-model #agency-model-infographic .experience-and-strategy-video .person {background-position:-100px -500px;
top:15px;
left:15px}

#pages #page-agency-model #agency-model-infographic .creative-and-content-development-video {position:absolute;
left:665px;
top:106px}

#pages #page-agency-model #agency-model-infographic .creative-and-content-development-video a {width:123px;
height:150px}

#pages #page-agency-model #agency-model-infographic .creative-and-content-development-video .person {background-position:-200px -500px;
top:15px;
left:15px}

#pages #page-agency-model #agency-model-infographic .technology-video {position:absolute;
left:790px;
top:106px}

#pages #page-agency-model #agency-model-infographic .technology-video a {width:123px;
height:150px}

#pages #page-agency-model #agency-model-infographic .technology-video .person {background-position:-300px -500px;
top:15px;
left:15px}

#pages #page-agency-model #agency-model-infographic .analytics-and-optimization-video {position:absolute;
left:915px;
top:106px}

#pages #page-agency-model #agency-model-infographic .analytics-and-optimization-video a {width:123px;
height:150px}

#pages #page-agency-model #agency-model-infographic .analytics-and-optimization-video .person {background-position:-400px -500px;
top:15px;
left:15px}

#pages #page-agency-model #agency-model-infographic .delivery-management-video {position:absolute;
left:540px;
top:256px}

#pages #page-agency-model #agency-model-infographic .delivery-management-video a {width:500px;
height:100px}

#pages #page-agency-model #agency-model-infographic .delivery-management-video .person {background-position:-500px -500px;
top:15px;
left:15px}

#pages #page-agency-model #agency-model-videos {height:400px;
position:relative;
float:left}

#pages #page-agency-model #agency-model-videos #agency-model-video-wrapper {background-position:0 -650px;
width:1100px;
height:415px;
position:absolute;
display:block;
top:40px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles {position:absolute;
display:block;
top:40px;
left:100px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .video-title {position:absolute;
display:none}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .video-title.current {display:block}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .title {width:190px;
height:105px;
display:block}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .our-agency-video .title {background-position:0 -1100px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .client-services-video .title {background-position:-200px -1100px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .experience-and-strategy-video .title {background-position:-400px -1100px;
width:180px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .creative-and-content-development-video .title {background-position:-580px -1100px;
width:270px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .technology-video .title {background-position:-860px -1100px;
width:240px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .analytics-and-optimization-video .title {background-position:0 -1210px}

#pages #page-agency-model #agency-model-videos #agency-model-video-titles .delivery-management-video .title {background-position:-200px -1210px;
width:210px}

#pages #page-agency-model #agency-model-videos #agency-model-nav {position:absolute;
top:170px;
left:100px}

#pages #page-agency-model #agency-model-videos #agency-model-nav .now-playing {background-position:0 -1330px;
width:80px;
height:10px;
position:relative;
top:0;
left:0}

#pages #page-agency-model #agency-model-videos #agency-model-nav a:active {margin-top:1px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video {background-position:0 -1350px;
width:51px;
height:147px;
position:absolute;
top:15px;
left:0}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video:hover {background-position:-300px -1350px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video.current {background-position:-580px -1350px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video .tooltip {left:-32px;
top:12px;
width:117px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video {background-position:-55px -1350px;
width:196px;
height:45px;
position:absolute;
top:15px;
left:55px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video:hover {background-position:-355px -1350px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video.current {background-position:-635px -1350px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video .tooltip {left:48px;
top:-38px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video {background-position:-55px -1400px;
width:46px;
height:46px;
position:absolute;
top:65px;
left:55px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video:hover {background-position:-355px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video.current {background-position:-635px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video .tooltip {left:-50px;
top:-38px;
width:148px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video {background-position:-105px -1400px;
width:46px;
height:46px;
position:absolute;
top:65px;
left:105px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video:hover {background-position:-405px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video.current {background-position:-685px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video .tooltip {left:-73px;
top:-38px;
width:205px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video {background-position:-155px -1400px;
width:46px;
height:46px;
position:absolute;
top:65px;
left:155px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video:hover {background-position:-455px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video.current {background-position:-735px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video .tooltip {left:-16px;
top:-38px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video {background-position:-205px -1400px;
width:46px;
height:46px;
position:absolute;
top:65px;
left:205px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video:hover {background-position:-505px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video.current {background-position:-785px -1400px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video .tooltip {left:-54px;
top:-38px;
width:158px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video {background-position:-55px -1450px;
width:196px;
height:45px;
position:absolute;
top:115px;
left:55px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video:hover {background-position:-355px -1450px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video.current {background-position:-635px -1450px}

#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video .tooltip {left:29px;
top:-38px}

#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip {position:absolute;
background-position:0 -1520px;
float:left;
display:none;
height:35px;
z-index:2}

#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip .tooltip-title {background-position:100% -1520px;
float:left;
display:inline-block;
height:35px;
margin-right:-6px;
font-size:13px;
padding:0 10px;
line-height:32px;
color:#dadada}

#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip .arrow {background-position:0 -1560px;
width:14px;
height:9px;
float:left;
display:block;
position:absolute;
left:50%;
bottom:-6px;
margin-left:-7px}

#pages #page-agency-model #agency-model-video-iframe-wrapper {position:absolute;
left:401px;
top:1px}

#pages #page-agency-model .btn-back {background-position:-200px -420px;
height:28px;
position:absolute;
top:0;
left:64px;
color:#fff;
padding-left:30px;
text-transform:uppercase;
font-size:12px;
line-height:24px;
font-weight:bold}

#pages #page-agency-model .btn-back:hover {color:#ff143f}

#pages #page-agency-model .btn-back:active {top:1px}

#pages #page-capabilities h2 {background-position:0 -140px;
width:270px;
height:40px}

#pages #page-capabilities h5 {font-size:18px;
float:left;
clear:both;
position:relative;
top:-2px;
font-weight:normal}

#pages #page-capabilities ul {float:left;
clear:both;
margin-top:30px}

#pages #page-capabilities ul li {float:left;
width:267px;
margin:0 80px 15px 0}

#pages #page-capabilities ul li.last {margin-right:0}

#pages #page-capabilities ul li h4 {background-position:0 -180px;
width:257px;
height:41px;
line-height:35px;
padding-left:10px;
margin:10px 0 20px 0;
font-size:18px;
font-weight:normal}

#pages #page-capabilities ul li h4.two-lines {background-position:0 -225px;
height:55px;
padding-top:7px;
line-height:20px}

#pages #page-capabilities ul li ul {float:left;
margin:0}

#pages #page-capabilities ul li li {width:257px;
margin:0;
padding-left:10px;
height:20px;
line-height:20px;
color:#cfd3d7;
font-size:11px}

#pages #page-capabilities ul li li.odd {background-position:-280px -180px}

#pages #page-capabilities ul li li.odd.two-lines {background-position:-280px -220px}

#pages #page-capabilities ul li li.two-lines {height:33px;
padding-top:2px;
line-height:15px}

@-webkit-keyframes hover-in-place {0%{-webkit-transform:translate3d(0, 0, 0)}

50% {-webkit-transform:translate3d(0, -3px, 0)}

100% {-webkit-transform:translate3d(0, 0, 0)}

}
