body {
  padding: 2em;
  color: #333;
  font-family: arial, sans-serif;
  background-color: #333; }

h1, h2, h3 {
  color: #a30000;
  margin-bottom: 0.5em; }

strong {
  color: #a30000;
  font-weight: bold; }

p {
  margin: 0.5em 0; }

em {
  font-style: italic; }

h1 {
  padding-bottom: 1em;
  border-bottom: 3px solid #fceed6;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1em; }
  h1 a {
    float: right;
    width: 178px;
    height: 86px;
    text-indent: -99em;
    overflow: hidden;
    background-image: url(/images/logo.png); }

#content {
  background-color: #fdffed;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  width: 996px;
  overflow: hidden;
  margin: 0 auto; }
  #content #wrapper {
    padding: 2em; }
  #content .intro {
    font-size: 1.3em;
    margin-right: 3em;
    margin-bottom: 1em;
    text-align: justify; }
  #content .iphone {
    float: left;
    width: 300px;
    height: 610px; }
  #content .details {
    margin-left: 320px;
    padding-left: 2em; }
  #content .notice {
    font-weight: bold;
    color: #a30000;
    text-align: center;
    margin-top: 2em; }
  #content .updates {
    margin: 1em; }
    #content .updates .twitter, #content .updates .email {
      height: 40px;
      display: block;
      float: left;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -webkit-box-shadow: 0px 0px 5px #888;
      -moz-box-shadow: 0px 0px 5px #888;
      background-color: #f2f3f2;
      padding: 1em;
      background-image: url(/images/button-bg.png);
      background-repeat: repeat-x;
      background-position: bottom; }
      #content .updates .twitter form, #content .updates .email form {
        display: inline; }
        #content .updates .twitter form button, #content .updates .email form button {
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          margin: 0;
          height: 29px;
          color: #fff;
          border: 0;
          background-image: url(/images/input_bg.png);
          background-repeat: repeat-x; }
        #content .updates .twitter form input, #content .updates .email form input {
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          font-size: 15px;
          padding: 3px 2px; }
    #content .updates .email {
      margin-right: 1em; }
    #content .updates .follow {
      display: block;
      padding-right: 40px;
      text-decoration: none;
      text-align: center;
      color: #333;
      background-image: url(/images/bird.png);
      background-repeat: no-repeat;
      background-position: right center; }
  #content .web {
    clear: left;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 3px solid #fceed6;
    width: 100%;
    overflow: hidden; }
    #content .web p {
      line-height: 1.2; }
    #content .web .screens {
      float: right;
      width: 562px;
      height: 353px; }

#footer {
  text-align: center;
  font-size: 0.8em;
  margin: 1em 0;
  clear: both;
  display: block; }

ul.features {
  border-top: 1px solid #fceed6; }
  ul.features li {
    border-bottom: 1px solid #fceed6;
    padding: 0.5em 0 0.3em 20px;
    background-image: url(/images/star.png);
    background-repeat: no-repeat;
    background-position: 0 0.6em; }