@import url(/stylesheets/blueprint/plugins/buttons/buttons.css);
body, input, textarea, select {
  font-family: 'Helvetica Neue',Helvetica,Arial,'sans-serif'; }

body {
  margin: 0px;
  padding: 0px;
  font-size: .85em;
  color: #555555;
  line-height: 1.5;
  background: #fff url('/images/subpage-repeat.gif') 0 3px repeat-x; }
  body.homepage {
    background: #ffffff; }

#spacer {
  background: url("/images/spacer.png") 0 0 repeat-x;
  width: 735px;
  height: 1px;
  margin-top: 30px; }

#lheadertop {
  background: url("/images/l_color_header.png") 0 0 no-repeat;
  height: 36px;
  width: 1025px;
  position: relative;
  *display: inline-block; }
  #lheadertop:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#lleftfloat {
  background: url("/images/l_left_thin.jpg") 0 0 no-repeat;
  left: 0px;
  top: 36px;
  width: 9px;
  height: 477px;
  position: absolute; }

#lrightfloat {
  background: url("/images/l_left_thin.jpg") 0 0 no-repeat;
  left: 1016px;
  top: 36px;
  width: 9px;
  height: 477px;
  position: absolute; }

#main {
  min-height: 477px;
  padding: 35px 45px;
  background-color: #fff;
  *display: inline-block; }
  #main:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #main .content_divider {
    *display: inline-block;
    border-bottom: 1px dotted #dbdbdb; }
    #main .content_divider:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

b, strong {
  color: #222222; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Helvetica Neue',Helvetica,Arial,'sans-serif'; }

h2 {
  font-size: 1.8em;
  font-weight: normal;
  color: #ff2063; }

a {
  color: #fb1263; }

a:focus, a:active {
  outline: none; }

dt {
  margin-top: 8px;
  color: #222222; }

ul {
  color: #444;
  list-style-type: none; }

label {
  float: left;
  font-size: 1.1em;
  font-weight: normal;
  margin-right: 5px;
  text-align: right;
  width: 80px; }

textarea, input {
  background: #FFFFFF url(/images/fieldbg.gif) repeat-x scroll center top;
  border-color: #7C7C7C #C3C3C3 #DDDDDD;
  border-style: solid;
  border-width: 1px;
  font-size: .90em;
  padding: 4px 2px;
  margin: 0px; }
  textarea:focus,   input:focus {
    background: #FFFFFF url(/images/fieldbg.gif) repeat-x scroll center top;
    border-color: #4a4a4a #909090 #aaaaaa; }

button {
  margin: 0px; }

.field {
  margin-bottom: 15px;
  *display: inline-block; }
  .field:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.error {
  border: 2px solid #ff8a8a;
  color: #d00505;
  background: #ffcfcf; }
  .error b {
    color: #d00505; }
  .error li {
    color: #d00505; }












pre.code {
  background-color: #F9F9F9;
  border: 1px solid silver;
  color: #110000;
  overflow: auto; }

.summary {
  font-size: 1.2em;
  background-color: #f7f7f7;
  border-top: 2px solid #ececec;
  padding: 5px;
  margin-bottom: 30px;
  margin: 12px 0 30px 0;
  padding: 10px;
  font-family: 'Helvetica Neue',Helvetica,Arial,'sans-serif'; }
  .summary .caption {
    font-weight: bold;
    font-size: .9em; }

.homepage #container {
  margin: 0px auto 20px;
  padding-top: 60px;
  position: relative;
  font-size: 12px; }

#container {
  margin: 0px auto 20px;
  width: 1024px;
  padding-top: 60px;
  position: relative;
  font-size: 12px; }

.amp {
  font-family: 'Georgia', Palatino, 'Book Antiqua', serif;
  color: #aaaaaa; }

.column {
  float: left; }

.two_column {
  float: left; }

ul#sectional_nav {
  list-style: none;
  position: absolute;
  top: 0px;
  right: 20px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  padding: 0px 5px;
  background: #ececec; }
  ul#sectional_nav li {
    float: left;
    height: 22px; }
    ul#sectional_nav li.divider {
      background: transparent url(/images/divider.jpg) 5px 5px no-repeat;
      padding: 4px 5px;
      height: 14px; }
    ul#sectional_nav li a.selected {
      color: #fb1263;
      background-color: transparent; }
      ul#sectional_nav li a.selected:hover {
        color: #fb1263; }
    ul#sectional_nav li a {
      font-family: Georgia;
      font-style: italic;
      padding: 0px 5px;
      font-size: 12px;
      float: left;
      margin-top: 1px;
      text-decoration: none;
      color: #737373; }
      ul#sectional_nav li a:hover {
        color: #000; }

#services_nav {
  float: right;
  margin-left: 20px; }

body.results #content p {
  font-size: 14px;
  line-height: 1.4em; }
body.results .quote {
  font-style: italic;
  margin-bottom: 5px; }
body.results .quoteby {
  font-weight: bold;
  color: #000; }

ul.results {
  margin: 0px;
  padding: 0px;
  *display: inline-block; }
  ul.results:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  ul.results li {
    margin: 20px;
    float: left;
    display: table;
    border: 2px solid #dddddd;
    padding: 19px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    *display: inline-block; }
    ul.results li img {
      margin: 0px 20px 0px 0px; }
    ul.results li .row {
      width: 385px; }
    ul.results li a, ul.results li p {
      display: table-cell;
      vertical-align: middle;
      text-decoration: none;
      color: #333333;
      font-weight: bold; }
    ul.results li a.result_logo, ul.results li p {
      width: 181px; }
    ul.results li p {
      height: 85px;
      border-left: 2px solid #dddddd;
      padding-left: 20px;
      text-align: left;
      margin-bottom: 0px; }
    ul.results li a.text, ul.results li a.url {
      display: block; }
    ul.results li a.url {
      color: #aaaaaa; }
    ul.results li:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

body.approach ul.approach {
  margin: 20px 0 0 0;
  padding: 0px; }
  body.approach ul.approach li {
    float: left;
    width: 160px;
    margin: 0px 25px 40px 0px; }
    body.approach ul.approach li.third {
      margin-right: 0px; }
  body.approach ul.approach img {
    width: 170px;
    height: 170px;
    margin: 0px;
    padding: 2px;
    display: block;
    border: 1px solid #cccccc; }

h3.testimonials {
  padding: 12px;
  background-color: #f5f5f5;
  margin: 20px 0px 0px 0px;
  border-bottom: 1px solid #ccc; }

ul.testimonials {
  *display: inline-block;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6; }
  ul.testimonials:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  ul.testimonials li {
    margin: 20px;
    font-style: italic; }
    ul.testimonials li .quoteby {
      font-style: normal;
      font-weight: bold;
      margin-bottom: 0px; }

body.contact #content form#contact_form p, body.contact #content .shadow_box p {
  font-size: 14px; }
body.contact #content form#contact_form h2, body.contact #content .shadow_box h2 {
  font-weight: bold;
  color: #666;
  font-size: 1.6em;
  line-height: 24px; }
body.contact #content form#contact_form label.checkbox_label {
  position: absolute;
  margin-top: 0px; }
body.contact #content form#contact_form p.checkbox {
  margin-bottom: 5px;
  *display: inline-block; }
  body.contact #content form#contact_form p.checkbox:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  body.contact #content form#contact_form p.checkbox.last {
    margin: 0px 0px 1.5em; }
  body.contact #content form#contact_form p.checkbox input {
    width: auto;
    float: left;
    margin-right: 10px;
    margin-left: 125px;
    margin-top: 4px;
    border: 0px;
    background: transparent; }
  body.contact #content form#contact_form p.checkbox label {
    float: left;
    margin-top: 0px;
    width: auto; }
body.contact #content form#contact_form label {
  margin-top: 5px;
  margin-right: 10px;
  width: 115px;
  text-align: right; }
body.contact #content form#contact_form input, body.contact #content form#contact_form textarea {
  font-size: 14px;
  color: #666666; }
body.contact #content form#contact_form select {
  font-size: 14px;
  padding: 4px 2px; }
body.contact #content form#contact_form input {
  width: 300px; }
body.contact #content form#contact_form textarea {
  width: 300px;
  height: 100px; }
body.contact #content form#contact_form button {
  float: right;
  background-color: #fff;
  color: #529214; }
  body.contact #content form#contact_form button:hover {
    border-color: #C6D880; }

.sub form#subscribe {
  border: 6px solid #DDDDDD;
  padding: 20px; }
  .sub form#subscribe h2 {
    font-size: 1.4em;
    color: #00A040; }
  .sub form#subscribe input {
    width: 177px; }

#sidebar form#subscribe {
  border: 6px solid #DDDDDD;
  padding: 20px;
  margin-top: 20px; }
  #sidebar form#subscribe h2 {
    font-size: 1.4em;
    color: #00A040; }
  #sidebar form#subscribe input {
    width: 194px; }

form#subscribe {
  *display: inline-block; }
  form#subscribe:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  form#subscribe button {
    float: right; }
  form#subscribe input {
    width: 194px;
    display: inline;
    float: left; }
  form#subscribe label {
    width: 60px;
    color: #565656;
    font-weight: bold;
    display: inline;
    float: left; }

ul#nav.menu_bar li#results {
  width: 83px; }
ul#nav.menu_bar li#services {
  width: 96px; }
ul#nav.menu_bar li#approach {
  width: 105px; }
ul#nav.menu_bar li#company {
  width: 103px; }
ul#nav.menu_bar li#contact {
  width: 88px; }

#header {
  position: relative;
  margin-bottom: 5px;
  z-index: 100;
  *display: inline-block; }
  #header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #header #logo {
    margin: 0px 0 0 20px; }
    #header #logo a {
      color: #ED1556;
      background: transparent url(/images/logo_large_new.jpg) 0px 0px no-repeat;
      text-indent: -9999px;
      display: block;
      width: 201px;
      height: 50px;
      outline: 0px;
      float: left;
      margin: 0px; }
  #header #nav.menu_bar {
    margin: 0px;
    position: absolute;
    right: 70px;
    float: left;
    top: 0px;
    *display: inline-block; }
    #header #nav.menu_bar:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #header #nav.menu_bar li {
      display: inline;
      float: left;
      position: relative;
      border: 1px solid #ffffff;
      margin: 0px 12px;
      height: 48px; }
      #header #nav.menu_bar li.hover {
        border: 1px solid #d2d2d2;
        background: #1f1f1f; }
        #header #nav.menu_bar li.hover a.headlink, #header #nav.menu_bar li.hover a.subtext {
          color: #ffffff;
          display: block; }
        #header #nav.menu_bar li.hover .nav_arrow {
          position: absolute;
          top: 48px;
          width: 20px;
          height: 10px;
          margin-left: 50%;
          left: -10px;
          background: transparent url(/images/nav_arrow.jpg) center 0px no-repeat; }
      #header #nav.menu_bar li a.cover_link {
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        display: block;
        position: absolute; }
      #header #nav.menu_bar li p {
        position: relative;
        top: -6px;
        left: 10px;
        font-style: italic;
        overflow: auto;
        font-family: Georgia;
        margin: 0px; }
      #header #nav.menu_bar li a.subtext {
        color: #1f1f1f;
        text-decoration: none; }
      #header #nav.menu_bar li a.selected {
        background: #E3E7F0; }
      #header #nav.menu_bar li a.headlink {
        padding: 3px 12px 0px;
        display: block;
        text-decoration: none;
        font-weight: bold;
        font-size: 18px;
        font-family: arial; }

#results a.headlink {
  color: #fb1263; }

#services a.headlink {
  color: #af027e; }

#approach a.headlink {
  color: #372086; }

#company a.headlink {
  color: #0066b8; }

#contact a.headlink {
  color: #00a040; }

#navigation {
  *display: inline-block;
  margin: 0px 0px 20px 0px;
  background-color: #4A6FAB; }
  #navigation:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

ul.main_navigation, ul.extra_navigation, ul.secondary_navigation {
  *display: inline-block;
  display: block;
  position: relative;
  padding: 0px;
  margin: 0px; }
  ul.main_navigation:after,   ul.extra_navigation:after,   ul.secondary_navigation:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  ul.main_navigation li,   ul.extra_navigation li,   ul.secondary_navigation li {
    float: left; }
    ul.main_navigation li.first a,     ul.extra_navigation li.first a,     ul.secondary_navigation li.first a {
      border-left-width: 0px; }
    ul.main_navigation li.last a,     ul.extra_navigation li.last a,     ul.secondary_navigation li.last a {
      border-right-width: 0px; }
    ul.main_navigation li a,     ul.extra_navigation li a,     ul.secondary_navigation li a {
      display: block;
      padding: 3px 15px 5px 15px;
      text-decoration: none;
      font-weight: normal;
      color: #fff; }
      ul.main_navigation li a:hover, ul.main_navigation li a.selected,       ul.extra_navigation li a:hover, ul.extra_navigation li a.selected,       ul.secondary_navigation li a:hover, ul.secondary_navigation li a.selected {
        background-color: #fff;
        color: #4A6FAB; }

ul.secondary_navigation {
  *display: inline-block;
  width: 538px;
  background-color: #eee; }
  ul.secondary_navigation:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  ul.secondary_navigation li a {
    color: #000; }

ul.main_navigation {
  float: left; }

ul.extra_navigation {
  float: right; }

body.homepage #main {
  margin-top: 10px;
  padding-top: 0px;
  min-height: 0px;
  padding: 20px 20px 20px 20px;
  background-color: transparent; }
body.homepage #home_slides {
  position: relative;
  left: 0px;
  font-family: 'Helvetica Neue',Helvetica,Arial,'sans-serif';
  height: 342px; }
  body.homepage #home_slides #rainbow_bkg {
    position: absolute;
    top: 0px;
    width: 984px;
    height: 100%;
    display: block;
    background: url("/images/rainbow.png") repeat-y; }
  body.homepage #home_slides #slide1 {
    background: #000 url("/images/slide-1-bkg.jpg") 10px 0 no-repeat;
    color: #fff; }
    body.homepage #home_slides #slide1 h2 {
      position: absolute;
      top: 50px;
      left: 30px;
      font-size: 36px;
      line-height: 44px;
      font-family: 'Helvetica Neue', 'helvetica';
      font-weight: lighter;
      width: 560px;
      color: #fff; }
      body.homepage #home_slides #slide1 h2 b {
        font-weight: bold;
        color: #fff; }
    body.homepage #home_slides #slide1 #citrusbyte_dna {
      position: absolute;
      top: 210px;
      left: 30px;
      width: 500px;
      font-size: 16px;
      color: #fff;
      font-family: 'helvetica neue', 'helvetica';
      font-weight: lighter;
      color: #ddd; }
      body.homepage #home_slides #slide1 #citrusbyte_dna b {
        color: #fff; }
    body.homepage #home_slides #slide1 #sharespost_link {
      position: absolute;
      top: 70px;
      right: 35px;
      text-align: right;
      line-height: 16px;
      color: #1a92f4;
      font-weight: bold; }
      body.homepage #home_slides #slide1 #sharespost_link a {
        color: #2af2f9;
        font-weight: lighter; }
        body.homepage #home_slides #slide1 #sharespost_link a:hover {
          color: #fff; }
    body.homepage #home_slides #slide1 #sharespost_description {
      position: absolute;
      width: 150px;
      bottom: 6px;
      right: 210px; }
    body.homepage #home_slides #slide1 #sharespost_stats {
      font-size: 1.3em;
      position: absolute;
      bottom: 7px;
      right: 50px; }
    body.homepage #home_slides #slide1 .big {
      font-size: 1.3em;
      display: inline; }
  body.homepage #home_slides #slide2, body.homepage #home_slides #slide3 {
    display: none; }
  body.homepage #home_slides .slide {
    position: relative;
    top: 3px;
    height: 336px;
    width: 984px;
    background-color: #000; }

ul#big_three {
  *display: inline-block;
  margin: 0px; }
  ul#big_three:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#splash {
  position: absolute;
  width: 100%;
  background: #000000;
  height: 342px;
  left: 0px;
  top: 140px; }

.finalist {
  background: transparent url(/images/tech_crunch_finalist.jpg) 0px 0px no-repeat;
  width: 331px;
  height: 108px; }

.video_embed {
  text-align: center; }

.slideshow {
  position: absolute;
  bottom: -40px;
  font-size: 10px; }
  .slideshow a.activeSlide {
    background-color: #888;
    color: #fff; }
  .slideshow a {
    margin: 2px;
    float: left;
    display: inline;
    background: transparent url(/images/bubbly_toes.jpg) 0px 0px no-repeat;
    color: #fff;
    display: block;
    text-indent: -9999px;
    height: 19px;
    width: 19px;
    padding: 0px; }
    .slideshow a#slide_1 {
      background-position: -3px 0px; }
      .slideshow a#slide_1.activeSlide {
        background-position: -3px -19px;
        height: 27px; }
    .slideshow a#slide_2 {
      background-position: -31px 0px; }
      .slideshow a#slide_2.activeSlide {
        background-position: -31px -19px;
        height: 27px; }
    .slideshow a#slide_3 {
      background-position: -59px 0px; }
      .slideshow a#slide_3.activeSlide {
        background-position: -59px -19px;
        height: 27px; }
    .slideshow a#slide_4 {
      background-position: -87px 0px; }
      .slideshow a#slide_4.activeSlide {
        background-position: -87px -19px;
        height: 27px; }
    .slideshow a#slide_5 {
      background-position: -114px 0px; }
      .slideshow a#slide_5.activeSlide {
        background-position: -114px -19px;
        height: 27px; }

#homepage_results {
  position: relative;
  margin-top: 70px;
  background-color: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
  *display: inline-block; }
  #homepage_results:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #homepage_results h3 {
    font-family: arial;
    font-size: 20px;
    position: absolute;
    top: -30px;
    left: 0px; }
  #homepage_results .result {
    position: relative;
    width: 260px;
    height: 350px;
    display: block;
    padding: 27px;
    float: left; }
    #homepage_results .result .logo {
      float: right; }
    #homepage_results .result .title a {
      font-weight: bold;
      color: #555555;
      text-decoration: none; }
      #homepage_results .result .title a:hover {
        text-decoration: none;
        color: #555555; }
    #homepage_results .result .tag {
      position: relative;
      border-top: 1px solid #ddd;
      margin-top: 10px;
      padding-top: 20px;
      width: 100%; }
      #homepage_results .result .tag .text {
        position: absolute;
        right: 0px;
        top: 11px;
        font-size: 18px;
        font-weight: bold; }
    #homepage_results .result .screenshot img {
      border: 1px solid #bbb; }
  #homepage_results #venture360 .logo img {
    position: relative;
    top: -13px; }
  #homepage_results #myadbuilder .logo img {
    position: relative;
    top: 10px; }

#homepage_services {
  width: 655px;
  margin-top: 60px;
  position: relative; }
  #homepage_services h3 {
    font-size: 20px;
    position: absolute;
    top: -30px;
    left: 0px; }
  #homepage_services .services {
    margin: 0px;
    padding: 0px; }
    #homepage_services .services li {
      border: 1px solid #d4d4d4;
      background-color: #f4f4f4;
      color: #333;
      line-height: 16px;
      padding: 10px;
      margin: 0 5px 5px 0;
      float: left;
      height: 40px;
      width: 290px;
      display: block;
      font-size: 16px; }

.arrow_bubble {
  background: transparent url(/images/gray_arrow_down.gif) center bottom no-repeat;
  width: 314px;
  float: left;
  position: relative;
  padding-bottom: 16px;
  *display: inline-block; }
  .arrow_bubble:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .arrow_bubble#middle_bubble {
    margin: 0px 21px; }
  .arrow_bubble #subscribe, .arrow_bubble #how_we_work, .arrow_bubble #service_bubble {
    padding: 20px;
    height: 185px;
    *display: inline-block; }
    .arrow_bubble #subscribe:after,     .arrow_bubble #how_we_work:after,     .arrow_bubble #service_bubble:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
  .arrow_bubble #subscribe {
    border: 10px solid #DDDDDD; }
    .arrow_bubble #subscribe h2 {
      color: #00A040; }
    .arrow_bubble #subscribe input {
      width: 183px; }
  .arrow_bubble #how_we_work {
    border: 10px solid #DDDDDD; }
    .arrow_bubble #how_we_work h2 {
      color: #0066B8; }
  .arrow_bubble #service_bubble {
    border: 10px solid #DDDDDD; }
    .arrow_bubble #service_bubble h2 {
      color: #AF027E; }
  .arrow_bubble h2 {
    font-size: 1.5em;
    font-weight: bold; }
  .arrow_bubble ul, .arrow_bubble ol {
    padding-left: 2em;
    margin: 0px;
    list-style-type: disc; }
  .arrow_bubble li {
    margin-bottom: 2px; }
  .arrow_bubble p {
    margin: 0px;
    font-weight: bold;
    color: #666666; }

ul.quotes {
  float: left;
  width: 331px;
  margin: 0px; }
  ul.quotes li {
    margin-bottom: 20px;
    *display: inline-block; }
    ul.quotes li:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
  ul.quotes p {
    margin: 0px; }
  ul.quotes p.text {
    font-style: italic;
    overflow: visible;
    zoom: 1;
    margin-bottom: 5px; }
  ul.quotes p.client a {
    display: block;
    text-indent: -9999px;
    width: 100px;
    float: right; }
    ul.quotes p.client a.causecast {
      height: 30px;
      width: 100px;
      background: transparent url(/images/causecast.jpg) 0px 0px no-repeat; }
    ul.quotes p.client a.fox {
      height: 40px;
      width: 100px;
      background: transparent url(/images/fox.jpg) 0px 0px no-repeat; }
    ul.quotes p.client a.beeing {
      height: 33px;
      width: 100px;
      background: transparent url(/images/beeing.jpg) 0px 0px no-repeat; }
    ul.quotes p.client a.groop {
      height: 22px;
      width: 100px;
      background: transparent url(/images/groop.jpg) 0px 0px no-repeat; }

#clients_and_contact {
  *display: inline-block;
  clear: both;
  padding: 20px;
  background-color: #191919;
  margin-top: 20px; }
  #clients_and_contact:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #clients_and_contact h2 {
    color: #8cd4ff; }
  #clients_and_contact #clients {
    position: relative;
    height: 350px;
    width: 400px;
    float: left; }
  #clients_and_contact .client {
    height: 80px;
    width: 115px;
    margin-right: 6px;
    float: left; }
  #clients_and_contact .client.work {
    margin-left: 100px;
    width: 150px; }
  #clients_and_contact .client p {
    color: #fff;
    font-size: 1.8em;
    line-height: 1.0em;
    margin: 5px; }
  #clients_and_contact .client img {
    display: block;
    float: none;
    margin-left: auto;
    margin-top: 20px;
    margin-right: auto; }
  #clients_and_contact img {
    width: 100px; }
  #clients_and_contact img.myspace {
    margin-top: 30px; }

#bottomx3 {
  width: 960px;
  margin: 0px auto;
  font-family: myriad pro , 'sans-serif';
  font-size: 12px;
  *display: inline-block; }
  #bottomx3:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #bottomx3 .col {
    width: 199px;
    padding: 20px;
    padding-top: 0px;
    margin-right: 0px;
    border-right: 1px dotted #cccccc;
    height: 315px;
    border-bottom: 1px dotted #cccccc; }
  #bottomx3 .last {
    border-right: 0px;
    border-bottom: 0px; }
  #bottomx3 a {
    color: #5e1182;
    text-decoration: none;
    border-bottom: 1px dotted #cccccc; }
    #bottomx3 a:hover {
      color: #000000; }
  #bottomx3 a.events {
    border: 0px;
    margin-bottom: 1.5em;
    float: left; }
    #bottomx3 a.events img {
      margin: 0px; }

ul.contact_info {
  list-style-type: none;
  margin: 0px; }
  ul.contact_info li {
    margin-bottom: 15px;
    padding-left: 40px;
    *display: inline-block; }
    ul.contact_info li:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    ul.contact_info li.address {
      background: transparent url(/images/mail_icon.jpg) 0px 0px no-repeat; }
    ul.contact_info li.phone {
      background: transparent url(/images/talk_icon.jpg) 0px 0px no-repeat; }
    ul.contact_info li.message {
      background: transparent url(/images/quote_icon.jpg) 0px 0px no-repeat; }
    ul.contact_info li p {
      margin-top: -4px;
      float: left;
      margin-bottom: 0px; }

#lower_nav {
  width: 960px;
  margin: 30px auto 0px;
  position: relative;
  *display: inline-block; }
  #lower_nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #lower_nav .img {
    float: left;
    margin-right: 10px; }
  #lower_nav .copy {
    display: block;
    font-size: 10px;
    line-height: .95em;
    position: relative;
    top: 12px; }
  #lower_nav ul {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: 0px; }
    #lower_nav ul li {
      display: inline;
      margin-left: 20px; }
      #lower_nav ul li a {
        color: #a8a8a8;
        font-size: 14px;
        text-decoration: none;
        border-bottom: 1px dotted #cccccc;
        padding-bottom: 1px; }
        #lower_nav ul li a:hover {
          color: #000000; }
      #lower_nav ul li.highlighted a {
        color: #fb1263; }

ul#blog_entries, ul#lab_entries {
  list-style-type: none;
  margin-left: 0px; }
  ul#blog_entries li,   ul#lab_entries li {
    margin-bottom: 20px;
    font-size: 12px;
    padding-left: 20px;
    background: transparent url(/images/page_icon.gif) 0px 0px no-repeat;
    *display: inline-block; }
    ul#blog_entries li:after,     ul#lab_entries li:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    ul#blog_entries li a,     ul#lab_entries li a {
      text-decoration: none;
      border: 0px;
      color: #404040;
      line-height: 1;
      float: left;
      display: inline; }

#footer {
  margin-top: 10px;
  position: relative;
  padding-top: 40px;
  background: #ececec url(/images/footer_shadow.jpg) 0px 0px repeat-x;
  width: 100%;
  padding-bottom: 20px;
  *display: inline-block; }
  #footer:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #footer h2.headline {
    font-size: 18px;
    color: #fb1263;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: 'Helvetica Neue',Helvetica,Arial,'sans-serif'; }
    #footer h2.headline a {
      color: #fb1263;
      border: 0px; }

#above_content, #content {
  *display: inline-block; }
  #above_content:after,   #content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #above_content p,   #content p {
    color: #343434;
    font-family: myriad pro , 'sans-serif';
    font-size: 1.15em; }
  #above_content h2,   #content h2 {
    font-family: arial;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0px;
    font-size: 2.5em;
    line-height: 1.3; }
    #above_content h2 p,     #content h2 p {
      color: #7d7d7d;
      margin: 0px;
      padding: 0px;
      font-size: 0.5em;
      font-weight: normal;
      font-style: italic;
      font-family: Georgia; }

#content h3.tagline {
  font-size: 22px;
  position: absolute;
  top: 20px;
  right: 0px;
  color: #000;
  font-family: 'Helvetica Neue',Helvetica,Arial,'sans-serif';
  font-weight: lighter; }

#content {
  position: relative;
  *display: inline-block;
  padding: 0px;
  float: left;
  background: #fff;
  width: 100%; }
  #content #results_list {
    float: right;
    width: 320px; }
  #content .wide {
    width: 570px; }
  #content .sub {
    float: right;
    width: 300px; }
  #content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #content p {
    color: #343434;
    font-family: myriad pro , 'sans-serif';
    font-size: 1.15em; }
  #content ul.boxes {
    *display: inline-block;
    margin: 0px;
    padding: 0px; }
    #content ul.boxes:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #content ul.boxes li.item1 h3, #content ul.boxes li.item2 h3 {
      margin-top: 0px; }
    #content ul.boxes li.item2 {
      margin-right: 0px; }
    #content ul.boxes li.item4 {
      margin-right: 0px; }
    #content ul.boxes li {
      margin: 0px 0px 10px 0px;
      *display: inline-block;
      width: 255px;
      float: left;
      margin-right: 20px; }
      #content ul.boxes li:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      #content ul.boxes li h3 {
        padding: 0px;
        margin: 20px 0 7px 0; }
      #content ul.boxes li img {
        float: left; }
      #content ul.boxes li p {
        float: left;
        margin: 0px;
        padding: 0px; }
  #content object {
    float: right;
    margin: 30px 0px 20px 20px; }
  #content h4 {
    font-family: arial;
    color: #000000;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 1.6em;
    line-height: 1.0;
    margin-bottom: 20px; }
  #content h3 {
    color: #444;
    font-weight: bold;
    font-size: 1.4em; }
  #content .contentimageright {
    float: right;
    margin-left: 15px; }
  #content .contentimageleft {
    float: left;
    margin-right: 15px; }

#workforus {
  width: 187px;
  height: 134px;
  border: 6px solid #dddddd;
  margin-top: 30px;
  position: absolute;
  top: -194px;
  right: 21px;
  background: #ffffff; }
  #workforus a.cover_link {
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: 0px;
    left: 0px;
    margin-left: -6px;
    margin-top: -6px;
    width: 199px;
    height: 146px;
    border-bottom: 0px; }
  #workforus h2 {
    color: #FB1263;
    margin: 15px 20px 10px 20px;
    font-family: arial;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.35em; }
  #workforus p {
    margin: 0px 20px 10px 20px; }
    #workforus p a {
      text-decoration: none;
      font-family: georgia; }
  #workforus #arrow {
    background: url(/images/arrow_gray.jpg) 0px 0px no-repeat;
    font-size: 0px;
    width: 20px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -16px; }

body.approach #approach_block {
  *display: inline-block; }
  body.approach #approach_block:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  body.approach #approach_block h3 {
    font-size: 14px;
    margin: 5px 0px;
    padding: 0px; }
body.approach #client_quotes h2 {
  margin-top: 15px;
  font-size: 14px;
  font-family: 'Georgia', Palatino, 'Book Antiqua', serif;
  font-style: italic; }
body.approach #client_quotes ul {
  margin: 0px;
  padding: 0px; }
  body.approach #client_quotes ul li {
    float: left;
    width: 235px;
    padding: 10px;
    background-color: #f4f4f4; }
  body.approach #client_quotes ul li.item1 {
    margin-right: 20px; }

body.company .fundamentals {
  padding: 0px;
  margin: 0px; }
  body.company .fundamentals h3 {
    font-size: 14px; }
body.company #workforus {
  float: right; }

.col {
  width: 255px;
  float: left;
  margin-right: 20px; }

.col.nomargin {
  margin-right: 0px; }

#quotes h2 {
  margin-top: 15px;
  font-size: 14px;
  font-family: 'Georgia', Palatino, 'Book Antiqua', serif;
  font-style: italic; }
#quotes ul {
  padding: 0px;
  margin: 0px; }
  #quotes ul li {
    background-color: #f5f5f5;
    padding: 7px;
    float: left;
    width: 240px;
    margin-right: 20px; }
  #quotes ul li.item2 {
    margin-right: 0px; }
  #quotes ul .quoteby {
    font-weight: bold;
    margin-top: 7px; }

.sidebarcontent {
  margin-top: 20px; }
  .sidebarcontent h3 {
    margin-bottom: 5px; }

#large_column {
  float: left;
  width: 597px;
  margin-right: 20px; }

#sidebar {
  float: left;
  width: 317px; }

#content_box {
  border: 1px solid #dfdfdf;
  width: 315px;
  background-color: #e9f8fd;
  position: relative;
  *display: inline-block; }
  #content_box:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #content_box .corner {
    height: 47px;
    width: 47px;
    position: absolute; }
    #content_box .corner#tl {
      background: url(/images/glass_top_left.jpg) 0px 0px no-repeat;
      left: -5px;
      top: -5px; }
    #content_box .corner#br {
      background: url(/images/glass_bottom_right.jpg) 0px 0px no-repeat;
      bottom: -5px;
      right: -5px; }
  #content_box .content {
    height: 100%;
    padding: 23px 40px;
    position: relative;
    z-index: 1; }
    #content_box .content p {
      color: #343434;
      font-family: myriad pro , 'sans-serif';
      font-size: 1.1em; }
    #content_box .content h2 {
      color: #449bc2;
      font-family: arial;
      font-size: 1.6em; }

#sub_nav {
  margin-top: 20px;
  border-left: 1px solid #ececec;
  width: 315px; }
  #sub_nav #corner {
    width: 11px;
    height: 11px;
    float: left;
    position: relative;
    background: url(/images/subnav_corner.jpg) 0 0 no-repeat;
    left: -11px;
    top: -11px; }
  #sub_nav .content {
    padding: 0px 18px; }
    #sub_nav .content h2 {
      color: #fb1263;
      font-family: georgia;
      font-size: 1.5em;
      position: relative;
      top: -3px;
      margin-bottom: 10px; }
    #sub_nav .content ul {
      list-style-type: square; }
      #sub_nav .content ul li a {
        font-family: myriad pro , 'sans-serif';
        font-weight: bold;
        color: #5d5d5d;
        font-size: 1.2em;
        margin-bottom: 7px;
        text-decoration: none; }
        #sub_nav .content ul li a:hover {
          color: #fb1263; }

#imageblurb {
  margin-top: 20px;
  width: 316px;
  border: 1px solid #d5d5d5;
  display: block;
  position: relative;
  padding: 2px; }
  #imageblurb .caption {
    height: 34px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background-color: #000;
    opacity: 0.72; }
  #imageblurb a {
    padding: 5px 10px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    right: 2px;
    font-size: 1.3em;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-family: arial; }
  #imageblurb .meetup {
    background: url("/images/meetup_recap.jpg") 0px no-repeat;
    width: 316px;
    height: 99px; }
  #imageblurb .wearehiring {
    background: url("/images/wearehiring.jpg") no-repeat; }

#content ul.approaches {
  margin: 0px 0px 40px 0px;
  clear: both;
  *display: inline-block; }
  #content ul.approaches:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #content ul.approaches li {
    float: left;
    display: inline; }
  #content ul.approaches li a {
    text-decoration: none;
    padding: 20px 0px;
    display: block;
    width: 281px;
    margin-right: 40px;
    margin-bottom: 40px;
    height: 100px;
    border-top: 5px solid #f2f2f2; }
    #content ul.approaches li a.last {
      margin-right: 0px; }
    #content ul.approaches li a#approach_1 {
      border-top-color: #fe0000; }
      #content ul.approaches li a#approach_1:hover {
        border-top: 5px solid #cccccc; }
    #content ul.approaches li a#approach_2 {
      border-top-color: #b6016c; }
      #content ul.approaches li a#approach_2:hover {
        border-top: 5px solid #cccccc; }
    #content ul.approaches li a#approach_3 {
      border-top-color: #2e0774; }
      #content ul.approaches li a#approach_3:hover {
        border-top: 5px solid #cccccc; }
    #content ul.approaches li a#approach_4 {
      border-top-color: #0051ac; }
      #content ul.approaches li a#approach_4:hover {
        border-top: 5px solid #cccccc; }
    #content ul.approaches li a#approach_5 {
      border-top-color: #819c2b; }
      #content ul.approaches li a#approach_5:hover {
        border-top: 5px solid #cccccc; }
    #content ul.approaches li a#approach_6 {
      border-top-color: #00c2ce; }
      #content ul.approaches li a#approach_6:hover {
        border-top: 5px solid #cccccc; }
    #content ul.approaches li a h3 {
      font-size: 20px;
      margin-bottom: 10px;
      color: #000; }
    #content ul.approaches li a p {
      margin-bottom: 0px;
      font-style: italic;
      font-size: 16px;
      color: #555555; }

#content ul.services {
  margin: 0px 0px 40px 0px;
  clear: both;
  *display: inline-block; }
  #content ul.services:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #content ul.services li {
    float: left;
    display: inline; }
  #content ul.services li a {
    text-decoration: none;
    background: #f2f2f2;
    padding: 10px;
    display: block;
    width: 280px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 100px;
    border: 2px solid #f2f2f2; }
    #content ul.services li a.last {
      margin-right: 0px; }
    #content ul.services li a:hover {
      border: 2px solid #dddddd; }
    #content ul.services li a h3 {
      font-size: 20px;
      margin-bottom: 10px;
      color: #000; }
    #content ul.services li a p {
      margin-bottom: 0px;
      font-style: italic;
      font-size: 16px;
      color: #555555; }

.last, body.services ul.categories li.last {
  margin-right: 0px; }

.shadow_box {
  *display: inline-block;
  background-color: #f5f5f5;
  width: 435px;
  padding: 25px;
  clear: both; }
  .shadow_box:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.shadow {
  background: url("/images/contact_shadow.jpg") no-repeat;
  width: 25px;
  height: 25px;
  position: relative;
  z-index: 10;
  top: -24px;
  left: 485px; }

/* These are standard sIFR styles... do not modify */ */
.sIFR-flash {
  visibility: visible;
  margin: 0; }

.sIFR-replaced {
  visibility: visible; }

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden; }


.sIFR-flash + div[adblocktab=true] {
  display: none; }





.sIFR-replaced .sIFR-hasFlash h1 {
  visibility: hidden; }
.sIFR-replaced .sIFR-hasFlash h2 {
  visibility: hidden;
  letter-spacing: -9px;
  font-size: 55px; }
.sIFR-replaced .sIFR-hasFlash h3 {
  visibility: hidden;
  letter-spacing: -6px;
  font-size: 25px; }
.sIFR-replaced .sIFR-hasFlash h4 {
  visibility: hidden;
  letter-spacing: -5px;
  font-size: 21px; }

.sIFR-hasFlash h5#pullquote {
  letter-spacing: -4px;
  visibility: hidden;
  font-size: 24px; }

/* These are standard sIFR styles... do not modify */ */
.sIFR-flash {
  visibility: visible;
  margin: 0; }

.sIFR-replaced {
  visibility: visible; }

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden; }


.sIFR-flash + div[adblocktab=true] {
  display: none; }





.sIFR-replaced .sIFR-hasFlash h1 {
  visibility: hidden;
  font-size: 55px; }
.sIFR-replaced .sIFR-hasFlash h2 {
  visibility: hidden;
  letter-spacing: -9px;
  font-size: 55px; }
.sIFR-replaced .sIFR-hasFlash h3 {
  visibility: hidden;
  letter-spacing: -6px;
  font-size: 25px; }
.sIFR-replaced .sIFR-hasFlash h4 {
  visibility: hidden;
  letter-spacing: -5px;
  font-size: 21px; }

.sIFR-hasFlash h5#pullquote {
  letter-spacing: -4px;
  visibility: hidden;
  font-size: 24px; }

.bold {
  font-weight: bold; }

span.big_star {
  font-size: 18px;
  color: #fb1263;
  position: relative;
  top: -15px;
  font-weight: bold; }

span.little_star {
  font-size: 14px;
  color: #fb1263;
  position: relative;
  top: -3px;
  font-weight: bold; }

.footnote {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-family: myriad pro , 'sans-serif';
  color: #a8a8a8; }

#content_right_side {
  float: right;
  width: 475px; }

#big_image_slideshow {
  width: 465px;
  border: 1px solid #d5d5d5;
  height: 320px;
  padding: 4px;
  margin-bottom: 60px;
  position: relative; }
  #big_image_slideshow a.screenshot {
    display: block; }
  #big_image_slideshow img {
    margin: 0px; }
  #big_image_slideshow img {
    width: 465px; }

.overview {
  float: left;
  width: 440px;
  margin-right: 0px; }
  .overview h4 {
    font-weight: bold;
    font-size: 16px; }

ul.example_thumbs li {
  display: inline;
  float: left;
  margin-right: 10px; }

.contact_method {
  *display: inline-block;
  float: left;
  width: 300px;
  text-align: center; }
  .contact_method:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.crumbs {
  color: #555555; }
  .crumbs a {
    text-decoration: none;
    color: #aaaaaa; }
    .crumbs a:hover {
      border-bottom: 1px dotted #7D7D7D; }

ul#jobs_list {
  border: 1px solid #cccccc;
  margin: 0px;
  padding: 10px;
  list-style-type: disc;
  list-style-position: inside;
  color: #cccccc; }
  ul#jobs_list a {
    text-decoration: none; }

p.bnet_vid {
  text-align: center; }

body.contact form.shadow_box button {
  padding-right: 7px; }

ul.badasses {
  margin: 0px;
  *display: inline-block; }
  ul.badasses:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  ul.badasses li {
    float: left;
    display: inline;
    margin: 10px;
    width: 291px; }
    ul.badasses li.divide {
      margin: 10px 0px;
      width: 100%;
      font-size: 0px;
      padding-top: 1px;
      background: #ECECEC; }
  ul.badasses p {
    margin: 0px; }
    ul.badasses p img {
      border: 1px solid #666666;
      float: left;
      margin: 0px 10px 10px 0px;
      padding: 1px;
      width: 48px;
      height: 48px;
      background: #cccccc; }

.video {
  border: 1px solid #D5D5D5; }

#IEroot .footnote {
  letter-spacing: -1px; }

#IEroot ul.results li {
  display: inline;
  overflow: hidden;
  height: 85px; }
  #IEroot ul.results li a.result_logo, #IEroot ul.results li p {
    position: absolute;
    top: 50%; }
  #IEroot ul.results li a.result_logo {
    left: 20px; }
  #IEroot ul.results li p {
    right: 20px;
    border: 0px;
    padding: 0px;
    margin: 0px; }
  #IEroot ul.results li img, #IEroot ul.results li a.text, #IEroot ul.results li a.url {
    position: relative;
    top: -50%; }
  #IEroot ul.results li img {
    padding-right: 20px;
    border-right: 2px solid #dddddd; }