@import url("./whitespace-reset.css");

a, img, div { behavior: url(/images/iepngfix.htc) }

body {
  font: 12px/160% Arial, Helvetica, sans-serif;
  color: #666666; }

a {
  text-decoration: none;
  color: #4db3d0; 
  outline: none; }
  a:hover { color: #336699; }

h1, h2, h3, h4 {
  line-height: 140%;
  color: #336699; }
h3 {
  padding: 0 0 10px 0;
  font-size: 18px; }
h4 { font-size: 14px; }

p { margin-bottom: 14px; }

#header {
  position: relative;
  width: 940px;
  height: 105px;
  margin: 0 auto; }
  #header h1 { padding: 49px 0 0 0; }
    #header h1 a {
      display: block;
      width: 329px;
      height: 38px;
      overflow: hidden;
      text-indent: -8685px;
      background: transparent url("../images/logo.gif") 0 0 no-repeat; }
  #header #video_link {
    /* background: transparent url("../images/header_video.png") 0 0 no-repeat; */
    font-size:12px;
    font-weight:bold;
    padding:5px 0 0 20px;
    position:absolute;
    top:0;
    left:340px;
    z-index:2;
  }
    #header #video_link a {
      border: 1px dotted #fff;
      color:#000;
      display:block;
      height:28px;
      padding: 5px 5px 2px;
    }
      #header #video_link a:hover {
        border:1px dashed #bbb;
        text-decoration: none;
      }
    #header #video_link img {
      margin:0 2px;
      position:relative;
      top: 1px;
      vertical-align:middle;
    }
  #header #login {
    position: absolute;
    right: 0;
    top: 9px;
    z-index: 1; }
    #header #login p {
      float: left;
      padding: 8px 10px 0 0;
      font-size: 11px;
      font-weight: bold;
      color: #cccccc; }
    #header #login a {
        float: left;
        width: 55px;
        height: 28px;
        overflow: hidden;
        text-indent: -8685px;
        background: transparent url("../images/btn_login.gif") 0 0 no-repeat; }
ul#nav {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 580px; height: 59px; }
  ul#nav li { float: left; }
  ul#nav li a {
    text-indent: -9999px;
    float: left;
    height: 59px;
    background-image: url("../images/nav.png");
  }
    #nav_about { 
      width: 87px;
      background-position: 0 0;
    }
      #nav_about:hover { background-position: 0 -59px; }
      body#about #nav_about { background-position: 0 -118px; }
    #nav_geezeo_nation {
      width: 169px;
      background-position: -87px 0;
    }
      #nav_geezeo_nation:hover { background-position: -87px -59px; }
      body#geezeo-nation #nav_geezeo_nation { background-position: -87px -118px; }
    #nav_products {
      width: 120px;
      background-position: -256px 0;
    }
      #nav_products:hover { background-position: -256px -59px; }
      body#products #nav_products { background-position: -256px -118px; }
    #nav_clients {
      width: 102px;
      background-position: -376px 0;
    }
      #nav_clients:hover { background-position: -376px -59px; }
      body#clients #nav_clients { background-position: -376px -118px; }
    #nav_contact {
      width: 102px;
      background-position: -478px 0;
    }
      #nav_contact:hover { background-position: -478px -59px; }
      body#contact #nav_contact { background-position: -478px -118px; }

#masthead {
  height: 200px;
  background: transparent url("../images/bg_masthead.gif") 0 0 repeat-x; }
  #masthead #g-background {
    width: 570px;
    height: 265px;
    padding: 20px 0 0 370px;
    margin: 0 auto;
    color: #ffffff;
    background: transparent url("../images/bg_masthead-g.png") 0 0 no-repeat; }
  #masthead h2 {
    padding: 0 0 8px 0;
    font-size: 22px;
    color: #ffffff; }
  #masthead p {
    padding: 0 0 10px 0;
    line-height: 160%; }
  #masthead a.btn_learn-more {
    display: block;
    width: 127px;
    height: 36px;
    overflow: hidden;
    text-indent: -8685px;
    background: transparent url("../images/btn_learn-more_masthead.gif") 0 0 no-repeat; }

#content {
  width: 940px;
  padding: 15px 0 0 0;
  position:relative;
  margin: 0 auto; }

#footer {
  clear: both;
  position: relative;
  float: left;
  left: 50%;
  width: 880px;
  padding: 0 0 20px 60px;
  margin: 20px 0 0 -470px;
  font-size: 11px;
  background: transparent url("../images/logo_footer.gif") 0 0 no-repeat; }
  #footer p {
    margin: 0;
    float: left;
    color: #cccccc; }
  #footer ul { float: right; }
  #footer li {
    display: inline;
    padding: 0 0 0 20px;
    font-weight: bold; }
  #footer a { color: #cccccc; }
    #footer a:hover { color: #999; }
  #footer #top-bar {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0 0 6px 0;
    border-bottom: 1px solid #dddddd; }
    #footer #top-bar p {
      font-weight: bold;
      color: #999999; }
    #footer #top-bar a { color: #999999; }
      #footer #top-bar a:hover { color: #666; }

/* forms */
fieldset { 
  padding: 20px;
  border: none; 
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
dl, dt, dd { margin: 0; padding: 0; }
form dl { margin-bottom: 12px; }
form dt { margin-bottom: 2px; }
form label { font-weight: bold; }

input, textarea { 
  font-family: 'Helvetica', Arial, sans-serif; 
  font-size: 110%;
}

form .error {
  background: #ffecec;
  border-color: #b00b00;
}
p.error {
  padding: 10px;
  color: #b00b00;
  border: 1px solid #b00b00;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.required_f { color: #b00b00; }

.input_text, .input_textarea {
  padding: 5px;
  border: 1px solid #ccc;
  background: #fff url(../images/bg_input.png) top left repeat-x;
}
.btn_submit {
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  background: #005695;
  font-weight: bold;
  color: #fff;
}

.slate {
  padding: 10px;
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
  .slate p { margin: 0; }

/* Homepage
---------*/
ul.partners {
  display:block;
  margin:0;
  padding: 0;
  text-align:center;
}
  ul.top_border {
    border-top:1px solid #ccc;
  }
  ul.partners li { 
    display: inline;
    padding:0;
    margin:0;
  }
  ul.partners img {
    padding:10px 0;
    width: 188px;
  }
    .remove_margins {
      margin:0 -15px;
    }

#index_content {
  margin-top: 40px;
  float: left;
  width: 940px;
}

h3#blog-title {
  width: 45%;
  float: left; }
  
#updates {
  float: left;
  width: 340px;
  padding: 0 20px 0 0; }
  #updates .social-media {
    float: left;
    width: 100%;
    margin: 0 0 16px 0;
    background: transparent url("../images/bg_social-media_left.gif") 0 0 no-repeat; }
    #updates .social-media h4 {
      float: left;
      width: 65px;
      height: 8px;
      margin: 10px 45px 0 11px;
      text-indent: -8685px;
      background: transparent url("../images/hdr_follow-us.gif") 0 0 no-repeat; }
    #updates .social-media ul {
      float: right;
      width: 219px;
      margin: 0;
      padding: 5px 0px;
      background: transparent url("../images/bg_social-media_right.gif") 100% 0 no-repeat; }
    #updates .social-media li {
      list-style: none;
      float: right;
      padding: 0 5px 0 0; }
    #updates .social-media a {
      display: block;
      width: 17px;
      height: 17px;
      overflow: hidden;
      text-indent: -8685px; }
    #updates .social-media a.btn_facebook { background: transparent url("../images/icon_facebook.gif") 0 0 no-repeat; }
    .social-media a.btn_twitter { background: url("../images/icon_twitter.png") no-repeat; }
    .social-media a.btn_linkedin { background: url("../images/icon_linkedin.png") no-repeat; }
  #updates .map {
    clear: both;
    padding: 0 0 28px 0; }
    #updates .map img { display: block; }
  
  #updates ul.twitter {
    margin-top: 0px;
    color: #336699; }
ul.news-list {
  clear: both;
  float: left;
  width: 100%; }
  ul.news-list li {
    clear: both;
    float: left;
    width: 100%;
    padding: 0 0 30px 0; }
  ul.news-list li.home-news-item {
    padding: 6px 0 0 0;
    border-bottom: 1px solid #cccccc; }
  ul.news-list li.home-news-item p.meta {
    margin-bottom: 6px; }
  ul.news-list img {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  ul.news-list .details { overflow: hidden; border-bottom: 1px solid #ddd; padding-top: 8px; }
    ul.news-list .details h4 { padding: 0 0 7px 0; }
    ul.news-list .details p { line-height: 150%; }
    ul.news-list .details p.meta {
      font-size: 11px;
      color: #999999; }
      ul.news-list .details p.meta a {
        font-weight: bold;
        color: #666666; }

#topics { overflow: hidden; }
  #topics ul {
    float: left;
    width: 100%; }
  #topics li {
    float: left;
    clear: both;
    width: 100%;
    list-style: none;
    padding: 0 0 10px 0; }
    #topics ul img {
      float: left;
      -webkit-border-top-left-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-radius: 5px 0 0 5px; }
    #topics ul .details {
      min-height: 118px;
      padding: 12px 15px 10px 20px;
      overflow: hidden;
      border: 1px solid #cccccc;
      border-left: none;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;      }
      #topics ul .details h4 { padding: 0 0 5px 0; }
      #topics ul .details p { line-height: 150%; }
      #topics ul .details a { color: #336699; }
      #topics ul .learn_more { margin: 0; padding: 0; }
      #topics ul .details a.btn_learn-more {
        display: block;
        width: 107px;
        height: 26px;
        overflow: hidden;
        text-indent: -8685px;
        background: transparent url("../images/btn_learn-more.gif") 0 0 no-repeat; }

/* Inner pages
------------*/
#content-heading { background: #207cad url("../images/bg_content-heading.gif") 0 0 repeat-x;}
  #content-heading h1 {
    width: 940px;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 36px;
    color: #ffffff;
    background: transparent url("../images/logo_content-heading.gif") 0 0 no-repeat; }
#main {
  float: right;
  width: 700px;
  padding: 0 0 50px 0; }
  #main ul { margin: 14px 20px; }
    #main  ul li {
      padding: 2px 0;
      list-style: disc;
    }
#main_video {
  float:none;
  width:100%;
  padding:0 0 50px 0;
}


/* Wistia Video Playlist */
  #main .slimlist-playlist ul, #main .slimlist-playlist li {
    margin:0;
    padding:0;
    list-style: none;
  }
  
  
  img.top-image {
    display: block;
    margin: 0 0 15px 0;
    border: 1px solid #cccccc; }
  #main ul.partners { border: none; }
    #main ul.partners li { padding: 0 30px 0 0; }
    #main ul.partners img { margin: 0 0 40px 0; }

ul.clients {
  padding: 23px 0 55px 0; }
  ul.clients li { 
    float: left;
    display: inline;
    list-style: none;
    min-height: 120px;
    padding: 0 30px 0 0;
  }
  ul.clients img {
    float: left;
    width: 188px;
    vertical-align: middle; 
    margin: 0 0 40px 0;
  }
  
p.buttons a {
  float: left;
  height: 38px;
  overflow: hidden;
  text-indent: -8685px; }
p.buttons a.right { float: right; }
a.btn_personal-finance-management {
  width: 277px;
  background: transparent url("../images/btn_personal-finance-management.gif") 0 0 no-repeat; }
a.btn_overview {
  width: 124px;
  background: transparent url("../images/btn_overview.gif") 0 0 no-repeat; }
a.btn_community {
  width: 124px;
  background: transparent url("../images/btn_community.gif") 0 0 no-repeat; }
ul#subnav {
  float: left;
  width: 220px;
  padding: 0 20px 0 0; }
  ul#subnav li {
    padding: 0 0 5px 0;
    font-weight: bold; }
  ul#subnav a {
    display: block;
    padding: 5px 10px; }
  ul#subnav li.active { background: transparent url("../images/bg_subnav-active_right.gif") 100% 0 no-repeat; }
    ul#subnav li.active a {
      color: #ffffff;
      background: transparent url("../images/bg_subnav-active_left.gif") 0 0 no-repeat; }
#main .listing {
  clear: both;
  float: left;
  width: 100%;
  padding: 0 0 30px 0; }
  #main .listing img {
    float: left;
    margin: 0 20px 0 0;
    border: 1px solid #cccccc; }
  #main .listing .details {
    overflow: hidden;
    padding: 5px 0; }
  #main .listing h4 { padding: 0 0 15px 0; }

/* About
--------------*/
#recent_news {
  float: left;
  width: 440px;
}
  #recent_news h4 { margin: 0 0 12px 0; }
  #press_releases, #recent_coverage {
    margin-bottom: 24px;
    float: left;
    width: 440px;
  }
  #recent_news table { 
    border-collapse: collapse; 
    width: 440px;
  }
    #recent_news td { 
      padding: 6px 6px 6px 0; 
      vertical-align: top;
    }
    td.col_title { width: 50%; }
    td.col_publication { text-align: center; }
    td.col_date { 
      text-align: right;
      color: #999;
    }
#press_sidebar {
  float: right;
  width: 220px;
}
  #press_sidebar h4 { margin: 0 0 12px 0; }
  .event {
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
  }
.truth {
  padding-right: 20px;
  float: left;
  width: 320px; }
  .truth.odd { clear: both; }
  
.profile {
  margin-bottom: 24px;
  float: left;
  width: 700px; }
  .profile_photo {
    float: left;
    width: 220px; }
    .profile_photo img {
      border: 1px solid #ddd;
    }
  .profile_info {
    padding-top: 6px;
    float: right;
    width: 460px;
  }
#board li {
  margin-bottom: 5px;
  float: left;
  width: 300px;
}

/* Geezeo Nation
--------------*/
#main ul.news-list {
  width: 340px;
  margin: 0; padding: 0 20px 0 0; }
  #main ul.news-list li { list-style: none; }
#main #updates { padding: 0; }
ul.thumbnails {
  clear: both;
  float: left;
  padding: 0 0 10px 0; }
  #main ul.thumbnails { margin: 0; }
  #main ul.thumbnails li { 
    list-style: none;
    margin: 0; padding: 0 10px 10px 0;
  }
  ul.thumbnails li {
    list-style: none;
    float: left;
    padding: 0 0 10px 20px; }
  ul.thumbnails img { display: block; }
#main #blog_entries { width: 100%; }
  #main #blog_entries li { padding-bottom: 20px; }

/* Products
--------------*/
.product_closer {
  margin-bottom: 20px;
  float: left;
  width: 700px;
}
  .product_contact {
    margin-right: 20px;
    float: left;
    width: 200px;
    display: inline;
  }
.detail_list li {
  float: left;
  width: 45%;
}
.product_paginate { margin: 20px 0; }
  .product_paginate span {
    float: left;
    width: 50%;
  }
  .product_paginate .full { 
    float: left;
    width: 100%;
    text-align: right;
  }
  .product_paginate .right { text-align: right; }
.btn_product {
  padding: 10px 20px;
  font-weight: bold;
  color: #fff;
  background: #cea52a url(../images/bg_product_btns.png) repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
  .btn_product:hover { color: #eee; }
#main p.featured-text {
  margin-bottom: 24px; padding-bottom: 12px;
  font-size: 18px; 
  line-height: 24px;
  color: #333;
  border-bottom: 1px solid #ddd;
}

/* Contact
--------------*/
#general_info {
  margin-right: 20px;
  float: left;
  width: 220px;
  display: inline;
}
  #general_info h4 { margin-bottom: 4px; }
  .info_module { margin-bottom: 24px; }
  #general_info table { border-collapse: collapse; }
    #general_info td {  width: 50%; }
  #general_info li { padding: 2px 0; }
  #general_info li a { display: block; }

form#contact_us {
  float: left;
  width: 460px;
}
  #contact_name, #contact_whatyoudo, #contact_organization, #contact_message, #contact_email { width: 410px; }
  #contact_message { height: 100px; }
  #contact_phone { width: 200px; }

#leadership_callout {
  float: right;
  width: 220px;
}


ul.key_partners {
  margin:0;
  padding:0;
}
#content #main ul.key_partners li {
  margin-bottom:1.5em;
  padding-left:170px;
  list-style-type: none;
}
.key_partners strong {
  font-size:1.2em;
}
  .key_partners li.mccoy {
    background:url(../images/partner_logos/mccoy.png) no-repeat top left;
  }
  .key_partners li.wrg {
    background:url(../images/partner_logos/wescom.png) no-repeat top left;
  }
  .key_partners li.sharetec {
    background:url(../images/partner_logos/sharetec.png) no-repeat top left;
  }  
  .key_partners li.ipay {
    background:url(../images/partner_logos/ipay.png) no-repeat top left;
  }
  .key_partners li.cashedge {
    background:url(../images/partner_logos/cashedge.png) no-repeat top left;
  }
  .key_partners li.sapient {
    background:url(../images/partner_logos/sapient.png) no-repeat top left;
  }
  .key_partners li.symitar {
    background:url(../images/partner_logos/symitar.jpg) no-repeat top left;
  }
  .key_partners li.cues {
    background:url(../images/partner_logos/cues.gif) no-repeat top left;
  }
  .key_partners li.ptp {
    background:url(../images/partner_logos/ptplogo.png) no-repeat top left;
  }
  .key_partners li.ibt {
    background:url(../images/partner_logos/ibt.jpg) no-repeat top left;
  }
  
/* MCW
--------------*/
#mcw_intro {
  border-bottom:1px solid #bec0c2;
  border-top:1px solid #bec0c2;
  height:370px;
  margin-bottom:25px;
  position:relative;
}
  #mcw_intro img {
    padding-top:120px;
  }
  #mcw_intro img#cues_images {
    padding-top:85px;
  }
  #mcw_slideshow {
    border:1px solid #bec0c2;
    float:right;
    height:328px;
    margin:16px 0;
    padding:0;
  }
  #mcw_slideshow2 {
    border:1px solid #bec0c2;
    float:right;
    height:283px;
    margin:38px 0;
    padding:0;
  }
#mcw_benefits, #mcw_contact {
  float:left;
  width:440px;
}
#mcw_benefits {
  margin-right:40px;
}
  #mcw_benefits p.intro {
    font-size:130%;
    line-height:1.4em;
    margin-bottom:2em;
  }
  #mcw_benefits ul {
    font-size:14px;
    font-weight:bold;
    margin-bottom:2em;
  }
  #mcw_benefits ul li {
    padding-left:85px;
  }
    #mcw_benefits ul li ul {
      font-size:12px;
      font-weight:normal;
      padding-left:25px;
      margin-bottom:1em;
    }
      #mcw_benefits ul li ul li {
        list-style-type: disc;
        padding-left:0;
      }
li.mcw_integration {
  background:url(../images/mcw/mcw_integration.png) no-repeat 5px 20px;
}
li.mcw_marketing {
  background:url(../images/mcw/mcw_marketing.png) no-repeat 0px 20px;
}
li.mcw_community {
  background:url(../images/mcw/mcw_community.png) no-repeat 0px 50px;
}
li.mcw_community2 {
  margin-bottom:2em;
}
.mcw h2 {
  font-size:36px;
  margin-top:1em;
}
li.no_image {
  background: none;
}


/* Toolkit
--------------*/
.campaign, .resources, .client_examples, .indsutry_links, .enterprise_marketing {
  margin-bottom:1em;
}
.campaign {
  float:left;
  margin-right:3%;
  width:33%;
}
.campaign-last {
  margin-right:0;
  width:28%;
}
.campaign h5 {
  line-height:1em;
  margin-bottom:0;
}
.resources {
  clear:both;
  float:left;
  margin-right:6%;
  width:30%;
}
.client_examples {
  float:left;
  width:60%;
}
  .client_examples img {
    border:1px solid #aaa;
    margin-right:10px;
  }
.industry_links {
  clear:both;
  float:left;
  margin-right:6%;
  width:30%;
}
.enterprise_marketing {
  float:left;
  width:60%;
}
.closing {
  clear:both;
}
#content .campaign ul, #content .resources ul, #content .industry_links ul {
  margin-top:0;
}

#clients_link {
  font-size:1em;
  position:absolute;
  right:0;
  top:30px;
}
  #cues_slideshow {
    border:1px solid #bec0c2;
    float:right;
    height:283px;
    margin:16px 0;
    padding:0;
  }