.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
.clearfix {
  display: inline-block; }
* html .clearfix {
  height: 1%; }
.clearfix {
  display: block; }

.clear {
  clear: both; }

body {
  background: #eee; }
  body .fixedwidth {
    width: 1000px;
    margin: 0 auto; }
  body .minwidth {
    width: 100%;
    min-width: 1000px;
    overflow: auto;
    overflow: visible; }
  * html body .minwidth div.minwidth_wrapper {
    border-left: 900px solid #eeeeee;
    position: relative;
    float: left;
    z-index: 1; }
  * html body .minwidth div.minwidth_holder {
    margin-left: -900px;
    position: relative;
    float: left;
    z-index: 2; }

#header {
  padding: 10px 10px 3px;
  background-color: #eee;
  color: #000;
  font-size: 0.9em; }
  #header h1 {
    font-size: 3em;
    float: left; }
    #header h1 a, #header h1 a:visited {
      color: #ef320c;
      background-color: transparent;
      text-decoration: none; }
    #header h1 a:hover, #header h1 a:active {
      color: #ef320c;
      background-color: transparent;
      text-decoration: underline; }
  #header ul.top_nav {
    float: left;
    margin-top: 16px;
    margin-left: 10px; }
    #header ul.top_nav li {
      float: left;
      font-size: 1.1em;
      margin-left: 12px; }
  #header ul.locale_nav {
    position: relative;
    float: right; }
    #header ul.locale_nav li {
      float: left;
      margin-left: 6px; }
      #header ul.locale_nav li a, #header ul.locale_nav li a:visited {
        color: white;
        background-color: transparent;
        text-decoration: none; }
      #header ul.locale_nav li a:hover, #header ul.locale_nav li a:active {
        color: white;
        background-color: transparent;
        text-decoration: none; }
  #header div.signup_button {
    position: relative;
    float: right;
    top: -20px;
    right: 5px;
    border: 1px solid #999;
    background-color: #fff;
    padding: 2px; }
    #header div.signup_button a {
      padding: 9px 20px 5px;
      display: block; }
      #header div.signup_button a, #header div.signup_button a:visited {
        color: white;
        background-color: #55cc33;
        text-decoration: none; }
      #header div.signup_button a:hover, #header div.signup_button a:active {
        color: white;
        background-color: #339933;
        text-decoration: none; }
    #header div.signup_button span.main_caption {
      font-size: 1.7em;
      font-weight: bold;
      color: #ffa; }
    #header div.signup_button span.sub_caption {
      font-size: 1.1em; }


#footer {
  padding: 10px 15px;
  text-align: right;
  color: #000;
  font-size: 0.85em; }

.main_container {
  background: #fff;
  border: 1px solid #999;
  padding: 30px 30px; }

div.snowball_desc {
  background: #fff;
  padding: 60px 20px 15px;
  border: 1px solid #d3d3d3; }
  div.snowball_desc div.main_desc {
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em; }
  div.snowball_desc div.sub_desc {
    font-size: 1.4em;
    text-align: center;
    line-height: 1.4em; }
  div.snowball_desc div.screen_shots {
    margin-top: 40px; }
    div.snowball_desc div.screen_shots .main_shot {
      text-align: center; }
      div.snowball_desc div.screen_shots .main_shot img {
        border: 2px solid #ddd; }

div.snowball_features {
  background: #fff;
  padding: 30px 20px 25px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #d3d3d3; }
  div.snowball_features:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  div.snowball_features {
    display: inline-block; }
  * html div.snowball_features {
    height: 1%; }
  div.snowball_features {
    display: block; }
  div.snowball_features h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #38a; }
  div.snowball_features ul.features {
    padding: 15px 0 15px 6px; }
    div.snowball_features ul.features:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    div.snowball_features ul.features {
      display: inline-block; }
    * html div.snowball_features ul.features {
      height: 1%; }
    div.snowball_features ul.features {
      display: block; }
    div.snowball_features ul.features li.feature {
      float: left;
      padding: 15px 30px 15px;
      width: 256px;
      height: 100px; }
      div.snowball_features ul.features li.feature div.feature_image {
        float: left;
        margin-right: 10px; }
        div.snowball_features ul.features li.feature div.feature_image img {
          width: 100px;
          padding: 1px;
          border: 2px solid #999; }
      div.snowball_features ul.features li.feature div.feature_info {
        float: left;
        width: 140px;
        padding-top: 5px; }
        div.snowball_features ul.features li.feature div.feature_info .feature_name {
          font-size: 1.1em;
          font-weight: bold; }
      div.snowball_features ul.features li.feature.alt {
        text-align: right;
        padding-bottom: 45px; }
        div.snowball_features ul.features li.feature.alt div.feature_image {
          float: right;
          margin-right: 0;
          margin-left: 10px; }
        div.snowball_features ul.features li.feature.alt div.features_info {
          float: right; }

div.snowball_customers {
  background-color: #ddd;
  padding: 30px 20px 25px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #d3d3d3; }
  div.snowball_customers:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  div.snowball_customers {
    display: inline-block; }
  * html div.snowball_customers {
    height: 1%; }
  div.snowball_customers {
    display: block; }
  div.snowball_customers h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #444; }
  div.snowball_customers ul.customers {
    padding: 25px 0 15px 6px; }
    div.snowball_customers ul.customers li.customer:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    div.snowball_customers ul.customers li.customer {
      display: inline-block; }
    * html div.snowball_customers ul.customers li.customer {
      height: 1%; }
    div.snowball_customers ul.customers li.customer {
      display: block; }
    div.snowball_customers ul.customers li.customer div.customer_image {
      float: left;
      margin-right: 10px; }
      div.snowball_customers ul.customers li.customer div.customer_image img {
        width: 150px; }
    div.snowball_customers ul.customers li.customer div.customer_info {
      float: left; }
      div.snowball_customers ul.customers li.customer div.customer_info .customer_name {
        font-size: 1.2em;
        margin-right: 6px; }
      div.snowball_customers ul.customers li.customer div.customer_info .customer_desc {
        color: #999;
        font-size: 0.95em;
        font-style: italic; }
      div.snowball_customers ul.customers li.customer div.customer_info .customer_status {
        color: #666; }

div.plans_info .message {
  margin: 15px 0 30px; }

div.promotion_plan {
  padding: 20px;
  border: 1px dashed #999;
  width: 400px;
  margin-bottom: 20px; }
  div.promotion_plan div.plan_title {
    font-size: 1.4em;
    font-weight: bold;
    color: #393;
    text-decoration: underline;
    padding-bottom: 6px; }
  div.promotion_plan div.plan_desc {
    color: #333; }
  div.promotion_plan div.plan_info {
    margin: 20px 0; }
  div.promotion_plan div.plan_billing {
    margin: 20px 0; }
  div.promotion_plan div.plan_signup_link {
    padding: 5px 15px;
    background-color: #eef;
    font-size: 1.4em;
    text-align: right; }

div.plan_info div.info_element:after,
div.plan_billing div.info_element:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
div.plan_info div.info_element,
div.plan_billing div.info_element {
  display: inline-block; }
* html div.plan_info div.info_element,
* html div.plan_billing div.info_element {
  height: 1%; }
div.plan_info div.info_element,
div.plan_billing div.info_element {
  display: block; }
div.plan_info div.info_element .key,
div.plan_billing div.info_element .key {
  float: left;
  clear: left;
  margin-left: 10px;
  width: 220px;
  padding: 2px 0; }
div.plan_info div.info_element .value,
div.plan_billing div.info_element .value {
  float: left;
  clear: right;
  color: #939;
  padding: 2px 0; }

div.new_workspace h3 {
  margin-bottom: 20px; }
div.new_workspace div.plan_summary {
  float: left;
  width: 500px;
  margin: 10px 0 20px;
  padding: 15px 25px;
  background: #ffd;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  div.new_workspace div.plan_summary:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  div.new_workspace div.plan_summary {
    display: inline-block; }
  * html div.new_workspace div.plan_summary {
    height: 1%; }
  div.new_workspace div.plan_summary {
    display: block; }
  div.new_workspace div.plan_summary div.plan_summary_title {
    font-size: 1.1em;
    color: #333;
    margin-bottom: 10px; }
    div.new_workspace div.plan_summary div.plan_summary_title strong {
      color: #393; }
  div.new_workspace div.plan_summary div.plan_billing {
    margin-top: 15px; }

.vertical_align_label {
  margin-top: 7px; }