body {
  background-color: #dddddd;
  margin: 0 auto 10px auto;
  color: #333; }
  body a {
    color: #222; }

.graphics {
  text-indent: -9999px;
  font-size: 0px; }

.container {
  width: 914px;
  margin: auto; }
  .container #top {
    width: 339px;
    height: 153px;
    overflow: hidden;
    background: url("/images/marketing/header-background.jpg") no-repeat;
    color: white;
    padding: 220px 525px 0 50px; }
    .container #top h1 {
      text-indent: -9999px;
      font-size: 0px;
      display: none; }
    .container #top p {
      font-size: 15px;
      font-weight: bold;
      line-height: 20px;
      color: #ddd; }
    .container #top a.signup {
      display: block;
      height: 32px;
      background: url("/images/marketing/btn-signup.gif") no-repeat; }
    .container #top .login {
      color: #ddd;
      padding: 5px 0 0 15px;
      font-size: 11px; }
      .container #top .login a {
        color: #ddd;
        font-weight: bold; }
    .container #top a.harvest_link {
      display: block;
      font-size: 0;
      text-indent: -10000px;
      position: absolute;
      top: 284px;
      margin-left: 680px;
      width: 160px;
      height: 80px; }
  .container .intro {
    background: url("/images/marketing/body.gif") no-repeat;
    padding: 30px 40px 0 40px; }
    .container .intro .column {
      float: left; }
    .container .intro .onethird {
      width: 248px;
      margin-right: 30px;
      margin-bottom: 15px; }
      .container .intro .onethird img {
        border: 1px solid #ccc;
        padding: 3px; }
      .container .intro .onethird h2 {
        font-size: 14px;
        margin: 5px 3px; }
      .container .intro .onethird p {
        font-size: 12px;
        margin: 5px 3px;
        line-height: 16px; }
    .container .intro .last {
      margin: 0; }
    .container .intro .signup_large {
      margin: 10px auto 0 auto;
      width: 425px;
      height: 86px; }
      .container .intro .signup_large a {
        width: 425px;
        height: 86px;
        display: block;
        background: url("/images/marketing/btn-signup-large.gif") no-repeat; }
    .container .intro .anatomy_link {
      margin: 20px auto 0px auto;
      width: 354px;
      height: 100px;
      padding-bottom: 20px; }
      .container .intro .anatomy_link a {
        width: 354px;
        height: 100px;
        display: block;
        background: url("/images/marketing/draper-quote.gif") no-repeat; }
  .container #bottom {
    width: 914px;
    height: 32px;
    overflow: hidden;
    background: url("/images/marketing/round_footer.gif") no-repeat; }

.footer {
  color: #666;
  margin: 10px 0 20px 0;
  padding: 0 40px; }
  .footer a {
    color: #666; }
  .footer .iridesco {
    float: right;
    width: 165px;
    height: 16px; }
    .footer .iridesco a {
      display: block;
      width: 165px;
      height: 16px;
      background: url("/images/marketing/iridesco.gif") no-repeat; }

.signup_form {
  width: 551px;
  margin: 20px auto;
  background: url("/images/marketing/signup-background.gif") no-repeat;
  padding: 150px 36px 0px 36px;
  color: #ddd;
  font-size: 14px;
  font-weight: bold; }
  .signup_form .bottom {
    margin: 0 -36px;
    height: 45px;
    background: url("/images/marketing/signup-background.gif") no-repeat bottom; }
  .signup_form table {
    width: 100%;
    margin: auto; }
    .signup_form table td {
      font-size: 18px;
      font-weight: bold;
      padding: 10px 5px;
      vertical-align: middle; }
      .signup_form table td.label {
        width: 130px;
        color: #eee; }
      .signup_form table td.field input {
        width: 98%;
        padding: 3px 5px; }
      .signup_form table td.field .helper {
        font-size: 12px;
        color: #666;
        padding: 5px 0 0 0; }
      .signup_form table td.rememberme {
        font-size: 14px;
        color: #666; }
  .signup_form #errorExplanation {
    padding: 20px;
    background-color: #2d7fd4;
    margin: 0 0 20px 0;
    color: white; }
    .signup_form #errorExplanation h2 {
      display: none; }
    .signup_form #errorExplanation ul {
      margin: 0 20px; }
  .signup_form .btn_container {
    padding: 20px 0 0 140px; }
    .signup_form .btn_container input.sign_up {
      width: 188px;
      height: 41px;
      text-indent: -9999px;
      font-size: 0px;
      border: 0;
      background: url("/images/marketing/btn-join.gif") no-repeat; }

#small_container {
  width: 600px;
  background: transparent url("/images/smallcontainer-bg.gif") repeat-y top;
  margin: 40px auto 0 auto;
  padding: 40px 0 0 0;
  overflow: hidden; }
  #small_container .text {
    background: transparent url("/images/smallcontainer-body.gif") repeat-y top;
    padding: 0 40px; }
  #small_container .footer {
    margin: 0px -40px 0px -40px;
    background: transparent url("/images/smallcontainer-bg.gif") no-repeat bottom;
    height: 42px; }

body.subpage #header {
  background: transparent url("/images/subpage-header.gif") no-repeat top;
  width: 928px;
  height: 80px;
  text-indent: -9999px;
  font-size: 0px;
  border: 0;
  margin: 20px auto 10px auto; }
body.subpage #content {
  background: transparent url("/images/subpage-bg.gif") repeat-y top;
  width: 888px;
  padding: 0 20px;
  margin: auto; }
  body.subpage #content .top_corners {
    margin: 0 -20px;
    background: transparent url("/images/subpage-bg-corners.gif") no-repeat top;
    height: 22px; }
  body.subpage #content .bottom_corners {
    margin: 0 -20px;
    background: transparent url("/images/subpage-bg-corners.gif") no-repeat bottom;
    height: 22px; }
body.subpage .footer {
  width: 888px;
  margin: 15px auto; }

/* ** Code style (used for API) ***/ */
code {
  padding: 0;
  margin: 0;
  line-height: 14px;
  font-size: 12px; }

pre {
  padding: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: #000;
  font-size: 11px;
  line-height: 13px;
  color: #f2ffad; }

p.path {
  padding: 0;
  margin: 0;
  font-family: courier;
  font-weight: bold; }

p.response_code {
  margin-top: 1em;
  font-family: courier;
  font-weight: bold;
  line-height: 1.25em; }

p.response {
  margin-top: 1em;
  margin-bottom: 0; }

code {
  font-size: 13px; }

hr {
  color: #fff;
  background-color: #fff;
  border: 1px dotted #ccc;
  border-style: none none dotted; }

.api-sample .pp {
  color: gray; }
.api-sample .ta {
  color: green; }
.api-sample .an {
  color: darkgray; }
.api-sample .s {
  color: pink; }
.api-sample .c {
  color: lightgray; }

.api-column {
  float: left;
  width: 630px; }