body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}
html {font-size:100.01%}
body {font-family: Tahoma, Verdana, sans-serif; color:#000; margin:0; padding:0; font-size:62.5%; line-height:62.5%}
#main {background:url(../images/bg.jpg) repeat-y; margin:0 auto; padding:0 50px; width:900px}
#header {clear:both; width:900px; background:#fff}
#header .border{ border-bottom:9px solid #EAE9DD; width:100%; clear:both}
img {border:none; display:block}
h1.logo a {z-index:1000; margin:10px 0 0 10px; position:absolute; display:block; background:url(../images/logo.jpg) no-repeat; width:171px; height:85px; text-indent:-9999px}
a {outline:none;}
#contact_details {float:right; width:500px; margin:40px 10px 10px 0}
#contact_details .details {float:right; padding:0; margin:0; overflow:hidden; list-style:none}
#contact_details .details .detail {float:left}
#contact_details .details .detail a, #contact_details .details .detail span {display:block; background-position:0 0; background-repeat:no-repeat; margin:0 5px; position:relative; text-indent:-9999px; height:13px}
#contact_details .details .detail a:hover{background-position:0 -13px !important}
#contact_details .details .detail a.email {background-image:url(../images/email.gif); width:111px}
#contact_details .details .detail span.telephone {background-image:url(../images/telephone.gif); width:153px}
.nav {float:right; width:500px; margin-right:10px}
#menu {float:right; padding:0; margin:0 0 15px; overflow:hidden}
#menu li{ float:left}
#menu li a{ display:block; background-position:0 0; background-repeat:no-repeat; margin:0 5px; position:relative; text-indent:-9999px; height:11px}
#menu li a:hover{background-position:0 -11px !important}
#menu li a.active{background-position:0 100% !important}
#menu li a.home {background-image:url(../images/home.gif); width:40px}
#menu li a.about{ background-image:url(../images/aboutus.gif); width:69px}
#menu li a.clients{ background-image:url(../images/clients.gif); width:57px}
#menu li a.blog{ background-image:url(../images/blog.gif); width:35px}
#menu li a.articles{ background-image:url(../images/articles.gif); width:66px}
#menu li a.contact{ background-image:url(../images/contact.gif); width:62px}
.nav h2{ border:1px solid white; margin:0 0 0 438px}
.photo{ z-index:10; clear:both; overflow:hidden; width:900px}
.tab-bar {clear:both; height:6px; background:#f00; line-height:0px; font-size:0px}
.shaded {background-color: #555}
.clear {clear:both; font-size:0px; height:0; line-height:0px; display:block}
#content{ width:900px; margin-bottom:17px; overflow:hidden}
.content_home_bg {background:#D1CEBC}
.two-thirds{ float:left; width:610px; background:#fff}
.two-thirds p {margin:0 0 10px 0; font-size:1.2em; line-height:15px; color:#434343}
.what-we-do-content .subpage-content, .about-us-content .subpage-content {padding:13px 15px 15px; width:500px}
.thoughts-content .subpage-content {padding:13px 0 15px}
.subpage-content p a{ color:#F504B3 !important; text-decoration:underline !important}
.subpage-content li {color: #757575}
.subpage-content h4 {font-size:1.2em; line-height:20px; font-weight:bold; margin:10px 0 0; color:#F504B3}
.subpage-content h5 {font-size:1.2em; line-height:15px; font-weight:bold; margin:10px 0; color:#9000B8}
.subpage-content a {color: #434343; text-decoration: none}
.gray_bg {background:#ebeade}
.sidebar {float:right; width:272px; padding:9px; background:#D1D0BE}
.sidebar h2 {margin:0; padding:10px 0 0 0}
.mini-sidebar {float:right; width:200px; padding:10px 0 10px 10px}
.mini-sidebar img {margin: 0 auto 0 auto; width: 200px}
.mini-sidebar .bookmarks {margin-right:0}
.bookmarks {background-color:yellow; float: right; list-style: none}
.bookmarks ul {margin: 0; padding: 0 5px 5px 0}
.bookmarks li {float:left; padding: 0 5px 0 0; background-position:bottom left; list-style:none}
.bookmarks li a {display:block; width:20px; height:20px; color: #474641; padding: 0 0 0 4px; text-decoration: none}
.bookmarks li.delicious {background:url(../images/bookmarks/delicious.gif) no-repeat}
.bookmarks li.reddit {background:url(../images/bookmarks/reddit.png) no-repeat}
.bookmarks li.digg {background:url(../images/bookmarks/digg.gif) no-repeat}
.bookmarks li.facebook {background:url(../images/bookmarks/facebook.gif) no-repeat}
.bookmarks li.stumbleupon {background:url(../images/bookmarks/stumbleupon.gif) no-repeat}
.booksmarks .splitter {float:left; width:2px; height:100%; background-color:#f00}
.full-width {border-top:9px solid #EAE9DD}
.page {background-color:#fff}
.top-spaced {}
.enlarge {float: right; margin-top: 5px}
h2.head01{ width: 595px; background:url(../images/head01.jpg) no-repeat; height:33px; line-height:33px; margin:0 0 0 -3px; position:relative; text-indent:-9999px}
.top{ background:#fff url(../images/lead_text.gif) no-repeat top left; width:610px; height:174px; overflow:hidden}
.top h2{margin:0}
.top h3{margin:-10px 0 0}
.boxes{ background:url(../images/bg-boxes.jpg) repeat-y; width:610px; overflow:hidden}
.boxes h3 {text-indent:-9999px; width:178px; height:18px; display:block; background:no-repeat top left }
.boxes h3.brand{ background-image:url(../images/head02.jpg)}
.boxes h3.marketing{ background-image:url(../images/head03.jpg)}
.boxes h3.buy-in{ background-image:url(../images/head04.jpg)}
.box{ cursor: pointer; float: left; height: 120px; padding:13px 15px 13px 10px; width:178px}
.box h3{ width:178px; margin:0; padding:0 0 6px; border-bottom:2px solid #fff}
.box h4{ font-weight:bold; font-size:1.4em; line-height:16px; color:#fff; margin:5px 0 0}
.box p{ font-size:1.1em; line-height:13px; color:#fff; margin:12px 0 0}
.colums-info{ background-color:#D1CFBD; width:610px; margin-top:10px; padding:0px 0 14px; overflow:hidden}
.leaders{ float:left; width:590px; padding:0 15px 0 10px}
.leaders h2{ margin:0 0 -10px; padding:0; border-bottom:2px solid #fff}
.leaders_grey_line hr{ border:none; border-bottom:2px solid #fff; margin-bottom:10px}
.leaders h4{ font:bold 150%; color:#3f3f39; margin:9px 0 0}
.leaders p{ font:120%/120%; color:#70706a; margin:0}
.leaders span{ font:100%/120%; color:#70706a; margin:0}
.links{ width:280px; padding:8px 0 0; margin:12px 0 0; overflow:hidden; list-style:none; border-top:2px solid #fff}
.links li{ width:280px; padding:0 0 3px}
.links li a{ display:block; text-indent:-9999px}
.links li a.link1{ background:url(../images/link1.jpg) no-repeat; width:79px; height:15px; line-height:12px}
.links li a.link2{ background:url(../images/link2.jpg) no-repeat; width:101px; height:16px}
.links li a.link3{ background:url(../images/link3.jpg) no-repeat; width:224px; height:15px}
.new{ width:280px; border-top:2px solid #d1d0be; padding:12px 0; overflow:hidden}
.new p {font-size:1.7em; line-height:1.1em; color:#4c4c4c; margin:0}
.new h4 {font-size:1.4em; font-weight:bold; line-height:1.5em; color:#2a2a2a; margin:4px 0 0; text-transform:uppercase}
.new span {float:left; font-size:1.2em; line-height:1.2em; color:#4c4c4c}
.new a.more {float:right; background:url(../images/more.jpg) no-repeat; width:43px; height:17px; margin:-2px 0 0; text-indent:-9999px}
.cases-content h1, .cases-content h2, .cases-content h3, .cases-content .body_text h3, .cases-content h4 {color:white}
.body_text {color:#595959; padding:10px 0; line-height:1.4em}
.body_text h1, .body_text h2, .body_text h3, .body_text h4, .body_text h5, .body_text h6 {color:#9000B8; margin: 10px 0 0 0}
.body_text p {margin-right: 15px}
.body_text blockquote {background-color: #F519B9; color: #ddd; float: right; margin: 10px 0 10px 10px; padding: 10px; width: 230px}
.body_text blockquote h1, .body_text blockquote h2, .body_text blockquote h3, .body_text blockquote h4, .body_text blockquote h5, .body_text blockquote h6 {color:#fff; margin: 5px 0 5px 0}
.body_text blockquote p {margin: 0 0 10px; padding: 0}
.body_text img {float: right; margin: 10px 0 10px 10px}
.body_text a {color:#595959; font-weight:bold; text-decoration:none}
.body_text strong, .body_text b{ font-weight:bold}
.body_text ul {margin:5px 0 0 25px}
.body_text li {list-style-type: disc; margin:0; padding:0; font-size:1.2em}
.related_services {font-size:120%; font-style:normal; line-height:120%}
.related_services img {padding: 5px 0}
.related_services p {margin:5px 0}
.related_services a{ line-height:1.2em; font-weight:bold; color: #5a5a5a; margin-top:5px; text-decoration:none}
.related_services a:hover {background:#F504B3; color:#fff}
.case_study{ width:271px; overflow:hidden; padding:0 0 15px}
.foto{ width:271px; overflow:hidden; position:relative}
.title{ position:absolute; bottom:0; left:0}
* html .title{bottom:-1px}
.title h2 {float:left; font-weight:bold; font-size:1.4em; line-height:1.1em; color:#474747; background:#fff; padding:4px 6px 1px 6px; margin:0; text-transform:uppercase}
.title h2 a {color:#fff}
#case_study_page .sidebar {float:right; width:33% }
#case_study_page .blurb {font-size:1.1em; line-height:15px; color:#fff; background-color:#fff; padding:1px 10px; font-size: 98%; font-height: 98%}
#case_study_page .blurb p, #case_study_page .blurb li {color:#F504B3; font-size:1.3em; font-weight:bold}
#case_study_page .download {padding:0 0 0; margin:10px 0; color:#000; float:left; background-color:yellow; text-align:center}
.download h2.small_blog{ font-size:10px; line-height:6px !important}
.pagination {padding:0; float:left; margin:0 0 20px 10px; font-weight:bold}
.pagination .disabled, .pagination .next_page, .pagination .prev_page{ display:none}
.pagination a, .pagination .current{ margin:0 2px; margin: 0; padding: 5px; color:#F504B3; background-color:#FFFFFF; text-decoration:none}
.pagination .current{ color:#FFFFFF; background-color:#F504B3}
#case_study_page .body_text {margin:0 210px 20px 22px}
.body_text p {color:#757575; margin-top:0}
#case_study_page .body_text h2, #case_study_page .body_text h4 {color:#F504B3; font-weight:900}
.case_study p {font-size:1.1em; line-height:13px; color:#474641; margin:6px 0 0}
.case_study a.more{ width:51px; height:17px; text-indent:-9999px; float:right; display:block; margin-left:5px; margin-bottom:5px}
.case_study a.more img{ float:right}
#footer{ background:url(../images/bg-footer.jpg) no-repeat; width:1000px; height:34px; margin-left:-50px; padding:0; overflow:hidden}
#footer .extra {font:10px/18px "Trebuchet MS", Verdana, sans-serif; color:#fff; margin:9px 40px; position:absolute; margin-left:400px}
#footer .extra a{ color:inherit}
#footer a.engine {background:url(../images/engine.png) no-repeat bottom right; color:#fff; float:right; font-size:1em; height: 30px; line-height:44px; margin: 0 54px 0 0; text-decoration:none; width:126px}
p.copy{ float:left; font:10px/18px "Trebuchet MS", Verdana, sans-serif; color:#fff; margin:9px 40px}
.cs_summary {margin: 15px 22px 0 22px}
.cs_summary h3, .subpage-content h3{ margin-top:-6px !important}
.sIFR-active {visibility: hidden}
.sIFR-flash {visibility: visible !important; margin: 0}
.sIFR-replaced {visibility: hidden !important; padding-right: 5px; color:#fff}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden}
.sIFR-flash + div[adblocktab=true] {display: none !important}
.sIFR-hasFlash #header .phone h2{ color:#ffffff; font-size:26px; letter-spacing:0; line-height:30px; margin:0; padding:0; width:250px; height:30px}
.sIFR-hasFlash .what-we-do-content h1, .sIFR-hasFlash .about-us-content h1, .sIFR-hasFlash .thoughts-content h1, .sIFR-hasFlash .cases-content h1 {font-size:26px; letter-spacing:0; line-height:30px; margin:0; padding:0}
.sIFR-hasFlash .what-we-do-content h2, .sIFR-hasFlash .about-us-content h2, .sIFR-hasFlash .thoughts-content h2, .sIFR-hasFlash .cases-content h2, .sIFR-hasFlash .home-page h2 {font-size:26px; letter-spacing:0; line-height:30px; margin:0; padding:0}
.sIFR-hasFlash div.download {background: yellow; font-size:8px; line-height:8px}
.sIFR-hasFlash .thoughts-content h2.sifr-header{ margin:0 125px 0 15px}
.sIFR-hasFlash .what-we-do-content h3, .sIFR-hasFlash .about-us-content h3, .sIFR-hasFlash .cases-content h3, .sIFR-hasFlash .home-page h3 {font-size:20px; letter-spacing:0; line-height:28px; margin:0; padding:0}
.sIFR-hasFlash .cases-content h3 {margin:0}
.sIFR-hasFlash .cases-content h4{ font-size:20px; letter-spacing:0; line-height:18px; margin:0; padding:0}
.sIFR-hasFlash .cases-content h1{ font-size:20px}
.sIFR-hasFlash .cases-content h2{ font-size:20px}
.sIFR-hasFlash .cases-content h3{ font-size:16px}
.sIFR-hasFlash .cases-content h4{ font-size:1.2em}
.home-page h3, .home-page h2 {color:white}
.sIFR-hasFlash .home-page h3{ margin: -25px 10px 0px !important; font-style: uppercase; font-size:40px; line-height:32px}
.sIFR-hasFlash .home-page h2{ margin: 10px 10px -20px !important; font-style: uppercase; font-size:50px}
.sIFR-hasFlash .title h2 {color:#ffffff; font-size:12px; padding-left:5px; padding-right:5px; visibility:visible !important}
.small_blog{ font-size:2em; text-transform: uppercase; padding:5px 0 !important}
.top h2 span, .top h3 span {display:none}
object, embed{ padding:0; margin:0}
img.contact_large_map {margin: 0px auto; padding: 30px}
#contact_form {margin-top:30px; padding:10px 0 15px 140px}
#contact_form .send {float:right; margin:20px 0 18px 0; width:132px; height:31px}
#contact_form input, #contact_form textarea {width:210px}
#contact_form .lcolumn {float:left; width:225px}
#contact_form .rcolumn {float:right; width:225px}
.contact_email{ margin-top:40px; display:block; width:217px; height:25px; background:url(../images/contact_email.jpg) bottom; text-indent:-999px}
.contact_email:hover{ background-position:top}
#contact_form img.contact_email, #contact_form img.contact_message {margin-top:40px}
#contact_form img.contact_phone {margin:0}
.form_pair {float:left; width:220px; margin-top:12px}
.form_pair img {clear:both; margin:3px}
.form_field input, #contact_form textarea {border: solid 1px #808080}
.form_error {color:#c50000; font-weight:bold}
.field_with_errors input, .field_with_errors textarea {border: solid 1px #c50000}
.error {background-color:#f88}
.spacer {height:50px; background-color:#FFFFFF}
.splitter {border-bottom: 3px solid #fff; line-height: 0px; margin:10px 0; width:92%}
.dark {border-bottom: 3px solid #d1d0be}
.padded {margin:15px}
.tags {color:#2489F3}
.categories img {margin:10px 0 8px 0}
.categories a {color:#595959; cursor: pointer; text-decoration:none; font-size:1.3em; line-height:1.4em}
.categories a:hover {color:#fff; background:#F504B3}
.post, .news {color:#4C4C4C; margin-top: 10px}
.post h4, .news h4 {margin:0; font-size:1.5em; line-height:16px; font-weight:900}
.news h4 a, .post h4 a {text-decoration:none; color:#4C4C4C}
.container h4, .container h3 {margin:0 0 3px 0; font-size:1.6em; line-height:1.2em; font-weight:900; color:#9000B8}
.article .container{ width:500px}
.article .container h4 {font-size:1.8em; line-height:1.5em; margin:0}
.article .author, .article h4 a{ color:#E4098C !important}
.article .author{ font-size:1.2em}
.article .imagewrap{ max-height:300px; overflow:hidden; width:424px}
.article img{ margin:0 0 8px}
.article .metadata a, .article .metadata p, .article .metadata .tags{ color:#999}
.bookmarks{ background:none}
.container h3 {font-size:1.8em; color:#F504B3}
.container h4 a {color:#9000B8; text-decoration:none}
.container p {margin:0 0 10px 0; color:#434343; line-height:1.2em}
.metadata p {font-size:1em; line-height:1.2em; margin:0; color:#767676}
.preview {margin: 15px}
.preview p {margin: 0}
.preview img {float:left; border:2px solid #ccc}
.preview .container {margin-left:150px}
.view_all {float:right; padding-right:15px}
.date {background-color:#F504B3; color:#fff; line-height:1em; float:left; font-size:1.4em; font-weight:bold; padding: 10px 10px 10px 15px}
.most_popular {color:#595959}
.most_popular h3, .most_popular p {font-size:1.4em; margin: 5px 0; line-height:1.2em}
.most_popular h3 {font-size:1.2em; padding-top:8px}
.most_popular p {padding-top:5px}
.most_popular h3 a {color:#595959; margin:10px 0 0 0; text-decoration: none}
.most_popular h3 a:hover {background:#F504B3; color:#FFFFFF}
.featured {margin:5px 15px; padding:5px; background-color:#eceade}
.featured img {float:right}
.featured .container {margin-right:272px; padding:3px}
.cropped {width:580px; overflow:hidden}
.article, .thought {margin: 5px 15px 0 15px}
.tags a {color:#2489f3; text-decoration:none}
.body_text h3 {margin-bottom:14px}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.cf {display: inline-block;}
* html .cf {height: 1%;}
.cf {display: block;}
#case_study_banner {position:relative}
#case_study_banner .controls {margin:10px 20px; font-size:110%; display:block}
#case_study_banner .controls ul, #case_study_banner .controls ul li {list-style:none; margin:0; padding:0; display:block}
#case_study_banner .controls strong, #case_study_banner .controls ul, #case_study_banner .controls ul li {float:left; display:block}
#case_study_banner .controls ul li a {padding:5px; display:block; float:left}
#case_study_banner .controls strong {font-weight:bold; padding:5px}
#case_study_banner .controls a.active {background:yellow}
#case_study_banner .scroller {overflow:hidden; width:610px; height:305px; background:#D8D8D8}
#case_study_banner .scroller .previous, #case_study_banner .scroller .next {display:block; height:305px; width:35px; background:none; position:absolute; top:0; left:0; z-index:9999; cursor:pointer; text-indent:-9999em; overflow:hidden; background:url(../images/previous_arrow.png) left no-repeat}
#case_study_banner .scroller .next {right:0; left:auto; background:url(../images/next_arrow.png) left no-repeat}
#case_study_banner .scroller .content {width:10000px}
#case_study_banner .scroller .section {width:610px; height:305px; overflow:hidden; float:left}
#modal_overlay {background-color: #000}
.clients-title {padding: 10px 30px 0px}
.more_things{ cursor: pointer}
.thankyou{ height:300px; padding:20px}