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, 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, body {
  font: 12px Arial, sans-serif; }

h1 {
  font: 42px/48px Georgia, serif;
  color: #BE1E2D;
  margin-bottom: 20px; }

h2 {
  font: 18px/24px Georgia, serif;
  color: #BE1E2D;
  margin-bottom: 10px; }

p, ul, ol {
  font: 12px/20px Arial, sans-serif;
  margin-bottom: 15px;
  letter-spacing: 0.01em; }

a {
  color: #13B5EA;
  text-decoration: none;
  outline: none; }

a:hover {
  text-decoration: underline; }


html, body {
  background: #F2F7FC url(/css_images/body_bg.gif) top repeat-x;
  height: 100%; }

.content_wrapper {
  width: 1100px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px auto;
  background: url(/css_images/content_wrapper_shadow.png);
  position: relative;
  padding: 0px 10px; }
  .content_wrapper a.feedback_link {
    position: absolute;
    top: 15px;
    right: 25px;
    padding-left: 20px;
    background: url(/css_images/marketing_nav_feedback.gif) top left no-repeat;
    color: #808080;
    font: 10px/15px Arial, serif;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .content_wrapper a.feedback_link:hover {
    color: #B70008;
    background-position: left bottom; }
  .content_wrapper .content_header_wrapper {
    padding: 0px 10px 10px 10px;
    width: 170px;
    position: absolute;
    top: 0px;
    left: -18px;
    _left: -20px;
    background: url(/css_images/header_shadow.png) bottom no-repeat; }
    .content_wrapper .content_header_wrapper .content_header {
      padding: 0px 30px 10px 30px;
      width: 110px;
      background-color: #f2f2f2; }
      .content_wrapper .content_header_wrapper .content_header ul {
        padding-top: 5px;
        _height: 1%; }
        .content_wrapper .content_header_wrapper .content_header ul li {
          display: inline; }
          .content_wrapper .content_header_wrapper .content_header ul li a {
            letter-spacing: 0.05em;
            _letter-spacing: 0px;
            color: #004B97;
            line-height: 15px;
            display: block;
            padding: 3px 0; }
          .content_wrapper .content_header_wrapper .content_header ul li a:hover, .content_wrapper .content_header_wrapper .content_header ul li a.active {
            color: #BE1E2D;
            text-decoration: none; }
          .content_wrapper .content_header_wrapper .content_header ul li a.active {
            background: url(/css_images/nav_bullet.gif) left center no-repeat;
            padding-left: 15px;
            margin-left: -15px;
            _zoom: 1; }
  .content_wrapper .content_body .content_body_left_column {
    margin-top: 265px;
    float: left;
    width: 155px;
    padding: 0px 30px; }
  .content_wrapper .content_body .content_body_right_column {
    padding-top: 50px;
    margin-left: 215px;
    padding-right: 30px; }

.content_footer_push {
  height: 50px;
  clear: both; }

.content_footer {
  position: relative;
  padding: 15px 30px;
  height: 20px;
  _overflow: hidden;
  width: 1040px;
  background: url(/css_images/content_footer_bg.gif) top center no-repeat;
  margin: auto;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.08em; }
  .content_footer ul {
    float: right; }
    .content_footer ul li {
      display: inline; }
      .content_footer ul li a {
        color: #4d4d4d;
        padding: 0px 5px;
        font-size: 10px;
        letter-spacing: 0.08em; }


p.very_important {
  font: 16px/24px Georgia, serif;
  color: #2F344B; }

p.very_important_red {
  font: 18px/30px Georgia, serif;
  color: #BE1E2D; }

p.important {
  font: 14px/18px Georgia, serif;
  font-style: italic; }

p.screencast {
  font: 14px/18px Georgia, serif;
  font-style: italic;
  margin-top: 15px; }

p.important_free {
  font: 14px/18px Georgia, serif;
  font-style: italic;
  float: right;
  position: absolute;
  right: 25px;
  top: 13px; }

p.important_free_docs {
  font: 14px/18px Georgia, serif;
  font-style: italic;
  float: right;
  position: absolute;
  right: 163px;
  top: 13px; }

a.button {
  background-color: #1AB7EA;
  padding: 5px 10px;
  color: #fff;
  font: 14px Georgia, serif; }

a.button:hover {
  background-color: #009FD2; }

#page_index h1 {
  font: 52px/60px Georgia, serif;
  margin-bottom: 20px; }
#page_index .content_body {
  background: #fff url(/images/content/index/body_index_bg.gif) top right no-repeat; }
#page_index a.sign_up_button {
  display: block;
  top: 243px;
  right: 130px;
  position: absolute;
  width: 180px;
  height: 55px;
  font: 22px/55px Georgia, serif;
  text-align: center;
  color: #fff; }
#page_index .problem_and_solution {
  overflow: hidden; }
  #page_index .problem_and_solution p {
    float: left;
    width: 265px;
    margin-right: 30px;
    margin-bottom: 30px; }
    #page_index .problem_and_solution p span {
      color: #BE1E2D;
      font-style: italic; }
#page_index .columns {
  margin-bottom: 30px;
  overflow: hidden;
  _overflow: normal;
  _zoom: 1; }
  #page_index .columns .column {
    float: left;
    width: 225px;
    _width: 225px;
    padding: 15px 20px 15px 20px;
    _padding-right: 15px;
    margin-right: 30px;
    background-color: #E6F0FA;
    min-height: 230px;
    _height: 230px; }
    #page_index .columns .column a.boxlink {
      font: 16px/24px Georgia, serif;
      margin: 0 0 0 25px; }
    #page_index .columns .column a.boxlink.left {
      margin-left: 0; }
    #page_index .columns .column h2 {
      background: url(/css_images/header_bg_1.gif) bottom no-repeat;
      padding-bottom: 15px; }
    #page_index .columns .column .content {
      min-height: 185px;
      _height: 210px; }
    #page_index .columns .column ol li {
      font: 14px/20px Georgia, serif;
      color: #2F344B;
      padding-left: 25px;
      margin-bottom: 5px;
      background: url(/images/content/index/list_bullet_1.gif) left 5px no-repeat; }
    #page_index .columns .column ol li.two {
      background-image: url(/images/content/index/list_bullet_2.gif); }
    #page_index .columns .column ol li.three {
      background-image: url(/images/content/index/list_bullet_3.gif); }
    #page_index .columns .column ol li.four {
      background-image: url(/images/content/index/list_bullet_4.gif); }
  #page_index .columns .column.two h2 {
    background-image: url(/css_images/header_bg_2.gif); }
  #page_index .columns .column.two li span {
    font: 18px Georgia, serif;
    padding-right: 1px;
    color: #2F344B; }
  #page_index .columns .column.two li p {
    margin-bottom: 0;
    font: 12px/18px Arial,sans-serif; }
  #page_index .columns .column.three {
    margin-right: 0px; }
    #page_index .columns .column.three h2 {
      background-image: url(/css_images/header_bg_3.gif); }
#page_index .contact {
  width: 260px;
  float: left; }
  #page_index .contact p.important {
    margin-bottom: 7px;
    font-style: normal; }
#page_index .content_body_left_column {
  padding: 10px 0 0 0; }
  #page_index .content_body_left_column a.button {
    margin: 5px 0 0 30px; }
  #page_index .content_body_left_column h2 {
    color: #2F344B;
    padding-bottom: 5px;
    display: none; }
#page_index .twitter {
  float: right;
  margin-bottom: 20px;
  height: 130px;
  width: 560px; }
  #page_index .twitter .twitter_header, #page_index .twitter .tweet {
    width: 175px;
    float: left; }
  #page_index .twitter .tweet {
    padding: 0px 5px; }
    #page_index .twitter .tweet .date {
      font: bold 10px Arial, sans-serif;
      text-transform: uppercase;
      margin-bottom: 5px; }

#page_how_it_works .register_now {
  float: right;
  width: 225px;
  padding: 15px 20px 20px 20px;
  background: #E6F0FA url(/images/content/how_it_works/register_now_bg.gif) bottom no-repeat; }
  #page_how_it_works .register_now h2 {
    background: url(/css_images/header_bg_2.gif) bottom no-repeat;
    padding-bottom: 15px; }
  #page_how_it_works .register_now a.sign_up_button {
    display: block;
    font: 22px/55px Georgia, serif;
    color: #fff;
    width: 170px;
    text-align: center; }
#page_how_it_works .header {
  margin-right: 300px; }
#page_how_it_works .columns {
  margin-left: -185px;
  overflow: hidden;
  clear: both; }
  #page_how_it_works .columns .column {
    width: 188px;
    float: left;
    padding: 270px 10px 10px 10px;
    background: url(/images/content/how_it_works/body_how_bg.gif) top left no-repeat; }
    #page_how_it_works .columns .column h2 {
      font-size: 23px;
      color: #000; }
      #page_how_it_works .columns .column h2 span {
        color: #BE1E2D;
        font-size: 40px; }
  #page_how_it_works .columns .column:hover {
    background-position: 0px -600px; }
  #page_how_it_works .columns .column.two {
    background-position: -208px 0px; }
  #page_how_it_works .columns .column.two:hover {
    background-position: -208px -600px; }
  #page_how_it_works .columns .column.three {
    background-position: -416px 0px; }
  #page_how_it_works .columns .column.three:hover {
    background-position: -416px -600px; }
  #page_how_it_works .columns .column.four {
    background-position: -624px 0px; }
  #page_how_it_works .columns .column.four:hover {
    background-position: -624px -600px; }
  #page_how_it_works .columns .column.five {
    background-position: -832px 0px; }
  #page_how_it_works .columns .column.five:hover {
    background-position: -832px -600px; }

#page_screencasts .content_body {
  background: #fff url(/images/content/developer_demo/body_dev_demo_bg.gif) top left no-repeat; }
  #page_screencasts .content_body ul {
    padding-left: 15px; }
    #page_screencasts .content_body ul li {
      padding: 0;
      list-style-type: disc; }
#page_screencasts p.list_title {
  font: italic 14px/18px Georgia,serif;
  margin: 0 0 5px 0; }
#page_screencasts span.list_title {
  font: italic 14px/18px Georgia,serif; }
#page_screencasts .video {
  float: right;
  width: 500px;
  height: 345px;
  background: url(/images/content/developer_demo/video_bg.gif); }
#page_screencasts .header {
  margin: 0px 500px 30px 0px; }
  #page_screencasts .header p.very_important {
    margin-bottom: 30px; }
  #page_screencasts .header h2 {
    margin-top: 30px;
    color: #000; }
#page_screencasts .columns {
  margin-bottom: 30px;
  overflow: hidden;
  _zoom: 1; }
  #page_screencasts .columns .column {
    float: left;
    overflow: hidden;
    width: 225px;
    padding: 15px 20px 20px 20px;
    background-color: #E6F0FA;
    min-height: 300px;
    _height: 300px;
    margin-right: 30px;
    _margin-right: 14px; }
    #page_screencasts .columns .column h2 {
      background: url(/css_images/header_bg_1.gif) bottom no-repeat;
      padding-bottom: 15px; }
#page_screencasts .column.two h2 {
  background-image: url(/css_images/header_bg_2.gif); }
#page_screencasts .column.three {
  margin-right: 0px; }
  #page_screencasts .column.three h2 {
    background-image: url(/css_images/header_bg_3.gif); }
#page_screencasts .content_body_left_column {
  padding-top: 158px; }
#page_screencasts .twitter {
  width: 150px;
  height: 45px;
  padding-bottom: 1px; }
  #page_screencasts .twitter .tweet {
    padding: 10px 0px;
    border-top: 1px dotted #ddd; }
    #page_screencasts .twitter .tweet .date {
      font: bold 10px Arial, sans-serif;
      text-transform: uppercase;
      margin-bottom: 5px; }

#page_benefits_features .content_body {
  background: url(/images/content/business_benefits/free_sign_up_bg.gif) top right no-repeat; }
#page_benefits_features .free_sign_up {
  float: right;
  width: 500px;
  height: 310px;
  position: relative; }
  #page_benefits_features .free_sign_up a {
    display: block;
    font: 22px/55px Georgia, serif;
    color: #fff;
    width: 170px;
    text-align: center;
    position: absolute;
    top: 225px;
    left: 245px; }
#page_benefits_features .header {
  margin: 0px 500px 30px 0px; }
#page_benefits_features table {
  overflow: hidden; }
  #page_benefits_features table th, #page_benefits_features table td {
    padding: 10px; }
  #page_benefits_features table th {
    font: 18px/24px Georgia, serif; }
  #page_benefits_features table td {
    background-color: #E6F0FA; }
    #page_benefits_features table td span {
      font: 18px/24px Georgia, serif; }
    #page_benefits_features table td span.problem {
      background: url(/images/content/business_benefits/icon-problem.gif) left no-repeat;
      padding-left: 22px; }
    #page_benefits_features table td span.solution {
      background: url(/images/content/business_benefits/icon-solution.gif) left no-repeat;
      padding-left: 22px; }
  #page_benefits_features table th.left {
    background: url(/images/content/business_benefits/th_bg_left.gif) right; }
  #page_benefits_features table th.right {
    background: url(/images/content/business_benefits/th_bg_right.gif) left; }
  #page_benefits_features table th.icon, #page_benefits_features table td.icon {
    width: 75px;
    padding: 0px;
    background: url(/images/content/business_benefits/td_bg_1.gif) no-repeat; }
  #page_benefits_features table tr.zero td.icon {
    background: url(/images/content/business_benefits/td_bg_0.gif); }
  #page_benefits_features table tr.two td.icon {
    background: url(/images/content/business_benefits/td_bg_2.gif); }
  #page_benefits_features table tr.three td.icon {
    background: url(/images/content/business_benefits/td_bg_3.gif); }
  #page_benefits_features table tr.four td.icon {
    background: url(/images/content/business_benefits/td_bg_4.gif); }
  #page_benefits_features table tr.five td.icon {
    background: url(/images/content/business_benefits/td_bg_5.gif); }
  #page_benefits_features table th.icon {
    background: url(/images/content/business_benefits/th_bg.gif); }
  #page_benefits_features table tr.even td {
    background-color: #fff; }
#page_benefits_features .content_body_left_column {
  padding-top: 200px; }
#page_benefits_features .columns {
  margin-left: -185px;
  overflow: hidden;
  _overflow: normal;
  _zoom: 1;
  background: url(/images/content/business_benefits/columns_bg.gif) top right no-repeat; }
  #page_benefits_features .columns .column {
    width: 188px;
    _width: 186px;
    float: left;
    padding: 40px 10px 10px 10px; }
    #page_benefits_features .columns .column h2 {
      font: 36px/40px Georgia, serif;
      color: #222740;
      margin-bottom: 0px; }
      #page_benefits_features .columns .column h2 span {
        color: #BE1E2D;
        font-size: 35px; }

#page_404 .content_body {
  height: 415px;
  background: #fff url(/images/content/404/404_bg.gif) top right no-repeat; }

#page_terms .content_wrapper .content_body .content_body_right_column, #page_privacy .content_wrapper .content_body .content_body_right_column {
  padding-right: 250px; }
  #page_terms .content_wrapper .content_body .content_body_right_column h2, #page_privacy .content_wrapper .content_body .content_body_right_column h2 {
    font-size: 23px; }
  #page_terms .content_wrapper .content_body .content_body_right_column h3, #page_privacy .content_wrapper .content_body .content_body_right_column h3 {
    font: 18px Georgia, serif;
    color: #000;
    padding-bottom: 10px; }
  #page_terms .content_wrapper .content_body .content_body_right_column .divider, #page_privacy .content_wrapper .content_body .content_body_right_column .divider {
    border-top: solid #c6c6c6 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: -200px; }
  #page_terms .content_wrapper .content_body .content_body_right_column ul, #page_privacy .content_wrapper .content_body .content_body_right_column ul {
    padding-left: 15px; }
    #page_terms .content_wrapper .content_body .content_body_right_column ul li, #page_privacy .content_wrapper .content_body .content_body_right_column ul li {
      padding-bottom: 10px;
      list-style-type: disc; }
  #page_terms .content_wrapper .content_body .content_body_right_column ol, #page_privacy .content_wrapper .content_body .content_body_right_column ol {
    padding-left: 25px; }
    #page_terms .content_wrapper .content_body .content_body_right_column ol li, #page_privacy .content_wrapper .content_body .content_body_right_column ol li {
      padding: 0;
      list-style-type: decimal; }


body.docs .content_wrapper .content_body .content_body_right_column {
  padding-right: 250px; }
  body.docs .content_wrapper .content_body .content_body_right_column h2 {
    font-size: 23px; }
  body.docs .content_wrapper .content_body .content_body_right_column h3 {
    font: 18px Georgia, serif;
    color: #000;
    margin: 20px 0 5px 0; }
  body.docs .content_wrapper .content_body .content_body_right_column .divider {
    border-top: solid #c6c6c6 1px;
    margin: 20px -200px 20px 0; }
  body.docs .content_wrapper .content_body .content_body_right_column .red_title {
    font: 16px Georgia, serif;
    color: #BE1E2D; }
  body.docs .content_wrapper .content_body .content_body_right_column .grey_title {
    font: 18px/24px Georgia, serif;
    color: #333;
    margin-bottom: 5px; }
  body.docs .content_wrapper .content_body .content_body_right_column .code {
    color: #464;
    font: 1em "Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    font-weight: bold; }
  body.docs .content_wrapper .content_body .content_body_right_column .variable {
    color: #EF720E;
    font: 1em "Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    font-weight: bold; }
  body.docs .content_wrapper .content_body .content_body_right_column .two_column {
    width: 300px;
    float: left; }
  body.docs .content_wrapper .content_body .content_body_right_column .two_column.right {
    padding-left: 30px; }
  body.docs .content_wrapper .content_body .content_body_right_column ul {
    list-style-type: disc;
    padding-left: 35px; }
    body.docs .content_wrapper .content_body .content_body_right_column ul li {
      margin-bottom: 5px; }

#page_docs .content_body {
  background: #fff url(/images/content/docs/overview_bg.gif) top right no-repeat; }

#page_docs_api .content_body {
  background: #fff url(/images/content/docs/api_bg.gif) top right no-repeat; }

#page_docs_api_send_message .content_body {
  background: #fff url(/images/content/docs/api_bg.gif) top right no-repeat; }

#page_docs_php .content_body {
  background: #fff url(/images/content/docs/php_bg.gif) top right no-repeat; }

#page_docs_rails .content_body {
  background: #fff url(/images/content/docs/rails_bg.gif) top right no-repeat; }

#page_docs_message_templates .content_body {
  background: #fff url(/images/content/docs/templates_bg.gif) top right no-repeat; }

#page_docs_message_variables .content_body {
  background: #fff url(/images/content/docs/variables_bg.gif) top right no-repeat; }

#page_docs_plugins .content_body {
  background: #fff url(/images/content/docs/plugins_bg.gif) top right no-repeat; }


#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 999999;
  text-align: center;
  line-height: 0; }
  #lightbox img {
    width: auto;
    height: auto; }
  #lightbox a img {
    border: none; }

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto; }

#imageContainer {
  padding: 10px; }

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }
  #hoverNav a {
    outline: none; }

#imageContainer>#hoverNav {
  left: 0; }

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA);
  display: block; }

#prevLink {
  left: 0;
  float: left;
  background: url(/lightbox_images/prevlabel.gif) top left no-repeat; }

#nextLink {
  right: 0;
  float: right;
  background: url(/lightbox_images/nextlabel.gif) top right no-repeat; }

#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%; }

#imageData {
  padding: 0 10px;
  color: #666; }
  #imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left; }
  #imageData #caption {
    font-weight: bold; }
  #imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em; }
  #imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none; }

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999990;
  width: 100%;
  height: 500px;
  background-color: #000; }