html {
  overflow-y: scroll; }

body {
  font-family: Verdana, Arial; }

body {
  color: #222426; }

a {
  color: #000;
  font-size: 12px;
  text-decoration: none; }

body > div {
  text-align: left; }

#to_top {
  display: none;
  position: fixed;
  width: 30px;
  height: 53px;
  left: 150px;
  bottom: 50px;
  background: url(/images/layout/elevator.png) 0 0 no-repeat; }
  #to_top:hover {
    background-position: 0 -53px; }

#top {
  height: 130px; }
  #top .logo {
    float: left;
    margin: 26px 0 0 0;
    width: 150px;
    height: 66px;
    background: url(/images/layout/ca_logo.png) 0 0 no-repeat; }
  #top .client_login {
    position: absolute;
    top: 48px;
    left: 845px;
    display: block;
    height: 19px;
    padding-right: 30px;
    background: url(/images/layout/clientlogin.png) right top no-repeat; }
    #top .client_login:hover {
      background-position: right -19px; }
  #top #navi {
    margin-left: 200px;
    padding-top: 45px; }
    #top #navi a {
      margin: 0 20px 0 0;
      padding: 2px 0;
      letter-spacing: -0.05em;
      font-weight: bold;
      text-align: center;
      font-size: 10px;
      color: #000; }
      #top #navi a:hover {
        border-bottom: 1px dotted #000; }
      #top #navi a.current {
        border-bottom: 1px dotted #000; }
      #top #navi a.menu_blog {
        color: #556600; }

.open_mic_link {
  display: block;
  float: left;
  width: 67px;
  height: 29px;
  position: relative;
  bottom: 39px;
  left: 74px;
  background-image: url(/images/layout/openmic_mic.png); }
  .open_mic_link:hover {
    background-position: 0 -29px; }

.banner_wall {
  width: 760px;
  height: 304px;
  margin: 20px 0 50px 0;
  padding-left: 200px; }
  .banner_wall h1, .banner_wall h2 {
    letter-spacing: -0.05em; }
  .banner_wall h1 {
    padding-top: 90px;
    font-size: 2.5em; }
  .banner_wall h2 {
    font-size: 2em; }
  .banner_wall.home {
    height: 212px;
    padding-top: 460px;
    color: #fff;
    background: url(/images/layout/banner_wall.jpg) 0 0 no-repeat; }
    .banner_wall.home h1 {
      color: #556600;
      width: 410px; }
    .banner_wall.home h2 {
      padding-top: 10px;
      width: 410px;
      color: #000;
      font-size: 1.6em;
      line-height: 1.1; }
    .banner_wall.home p {
      margin-top: 25px; }
      .banner_wall.home p a {
        font-size: 16px;
        color: #000; }
        .banner_wall.home p a:hover {
          border-bottom: 1px dotted #000; }
    .banner_wall.home a.rework_link {
      float: right;
      position: relative;
      bottom: 0px;
      right: 78px;
      color: #fff;
      font-size: 14px; }
      .banner_wall.home a.rework_link:hover {
        border-bottom: 1px dotted #fff; }
  .banner_wall.services {
    width: 700px;
    height: 247px;
    padding: 57px 0 0 260px;
    color: #fff;
    background: url(/images/layout/banner_services.png) 0 0 no-repeat; }
    .banner_wall.services p {
      margin-bottom: 26px;
      font-size: 12px; }
  .banner_wall.contact {
    background: url(/images/layout/banner_contact.png) 0 0 no-repeat; }

.banner_left {
  float: left;
  position: relative;
  width: 149px;
  height: 304px;
  background: url(/images/layout/banner_apps.png) 0 0 no-repeat; }
  .banner_left.android {
    background: url(/images/layout/side_banner_android.png) 0 0 no-repeat; }
  .banner_left.banner_mic {
    background: url(/images/layout/banner_om.png) 0 0 no-repeat; }
  .banner_left .label {
    position: absolute;
    top: 315px;
    left: 95px; }
    .banner_left .label.television {
      width: 26px;
      height: 19px;
      background: url(/images/layout/webapps.png) 0 0 no-repeat; }
    .banner_left .label.android {
      width: 26px;
      height: 19px;
      background: url(/images/layout/androidapps.png) 0 0 no-repeat; }
    .banner_left .label.mic {
      width: 67px;
      height: 29px;
      left: 74px;
      background: url(/images/layout/openmic_mic.png) 0 -29px no-repeat; }

.wide {
  margin: 20px 0 0 149px;
  background-color: #f5f5f5; }
  .wide.apps {
    padding-bottom: 40px; }
  .wide .app_pictures {
    float: left;
    width: 240px;
    padding: 10px 0 10px 60px; }
  .wide .app_text {
    float: left;
    width: 470px;
    padding: 10px 30px 10px 0;
    font-size: 12px;
    color: #666; }
    .wide .app_text .space {
      margin-top: 20px; }
  .wide .app_thumb {
    width: 62px;
    height: 62px; }
  .wide .open_mic .mic_main .intro {
    float: left;
    width: 221px; }
    .wide .open_mic .mic_main .intro img {
      float: left; }
  .wide .open_mic .mic_main .content {
    padding: 40px 40px 0px 260px; }
    .wide .open_mic .mic_main .content .quote {
      position: relative;
      float: right;
      width: 430px;
      padding-left: 80px;
      background: url(/images/open_mic/quote.png) 0 5px no-repeat; }
    .wide .open_mic .mic_main .content .more {
      clear: right;
      padding: 3px 0 15px 0; }

.white_wide .mic_sub {
  padding-bottom: 30px;
  background-color: #f5f5f5; }
  .white_wide .mic_sub .intro {
    float: left;
    width: 221px;
    position: relative; }
    .white_wide .mic_sub .intro .added_on {
      position: absolute;
      right: 221px;
      width: 58px;
      height: 25px;
      padding: 10px 0 0 25px;
      color: #fff;
      font-size: 9px;
      background-image: url(/images/open_mic/om_date.png); }
    .white_wide .mic_sub .intro img {
      float: left; }
  .white_wide .mic_sub .content {
    padding: 20px 40px 0px 260px; }
    .white_wide .mic_sub .content .quote {
      position: relative;
      float: left;
      width: 515px;
      padding-top: 30px;
      background: url(/images/open_mic/smallquote.png) 0 5px no-repeat; }
    .white_wide .mic_sub .content .more {
      clear: left;
      padding-top: 15px; }

.white_wide {
  padding: 60px 0 0 0;
  background-color: #fff; }

#content_wrapper {
  width: 960px;
  line-height: 1.4; }
  #content_wrapper h2 {
    font-size: 2em;
    margin-bottom: 40px;
    color: #000; }
  #content_wrapper .navi_offset {
    width: 740px;
    padding-left: 200px; }
    #content_wrapper .navi_offset div, #content_wrapper .navi_offset p {
      font-size: 12px;
      line-height: 1.6; }
    #content_wrapper .navi_offset .left {
      float: left;
      width: 400px; }
    #content_wrapper .navi_offset .right {
      float: right;
      width: 300px; }
    #content_wrapper .navi_offset .startpage_right {
      width: 280px; }

h2#tweets_header {
  color: #000;
  margin-bottom: 10px; }

#tweets .tweet {
  min-height: 80px;
  padding: 10px 0 20px 0;
  font-size: 14px;
  background: url(/images/layout/dot.png) left bottom repeat-x; }
  #tweets .tweet h3 {
    padding-left: 82px;
    font-size: 12px;
    color: #999; }
    #tweets .tweet h3 a:hover {
      border-bottom: 1px dotted #000; }
  #tweets .tweet .author {
    float: left;
    margin: 0 17px 0 17px; }
  #tweets .tweet .message {
    padding: 5px 0 0 83px; }
    #tweets .tweet .message a {
      font-size: 12px;
      color: #556600; }
      #tweets .tweet .message a:hover {
        border-bottom: 1px dotted #556600; }

#ca_people {
  margin-bottom: 40px; }
  #ca_people h2 {
    margin: 10px 0 20px 0; }
  #ca_people .person {
    margin-bottom: 20px; }
    #ca_people .person img {
      float: left; }
    #ca_people .person .content {
      margin-left: 80px; }
      #ca_people .person .content .header {
        margin-bottom: 4px; }
        #ca_people .person .content .header h3 {
          position: relative;
          overflow: visible;
          font-size: 14px;
          font-weight: bold; }
          #ca_people .person .content .header h3 span {
            margin-right: 10px; }
          #ca_people .person .content .header h3 a {
            font-weight: normal;
            margin-right: 15px;
            border-bottom: 1px dotted #000; }
            #ca_people .person .content .header h3 a:hover {
              border-bottom: none; }
            #ca_people .person .content .header h3 a.text {
              width: 200px;
              position: absolute;
              top: 3px;
              cursor: text;
              border-bottom: none; }

#locations {
  margin-top: 20px; }
  #locations .location {
    float: left;
    margin-bottom: 30px;
    width: 50%; }
    #locations .location h3 {
      font-size: 16px;
      font-weight: bold; }

#nib {
  margin-top: 22px; }
  #nib a {
    margin-top: 20px;
    margin-left: 70px;
    display: block;
    width: 120px;
    height: 35px;
    background: url('/images/layout/nib.png') 0 -35px no-repeat; }
    #nib a:hover {
      background-position: 0 0; }

#larger_map {
  font-size: 11px;
  border-bottom: 1px dotted #000; }
  #larger_map:hover {
    border-bottom: none; }

#footer {
  width: 640px;
  margin: 100px 0 30px 0;
  padding-left: 200px;
  font-size: 12px; }

.clear {
  clear: both; }

.double_line {
  height: 2px;
  margin: 4px 0 2px 0;
  background: url(/images/layout/double_lines.png) 0 0 repeat-x; }

.check_out {
  text-align: right; }
  .check_out a {
    color: #556600; }
    .check_out a:hover {
      border-bottom: 1px dotted #556600; }