/* reset */
* {border:0 none; margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, li, ul, sup, object, embed
{background:none repeat scroll 0 0 transparent; border:0 none; font-size:100%; list-style:none outside none; margin:0; outline:0 none; padding:0; text-decoration:none; vertical-align:baseline;}

/* defaults */
blockquote {font-style:italic !important;width:100%}
span p em {font-style:normal;}
sup, sub { height: 0;line-height: 1;vertical-align: baseline; vertical-align: bottom;position: relative;}
sup { bottom: 2ex; } 
sub { top: .5ex;}
a {color:#666666;}
p {line-height:18px; padding:10px 0; color:#202020 ; font-size:12px; font-weight:normal}
html {height:100%}
body {background:none repeat scroll 0 0 #FFFFFF; color:#666666; font-family:Arial,Helvetica; font-size:12px; height:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h6 {color:#FFFFFF; font-size:14px; font-weight:bold;}
h5 {color:#FFFFFF; font-size:22px;}
h4 {font-size:14px;}
h3, h2 {font-size:18px;}
h1 {font-size:20px;}
em {font-style:normal}
input, textarea {background:none repeat scroll 0 0 #ECECEC; font-family:Arial,Helvetica,sans-serif;}
sup {font-size:11px;padding-left:2px}
.right {float:right;}
.left {float:left;}
.left-panel {width:582px;height:100%}
.right-panel {width:368px;}
.fix {clear:both;}
.caps {font-size:12px !important}
#top-level em.quote {width:80%;margin-left:25px;display:block;padding:15px 0;color:#31323D;font-style:italic;}
#top-level cite {text-align:right;display:block;margin-right:100px;color:#313230;width:100%;margin-bottom:15px}
.more img {background:none repeat scroll 0 0 #FFFFFF; float:left; margin:2px 0 0;}
.scanlines { margin:0; padding:0; width:100%;}

/* colors */
.blue, .blue li a:hover, #home .active, #nav-ul ul li .active, .blue a:hover {color:#4487C3;}
.red, .red li a:hover, .red li .active, .red a:hover {color:#c21b1b;}
.orange, .orange li a:hover, .orange li .active, .orange a:hover {color:#FF8C00 !important;}
.green, .green li a:hover, .green li .active, .news a, .green a:hover {color:#207920;}
.purple, .purple li a:hover, .purple li .active, .purple a:hover {color:#8a3f8f;}
.black, .black a {color:#31323D !important;}
.white {color:#D1D1D1}

/* global */
#wrapper {min-height:100%; height:auto !important; height:100%; width:1000px; margin: 0 auto -4em; overflow:hidden;}
#container {background:none repeat scroll 0 0 transparent; display:block; margin:0 auto; width:1000px;height: auto !important; position:relative;overflow:hidden;}
#body {height:100%; width:1000px}
#content {background:#fff; float:left; width:1000px; min-height:500px}
#object {height:315px;}
.width {margin:0 auto; width:1000px; position:relative}

.cms {padding:20px 35px 120px 15px;}
.cms ul {line-height:20px;}
.cms h5 {margin-bottom:40px}
.subpage {margin:0 10px 0 0; padding:20px 15px 60px; width:590px;}

/* subpage header */
#header {background-color:#31323D; border-bottom:1px solid Black; height:55px; position:relative;}
#header-shadow {height:171px; position:absolute; top:56px; width:100%; z-index:-1;}
#header a {display:inline;}
#header #leftbox img {margin:5px 0 2px 15px;}
#header #rightbox {width:365px;}

/* header nav (subpages) */
#nav-ul {margin-top:20px}
#nav ul a {color:#FFFFFF}
#nav ul li {float:left; font-size:15px; font-weight:normal; margin-bottom:10px; padding:3px 8px;}
#nav ul li span {padding:5px;width:100%;height:100%}
#nav ul li ul {background:none repeat scroll 0 0 #FFFFFF; display:block; border-bottom:5px solid #666666; display:none; left:0; padding-bottom:12px; top:30px; width:100%; z-index:9999;}
#nav ul li ul li {border-right:0 none; border-top:1px solid #888888; margin:0 12%; padding:7px 0; text-align:center; width:75%;}
#nav ul li ul li a {color:#FFFFFF; font-size:11px;height:100%;width:100%}
#nav ul li ul li a span {width:100%;height:100%}
#nav .subnav {background:none repeat scroll 0 0 #181a20;display:none; left:0; padding-bottom:2px; position:absolute; top:30px; width:100%; z-index:9999;}
#top-level #nav .subnav {top:35px}

/* footer */
#footer-container {width:100%;}
#footer {height:160px;clear:both}
#footer { border-bottom:1px solid #ebebeb; font-size:11px; height:160px; margin:0 auto; padding:20px 0 0; width:100%;}
#footer #left {margin-left:80px; width:530px;}
.address {color:#D1D1D1; font-size:12px; line-height:14px; margin-top:5px;height:100px}
.address a {color:#D1D1D1;}
#footer #left ul {margin-left:140px; width:200px;}
#footer #left ul li {display:block; height:9px; margin:12px 0; padding:2px 0 5px; width:16px;}
#footer #left ul li a {border-bottom:1px solid #888282; color:#D1D1D1; display:block; height:12px; padding:0 0 8px 120px; width:80px;}
#footer #left ul li:hover a {color:#D1D1D1;}
.tweet a {color:#D1D1D1;}
#footer p {color:#fff}
#footer #left ul .twitter {background-position:-16px 0;}
#footer #left ul .facebook {background-position:-16px -32px;}
#footer #left ul .newsletter {background-position:-16px -16px;}
#footer #left ul .basecamp {background-position:-16px -48px;}
#footer #right {margin-left:70px; width:180px;}
#footer #right .twitterfeed {color:#D1D1D1; display:inline; font-size:16px !important; height:24px; margin-left:8px;}
#footer #right img {display:inline;}
#footer #right #twitter {background:none repeat scroll 0 0 #212229; color:#D1D1D1; height:100px; overflow:visible; width:250px;}
#footer #right #twitter p {color:#D1D1D1; width:250px;}
#footer #right #twitter span {color:#D1D1D1; font-size:9px;}
#footernav {background:none repeat scroll 0 0 #31323D; color:#EDEDEE; height:36px; margin:31px auto 0; padding:0 22px 10px; width:956px;}
#footernav a {color:#EDEDEE;}
#footernav ul {margin-top:15px; width:490px}
#footernav ul li {border-right:1px solid #CACACA; float:left; padding:0 8px;}
#footernav ul .last {border:medium none;padding-right:0}
#footernav ul li a {font-size:12px;}
a#mask {width:111px;height:14px;background:url(../images/site/email-mask.jpg) no-repeat top left;display:block;margin-top:2px}
a#mask:hover {background-position:bottom left;}
a#mask-white {width:111px;height:15px;background:url(../images/site/email-mask-white.jpg) no-repeat top left;display:block;margin-top:2px}

/* home cycle */
#cycle_wrapper {width:100%;overflow:hidden;text-align:center;height:380px}
#flash_wrapper {position:absolute;z-index:2;overflow:hidden;width:100%}
#static_wrapper {overflow:hidden;width:100%;background-color:#31323d}
#flash {margin:0 auto 0 auto}
table {width:1000px;overflow:auto}
#nav-wrapper {margin:0 auto; position:relative; width:1000px;}
#home #nav {position:absolute; bottom:0px; right:17px; z-index:1000;}
#home #nav ul li {padding:3px 13px;z-index:1000}
#home #nav ul li ul li {padding:6px 2px}
#nav li {position:relative;}
#nav ul {width:380px;}

#home #nav-ul {margin-top:25px;}
#nav ul .last {border-right:medium none !important; padding-right:0;}
#nav ul .first {padding-left:0 !important;}
#nav .left-panel, #home #nav .right-panel {float:left;}
#cycle-nav {margin:80px 46px 0 224px; padding:3px 0;position:absolute;bottom:10px;left:200px;z-index:100}
#cycle-nav a {background:url("../images/site/cycle-nav.png") no-repeat scroll left bottom transparent; color:#848484; display:block; float:left; height:16px; margin-left:8px; padding-left:2px; text-indent:-99999px; width:16px;}
#cycle-nav a.activeSlide {background-position:left top; color:#004271;}
.slide {width:100%}
.ways-to-grow {height:315px; width:100%;}
.help-whats-a-social-media-strategy-consist-of { height:315px; width:100%;}
.your-roadmap-for-web-20-success {height:315px; width:100%;}
.get-your-seo-strategy-in-focus {height:315px; width:100%;}
.tweeting-for-business {height:315px; width:100%;}

.scroller_cta {float:right; height:285px; padding:15px 20px; width:380px;text-align:left}
.scroller_cta span {font-size:20px;line-height:24px;color:#fff}
.scroller_cta a span {font-size:18px; font-weight:bold; padding:0;}
.scroller_cta p {line-height:20px; color:#fff;margin-top:10px}
.scroller_cta a.learn {color:#4487C3 !important;margin:0;height:15px;font-size:12px;}
.scroller_cta span em {color:#FFFFFF; font-size:34px; font-style:normal; line-height:26px;}
.scroller_cta h3 {font-size:14px; font-weight:bold; height:20px; margin:17px 0 0; padding:0; color:#4487C3}
.scroller_cta a {color:#FFFFFF; font-size:11px; height:20px; margin:10px 0 0 250px;}
.cta_more {float:right;}

/* home content */
#home .left-panel {width:601px;height:100%}
#home #content {float:left; min-height:300px !important; margin:10px 0 40px; padding:25px; width:910px;}
#home #content #intro { float:left; margin-right:28px; text-align:left; width:513px;padding-right:34px;border-right:1px solid #CACACA;}
#home #content #intro p, #content #cta p {float:left;}
#home #content #intro .more {margin-top:35px}
#home #content #cta {float:left;  width:310px; height:300px;background-color:#fff}
#home #content #cta p {height:100%;width:370px}
#home #content #cta em {width:100%;font-style:italic !important}
#home #content #cta div {left:20px;top:0 !important;display:none}
#home #content #cta h2 {float:left; width:160px;margin-right:25px;}
#home #content #cta .logo {float:left; margin:5px 0 20px;}
.left-width {float:left; height:20px; width:550px;}
.right-width {float:left; height:20px; width:410px;}
#home #content #cta .height {height:315px}

/* nav (home) */
#home #nav ul li ul li {border-right:medium none; border-top:1px solid #888888;}
#home .more {float:left; }
#home .more a {background:none repeat scroll 0 0 #FFFFFF; float:right; color:#4487C3}
#home .more a span {background:none repeat scroll 0 0 #FFFFFF; float:left; padding:2px 0}
#home #content {border:medium none;}

/* call to action (sub page) */
#cta {margin:0; padding:0; width:368px;}
#cta img {display:block;}
#cta h5 {font-size:20px}
#cta h6 {font-size:12px}
#cta em {font-style:normal !important}
#cta .cta-dot {margin-left:8px;}
#cta #lines {height:20px; width:368px;}
#cta #copy {background:none repeat scroll 0 0 #31323D; height:160px; padding:10px 25px 25px; width:318px;}
#cta #copy p {color:#FFFFFF; font-size:11px; width:300px; padding:15px 0;height:82px}
#top-level #cta br {display:none !important;}
#related {padding:40px 10px 0 65px; width:290px;}
#related h5 {margin:10px 0;}
#related ul li {border-top:1px solid #929292; padding:10px;}
#related ul li a {color:#020202;}

/* case studies & clients listing pages */
.cs {height:18px; margin-right:10px; width:205px;}
#case-study, #client {padding:0 0 30px; width:600px;list-style:none}
.case-studies.cms #case-study li, #client li {list-style:none !important;background:none}
#case-study li, #client li {border-bottom:1px solid #929292; float:left; padding:20px 0;}
#case-study .logo, #client .logo {float:right; margin:10px 30px 20px 20px; }
#case-study .detail, #client .detail {color:#202020; padding-left:30px; width:350px;}
#case-study .detail a {color:#FF9D04;}
#client .detail a {color:#980000;}
#case-study .results a {color:#020202}
.case-studies p a {color:#FF8C00 !important}

/* case study detail page cycle */
#scroll {border:1px solid #A7A7A7; height:383px; width:586px; margin-top:20px}
#scroll:hover {cursor:normal}
#scroll-nav {float:left; height:44px; margin:10px 0 20px; width:586px; padding:0}
#scroll-nav a {border:1px solid #A7A7A7; display:block; height:42px; width:42px;}
#scroll-nav a img {display:block; float:left; height:42px; width:42px;}
#scroll-nav li {border-right:10px solid #FFFFFF; float:left; height:42x; width:42px; background:#fff;padding:0;margin:0}
#scroll-nav li.activeSlide {}
#scroll-nav li.activeSlide a {border:1px solid #FF9D04;}
#scroll-nav .bar {float:right; height:44px; width:100px;}
#scroll-lines {float:left; height:44px; margin-top:15px; width:500px;}
#bar {background:none repeat scroll 0 0 #FF9D04; border-left:3px solid #FFFFFF; float:right; height:44px; margin:-64px -5px 0 0; width:100px;}

/* team */
#team li, #team ul {margin:0; padding:0;}
#team li {border-bottom:1px solid #BBBBBB; float:left; list-style:none outside none; padding:20px;}
#team .detail {padding-left:50px; width:360px;}
.team-detail img {margin-right:20px; padding:15px 10px 10px 0; width:150px;}
.team-detail p {padding:10px 0;}
.team-detail {padding:20px 15px}

/* eNews */
.enews {font-size:16px; font-weight:bold;}
.enews {font-size:14px; font-weight:bold; margin-bottom:25px;}
.enews {font-size:14px; font-weight:bold; margin-bottom:5px;}
#news-copy a {color:#006400;}
#news-copy ol li {list-style:decimal outside none;}
#news-copy ul li {list-style:disc outside none;}
.entry {border-bottom:1px solid #888888; margin:20px 0; padding-bottom:20px;}
.author, .entry-date, .discipline {color:#006400; font-size:11px;}
.entry img {padding:0 25px 10px 0;}
.enews span {padding:5px 0;font-size:12px;}
.enews span a {font-weight:bold;background:url("../images/site/pdf.png") no-repeat scroll 99% 4px transparent;display:block;padding:4px 0 7px 0;text-decoration:none;}
.enews span em {font-weight:normal;}
.enews h5 {margin-top:15px}
.news.black a {font-weight:bold}

/* portfolio embed (silverlight) */
#sl {border:2px solid #BBBBBB; display:block; height:622px; margin:80px 20px 100px; width:960px;}
#div_app_wrapper {height:622px; margin:0 auto; position:relative; width:960px;}
#overlay_panel {border:medium none; display:none; height:600px; left:60px; overflow:hidden; position:absolute; top:10px; width:880px; z-index:2000;}
iframe {overflow:hidden; width:880px; height:600px}
#shadow {position:fixed;  top:0;  left:0;  width:100%;  height:100%;  background-color:#000;  opacity:0.3;  filter:alpha(opacity=30);  -ms-filter:"alpha(opacity=30)";  display:none;}
.case-studies #video {margin:20px 0;width:586px;height:293px;}
#video {width:573px;height:315px;}

/* generic forms - specific forms located in form-style.css */
.signup {width:300px;margin-left:107px;}
.signup .forms li input:focus {border:2px solid #187a18}
.forms li label {width:180px;float:left}
.forms li input {float:left;border:2px solid #bbb;padding:3px;margin-right:10px}
.forms li input#submit {padding:2px}
.group li, .buttons {list-style:none outside none !important;}
#comment_form input[type="radio"] {background:none !important}

/* comments */
.comments li {list-style:none !important;padding:5px 15px;}
.comments li ul li {padding-left:10px}
.comment {border-bottom:1px solid #bbb}
textarea {border:2px solid #bbb;width:400px}
textarea:focus {border:2px solid #187a18}
#comment_form {padding:20px 0 0 25px}
#submit {width:100px;float:left;height:25px;font-size:14px;border:none;font-weight:bold;background:#fff url(../images/site/submit.gif) no-repeat top left;text-indent:-9999px}
/* search */
#results li {margin:15px 0;}
#results li h4 {font-weight:bold;}
#results h3 {border-bottom:1px solid #666666; margin-bottom:15px; width:100%;}
#results li h4 a {color:#0D3C82; text-decoration:underline;}
.pagination li {float:left; margin-right:15px;}
.here {font-size:120%; font-weight:bold;}

/* sitemap */
#sitemap {padding-left:50px;}
#sitemap li {list-style:disc outside none; padding:5px 0 5px 5px}
#sitemap li ul li {margin-left:15px}

/* misc overrides */
.services.cms ul li {line-height:24px; color:#202020; list-style:none;background:url(../images/site/li-red-dot.png) no-repeat 0 14px;padding:5px 0 5px 15px; margin-left:10px;height:100%}
.services.cms ul li ul li {list-style:none;background:url(../images/site/red-li-bullet.gif) no-repeat 0 13px;padding:5px 0 5px 15px; margin-left:10px;height:100%}
.case-studies ul {padding:10px 0}
.case-studies.cms ul li {color:#202020;line-height:24px; list-style:none;background:url(../images/site/li-orange-dot.png) no-repeat 0 14px;padding:5px 0 5px 15px; margin-left:10px;}
#nav .about {border-bottom:5px solid #990000 !important;}
#nav .experience {border-bottom:5px solid #FF8C00 !important;}
#nav .news {border-bottom:5px solid #006400 !important;}

/* catch-all */
#single {border:0 none;}
#single div {line-height:25px; padding-top:20px;}
#single img {float:right; margin-top:20px; padding:15px 0 25px 25px;}
#single li {line-height:18px; margin-bottom:10px; margin-left:20px;}
.bp li {list-style:decimal outside none; margin-left:25px; padding:2px 0;}
.privacy-policy h4 {font-weight:bold}