@import url("reset.css"); 

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 60px 0 0 0; background: #101010; }
body#locations { background: #111 url(/img/bg-locations.jpg) no-repeat scroll 0 0; -webkit-background-size: 100% 600px; }
a { color: #2b84c6; text-decoration: none; }
a:hover { }
.wrap { width: 960px; margin: 0 auto; position: relative; z-index: 50; }
.bg-image { z-index: 1; position: absolute; width: 100%; height: 600px; top: 0; left: 0; }
.bg-image img, .bg-image span { width: 100%; height: 600px; z-index: 1; position: absolute; }
.bg-image span { z-index: 5; }

/* TOPBAR */ 
#topbar { position: absolute; top: 0; left: 0; width: 100%; height: 21px; padding: 10px 0 0 0; background: transparent url(/img/bg-topbar.png) repeat scroll 0 0; z-index: 200; }
#topbar ul { float: right; position: relative; padding: 0 10px 0 0; }
#topbar ul li { float: left; font-size: 12px; line-height: 12px; background: transparent url(/img/vertical-dotted-dark.png) repeat-y scroll right top; }
#topbar ul li.hover, #topbar ul li:hover { position: relative; }
#topbar ul li a { display: block; color: #999; padding: 0 10px 1px 9px; }
#topbar ul li a:hover { color: #ccc; }
#topbar ul li.region a { background: transparent url(/img/icon-downarrow.png) no-repeat scroll 0 4px; padding-left: 12px; }
body#news li.news a, body#blog li.blogs a, body#careers li.careers a, body#contact li.contact a { color: #fff; }

/* For the dropdown region menu */
#topbar ul ul { width: 105px; visibility: hidden; position: absolute; top: 100%; left: 0; background: transparent url(/img/bg-region-dropdown.png) no-repeat scroll left bottom; margin: 8px 0 0 0; z-index: 100; padding: 0 0 5px 0; }
#topbar ul ul li { float: none; background: none; }
#topbar ul li.region ul li a { background: none; padding: 8px 0 5px 8px; }
#topbar ul li:hover > ul { visibility: visible; }
#topbar ul ul li a { border-right: none; width: 100%; display: inline-block; } /* IE 6 & 7 Needs This */
#topbar ul li.search, #topbar ul li.contact { background: none; }
#topbar ul li.search { opacity: .4; position: relative; margin: -5px 0 0 5px; padding: 0 4px 0 0; }
#topbar li.search:hover { opacity: 1; }
#topbar ul li.search input { float: left; width: 100px; height: 19px; color: #868686; background: transparent url(/img/bg-search.png) no-repeat scroll 0 0; border: none; font-size: 12px; line-height: 12px; padding: 1px 0 2px 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
#topbar ul li.search a { float: left; display: block; width: 24px; height: 22px; background: transparent url(/img/btn-search.png) no-repeat scroll 0 0; text-indent: -9999px; padding: 0; }
#topbar ul li.search a:hover { background: transparent url(/img/btn-search.png) no-repeat scroll 0 -23px; }
#topbar ul li.last a { padding-right: 0; }

/* GLOBAL NAV */
#nav { height: 45px; margin-bottom: 30px; z-index: 100; position: relative; }
#nav a.home { float: left; display: block; width: 195px; height: 45px; background: transparent url(/img/sprite-logo-we.png) no-repeat scroll 0 0; text-indent: -9999em; margin: 0 0 0 10px; }
#nav a.home:hover { background-position: 0 -44px; }
#nav ul { float: right; padding: 1px 0 0 0; }
#nav ul li { float: left; margin: 0 0 0 5px;  }
#nav ul li a { display: block; height: 30px; text-indent: -9999em; background: transparent url(/img/sprite-nav.png) no-repeat scroll 0 -10px;  }
#nav ul li.about a { width: 81px; background-position: 0px -15px;}
#nav ul li.practices a { width: 145px; background-position: -104px -15px; }
#nav ul li.studiod a { width: 98px; background-position: -273px -15px; }
#nav ul li.products a { width: 85px; background-position: -392px -15px; }
#nav ul li.clients a { width: 69px; background-position: -500px -15px; }

#nav ul li.about a:hover { background-position: 0 -56px; }
#nav ul li.practices a:hover { background-position: -104px -56px; }
#nav ul li.studiod a:hover { background-position: -273px -56px; }
#nav ul li.products a:hover { background-position: -392px -56px; }
#nav ul li.clients a:hover { background-position: -500px -56px; }

body#about #nav ul li.about a { background-position: 0 -56px; }
body#practices #nav ul li.practices a { background-position: -104px -56px; }
body#studiod #nav ul li.studiod a { background-position: -273px -56px; }
body#influence #nav ul li.products a { background-position: -392px -56px; }
body#clients #nav ul li.clients a { background-position: -500px -56px; }

/* SUBNAV */
#subnav { float: left; width: 204px; margin: 0 21px 0 0; }
#subnav ul { position: relative; padding: 15px 0 10px 0; background: transparent url(/img/bg-subnav.png) no-repeat scroll 0 0; }
#subnav ul li { width: 204px; background: transparent url(/img/bg-subnav-divider.png) no-repeat scroll left top; padding: 2px 0 0 0; }
#subnav ul li:first-child { background: none; }
#subnav ul li a { display: block; width: 179px; font-size: 14px; padding: 8px 10px 8px 15px; color: #868686;  line-height: 18px; color: #666; }
#subnav ul li a:hover { background: #0d0d0d; color: #888; }
#subnav ul li a:active { background: #090909; color: #666; }
#subnav ul li.selected a { font-weight: bold; color: #fff; background: #1e1e1e; }
#subnav ul li.selected { position: relative; margin: 0 0 -2px 0; border-bottom: 1px solid #0b0b0b; }
#subnav ul li.subnav-bottom { position: absolute; bottom: -10px; width: 205px; height: 15px; background: transparent url(/img/bg-subnav-bottom.png) no-repeat scroll left bottom; }

/* MEDIA CONTACT */
#media-contact { 	position: absolute; top: 270px; left: 0px; width:210px;}
#media-contact p { font-size: 12px; line-height: 22px; color: #999; margin: 0 0 15px 15px; }
#media-contact a { color: #2b84c6; font-size: 10px;}
.form-line { padding: 0 !important;}
.form-html { padding: 0 !important;}

/* GLOBAL CONTENT CONTAINERS */
#content { float: left; width: 695px; position: relative; padding: 65px 20px 10px 20px; background-color: #fff; margin: 5px 0 30px 0; }
#content #header, #content #bottom { position: absolute; width: 695px; left: 0; padding: 0 20px; }
#content #header { height: 40px; top: -5px; background: transparent url(/img/bg-content-white-top.png) no-repeat scroll 0 0; }
#content #bottom { height: 6px; bottom: -6px; background: transparent url(/img/bg-content-white-bottom.png) no-repeat scroll 0 0; }
#content #header h1 { font-size: 36px; font-weight: bold; color: #333; padding: 20px 0 20px 0; }
#content h2 { font-size: 18px; line-height: 26px; color: #888; font-weight: normal; margin: 0 0 15px 0; padding: 0 0 15px 0; background: transparent url(/img/horizontal-dotted-light.png) repeat-x scroll left bottom;  }
#content h3 { font-size: 18px; margin: 0 0 5px 0; line-height: 22px; color: #444; }
#content h3 a { color: #2b84c6; }
#content h3 a:hover { color: #4aa7ec; }
#content h4 { font-size: 18px; margin: 0 0 20px 0; color: #333; }
#content p { font-size: 12px; line-height: 22px; color: #666; margin: 0 0 15px 0; }
#content ul { list-style-type: disc; font-size: 12px; color: #666; line-height: 22px; padding: 5px 0 15px 18px; }
#content ul li { padding: 0 0 5px 0; }
#content p.pagination { font-size: 14px; padding: 10px 0 0 0; }
#content p.pagination strong { background: #2b84c6; padding: 3px 8px; color: #fff; margin-right: 2px;  }
#content p.pagination a { background: #ededed; color: #666; padding: 4px 8px; margin-right: 2px; }
#content p.pagination a:hover { background: #dfdfdf; }
#content .video { width: 695px; float: left; padding: 0 0 20px 0; }

#content p.border { margin-bottom: 25px; padding-bottom: 25px; background: transparent url(/img/horizontal-dotted-light.png) repeat-x scroll center bottom; }

#content-ppc { float: right; text-align:left; width: 200px; position: relative; padding: 10px 10px 10px 10px; background-color: #6C6E65; margin: 5px 0 30px 0; }
#content-ppc #header-form, #content #bottom { position: absolute; left: 0; padding: 0 20px; }
#content-ppc #header-form { height: 40px; width: 180px; top: -5px; background: transparent url(/img/bg-content-white-top-1col.png) no-repeat scroll 0 0; }
#content-ppc #bottom { height: 6px; bottom: -6px; background: transparent url(/img/bg-content-white-bottom-1col.png) no-repeat scroll 0 0; }
#content-ppc #header-form h1 { font-size: 36px; font-weight: bold; color: #fff; padding: 20px 0 20px 0; }
#content-ppc h3 { font-size: 24px; margin: 0 0 5px 0; line-height: 22px; color: #c41323; }
#content-ppc h3 a { color: #2b84c6; }
#content-ppc h3 a:hover { color: #4aa7ec; }
#content-ppc p { font-size: 12px; line-height: 22px; color: #fff; margin: 0 0 15px 0; }


/* HOME HERO SLIDE AND THINGS */
#home-cycle { overflow: hidden; height: 379px; }
#home-cycle .display { overflow: auto; }
#home-cycle .display li { display: block; float: left; position: absolute; }
#home-cycle .display li .label { background: url(/img/label.png) no-repeat; color: #ffffff; display: none; padding-top: 3px;position: absolute; width: 298px; }
#home-cycle .display li .label-bd { background: url(/img/label-bd.png) no-repeat left bottom; padding: 17px 20px 20px; width: 258px; }
#home-cycle .display li .label p { line-height:20px; }
#home-cycle .display li .tl { top: 10px; left: 10px; }
#home-cycle .display li .tr { top: 10px; right: 10px; }
#home-cycle .display li .bl { bottom: 10px; left: 10px; }
#home-cycle .display li .br { bottom: 10px; right: 10px; }
#home-cycle .display li .white { background-image: url(/img/label-white.png) !important; }
#home-cycle .display li .white .label-bd { background-image: url(/img/label-bd-white.png) !important; }
#home-cycle .display li .white h4 { color: #2B84C6; }

#home-cycle ol.nav { width: 70px; height:  20px; background: transparent url(/img/bg-home-nav.png) no-repeat scroll 0 0; float: left; left: 50%; margin-left: -30px; overflow: auto; padding: 0 5px; position: relative; top: 343px; }
#home-cycle ol.nav li { display: block; float: left; margin: 0; width: auto; }
#home-cycle ol.nav li a { background: url(/img/btn-bullet.png) no-repeat center -12px; display: block; height: 10px; overflow: hidden; padding: 5px; text-indent: -9999px; width: 10px; }
#home-cycle ol.nav li.active a { background: url(/img/btn-bullet.png) no-repeat center 7px; }

#home-cycle h4 { font-size: 20px; margin: 0 0 5px 0; }
#home-cycle p { font-size: 14px; color: #888; }

/* BLOG POSTS */
#content .blog-post { margin-bottom: 20px; padding-bottom: 20px; background: transparent url(/img/horizontal-dotted-light.png) repeat-x scroll center bottom; }
#content .blog-post div.shareblock { display: none; }
#content .blog-post h3 { font-size: 22px; }

body.press #content h4 { font-size: 13px; color: #666; line-height: 20px; }
body.press #content h4 span { float: left; width: 80px; font-size: 14px; color: #777; font-weight: normal; }
body.press #content h4 a { padding-left: 80px; }
body.events #content h4 a span, body.events #content h4 span { display: inline-block; color: #777; font-weight: normal; }
body.press #content h4.press-links a, body.events #content h4.events-links a { display: block; font-size: 14px; background: transparent url(/img/horizontal-dotted-light.png) repeat-x scroll center bottom; padding-bottom: 15px; margin-bottom: 15px; }
body.press #content h5 { font-size: 18px; margin: 0 0 15px 0; line-height: 24px; color: #333; }

.col { float: left; }

/* LISTS N STUFF */
#content ul.bios { list-style-type: none; font-size: 12px; color: #666; line-height: 22px; padding: 0; }
#content ul.bios li { float: left; clear: both; width: 100%; height: 90px; margin: 0 0 10px 0; }
#content ul.bios li a { display: block; height: 80px; color: #666; font-size: 14px; line-height: 20px; padding: 5px; }
#content ul.bios li a strong { display: block; clear: right; color: #333; }
#content ul.bios li a span { display: block; font-size: 12px; }
#content ul.bios li a:hover { background: #eee; }
#content ul.bios li a .link { text-decoration: underline; }
#content ul.bios li img { float: left; margin: 0 15px 15px 0; }

#content ul.icons { list-style-type: none; padding: 0; }
#content ul.icons li { background: transparent url(/img/horizontal-dotted-light.png) repeat-x scroll center bottom; padding: 0 0 25px 0; margin: 0 0 25px 0; }
#content ul.icons li p.image { float: left; padding: 0; }
#content ul.icons li h3, #content ul.icons li p { padding: 0 0 0 60px; margin: 0; }
#content ul.icons li.noborder { background: none; }

/* Two Columns */
.twocol { float: left; background: transparent url(/img/vertical-dotted-light.png) repeat-y scroll center top; }
.twocol .col1, .twocol .col2 { float: left; width: 327px; padding-top: 10px; }
.twocol .col1 { padding: 10px 21px 0 0; margin: 0 20px 0 0; }

.twocol.news a { color: #2b84c6; }
.twocol.news .date { color: #666; font-size: 11px; font-weight: bold; }
.twocol.news li { margin-bottom: 30px; }
.dark { color: #333 !important; }
.fr { float: right; }
.twocol.news a.fr { font-size: 11px; font-weight: bold; position: relative; top: -37px; }
#content .twocol.news ol.smaller h4 { font-size: 12px; line-height: 20px; }
.twocol.news ol.smaller li { margin: 0 0 20px 0; }
#content .twocol h3 { font-size: 18px; margin: 0 0 5px 0; line-height: 22px; }
body.newsletter-article #content { padding-top: 100px; }
body.newsletter-article #content #header h1 { padding-bottom: 8px; }
body.newsletter-article #content #header h3 { color: #666; font-size: 22px; }

/* Three Columns */

.threecol a { color: #999; }
.threecol a:hover { color: #fff; }
.threecol.nogrow { height: 170px; background: transparent url(/img/bg-3col-nogrow.png) no-repeat scroll center center; overflow: hidden; padding-bottom: 20px; }
.threecol .col { width: 280px; padding: 10px; margin: 0 30px 0 0; font-size: 12px; }
.threecol .col.last { margin: 0; }
.threecol h3 { font-size: 20px; color: #fff; font-weight: bold; margin: 2px 0 15px 0; }
.threecol h3 a { font-size: 12px; font-weight: normal; color: #555; padding: 0 0 0 8px; margin: 0 0 0 2px; background: transparent url(/img/vertical-dotted-dark.png) repeat-y scroll left top; }
.threecol ol li { line-height: 20px; margin: 0 0 15px 0; }
.threecol ol li a { display: block; }
.threecol ol li a span { color: #444; display: inline-block; }
.threecol h5 { margin: 0 0 12px 0; line-height: 18px; }
.threecol h5 a { text-decoration: underline; }
.threecol p { color: #666; line-height: 20px; }
.threecol h4 { font-size: 14px; color: #ccc; margin: 0 0 5px 0; }
body#locations .threecol p a { color: #fff; text-decoration: underline; }
body#locations .threecol p { color: #999; }
body#home p.blog-excerpt { height: 80px; overflow: hidden; }

#content .threecol .col { width: 230px; margin: 0; padding: 0; }
#content .threecol .col a { color: #2b84c6; font-size: 13px; line-height: 22px; }
#content .threecol .col h3, #content .threecol .col h3 a  { font-size: 20px; background: none; padding: 0; margin: 15px 0 2px 0; font-weight: bold; color: #333; }

/* FOOTER */
#footer { clear: both; padding: 0 10px 40px 0; text-align: right; *padding-top: 30px; }
body#home #footer, body#contact #footer, body#error #footer { text-align: center; background: transparent url(/img/bg-footer.png) no-repeat scroll center top; margin-top: 20px; padding: 20px 0 40px 0; }
#footer p { font-size: 11px; color: #333; }
#footer a, #footer-connect { color: #555; padding: 0 0 0 8px; margin: 0 0 0 6px; border-left: 1px solid #222; }
#footer a:hover { color: #999; text-decoration: none; }
#footer-fb, #footer-twitter, #footer-in { background-repeat: no-repeat; border: 0 !important; display: inline-block;  height: 16px; margin:0 0 0 4px !important; padding: 0 !important; position: relative; overflow: hidden; vertical-align: middle; text-align: left; text-indent: -9999px; top: -1px; width: 16px; }
#footer-fb:active, #footer-twitter:active, #footer-in:active, #footer-fb:hover, #footer-twitter:hover, #footer-in:hover { background-position:-16px 0; }
#footer-twitter { background-image: url(/img/social/dark/twitter.gif); }
#footer-fb { background-image: url(/img/social/dark/facebook.gif); }
#footer-in { background-image: url(/img/social/dark/linkedin.gif); }

/* REUSABLES */
img.left { float: left; margin: 0 15px 15px 0; }
img.right { float: right; margin: 0 0 15px 15px; }
img.icon-16 { float: left; margin-right: 6px; vertical-align: middle; }
abbr { border-bottom: 1px dotted #444; }
#slideshow { position: relative; height: 300px; margin: 0 0 20px 0; }
#slideshow IMG { position:absolute; top: 0; left: 0; z-index: 8; }
#slideshow IMG.active { z-index: 10; }
#slideshow IMG.last-active { z-index: 9; }

/* 404 */
body#error h1, body#error p.message { color: #fff; text-align: center; }
body#error h1 { font-size: 80px; margin: 0 0 15px 0; padding: 75px 0 0 0; }
body#error p.message { font-size: 18px; padding-bottom: 200px; line-height: 26px; }
body#error p.message a { color: #999; text-decoration: underline;} 

/* NOSCRIPT */
#noscript { color: #fff; font-weight: bold; font-size: 13px; left: 0; line-height: 31px; margin: 0; padding: 0 20px; position: absolute; top: 0; z-index: 1000; }