#header {
  float: left;
  float-color: #6bb108;
  float-font-weight: normal;
  float-text-shadow: none; }
  #header ul li a {
    color: #6bb108;
    font-weight: normal;
    text-shadow: none; }

#masthead {
  height: 280px;
  width: 960px;
  background-color: #5b841a;
  background-image: url(/images/index/masthead-background.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0; }
  #masthead h1 a {
    display: block;
    width: 0;
    height: 38px;
    padding-left: 142px;
    overflow: hidden;
    background-image: url(/images/index/logo.png);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    margin-left: 38px;
    margin-top: 3px; }
  #masthead h2 {
    display: block;
    float: left;
    clear: left;
    background-image: url(/images/index/simple-time-tracking.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 0;
    height: 76px;
    padding-left: 250px;
    overflow: hidden;
    margin-left: 40px;
    margin-top: 40px; }
  #masthead p {
    display: block;
    float: left;
    clear: left;
    background-image: url(/images/index/because-it-should-be-easy.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 0;
    height: 20px;
    padding-left: 235px;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 40px; }
  #masthead a.register {
    display: block;
    clear: left;
    float: left;
    color: #fff;
    width: 0;
    padding-left: 126px;
    height: 44px;
    background-image: url(/images/index/sign-up.png);
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-left: 39px; }
  #masthead a.login {
    display: block;
    float: right;
    color: #fff;
    width: 0;
    padding-left: 80px;
    height: 40px;
    z-index: 2;
    background-image: url(/images/index/login-link.png);
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden; }
  #masthead img.screen-shots {
    float: right;
    margin-top: 20px;
    margin-right: -40px; }

#content #sidebar {
  float: right;
  width: 320px;
  margin-top: 10px;
  margin-right: 60px;
  padding: 0 0 20px 0; }
  #content #sidebar h2 {
    font-size: 20px; }
    #content #sidebar h2 a {
      text-decoration: none; }
      #content #sidebar h2 a:hover {
        text-decoration: underline; }
  #content #sidebar ul li {
    font-size: 11px;
    height: 70px;
    background-image: url(/images/index/sidebar-panel-background.png);
    background-position: top left;
    background-repeat: repeat-x;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 5px; }
    #content #sidebar ul li img {
      float: left;
      margin-left: 10px;
      margin-right: 10px; }
    #content #sidebar ul li p {
      margin-left: 80px;
      letter-spacing: -1px; }
  #content #sidebar .sign-up {
    text-align: center;
    margin-bottom: 20px; }
    #content #sidebar .sign-up a.sign-up {
      display: block;
      width: 0;
      height: 62px;
      padding-left: 320px;
      overflow: hidden;
      background-image: url(/images/index/sign-up.png);
      background-repeat: no-repeat;
      background-position: top left;
      margin-bottom: 8px; }
#content #main {
  margin: 0 420px 0 40px;
  padding: 20px 0; }
  #content #main h2, #content #main h3 {
    font-size: 20px;
    color: #6bb108;
    font-weight: bold; }
  #content #main ul li {
    margin-left: 0;
    list-style-type: none; }
    #content #main ul li h3 {
      color: #6bb108; }
    #content #main ul li p {
      margin-bottom: 10px; }
#content #pricing {
  height: 48px;
  background-color: #FFF;
  background-image: url(/images/index/price-strap-background.png);
  background-repeat: repeat-x;
  background-position: top left; }
  #content #pricing a {
    display: block;
    height: 40px;
    width: 0;
    padding-left: 681px;
    overflow: hidden;
    background-image: url(/images/index/price-strap.png);
    background-repeat: repeat-x;
    background-position: center center;
    margin: 0 auto; }
    #content #pricing a span {
      font-size: 20px; }
#content #social-media {
  clear: both;
  margin: 20px 40px 0 40px; }
  #content #social-media >div {
    float: left;
    min-height: 160px; }
  #content #social-media .blog {
    width: 280px;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #ededed;
    font-size: 10px;
    line-height: 12px; }
    #content #social-media .blog h2 {
      display: block;
      height: 32px;
      background-image: url(/images/index/rss.png);
      background-repeat: no-repeat;
      background-position: right center; }
  #content #social-media .twitter {
    width: 180px;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #ededed;
    font-size: 10px;
    line-height: 12px; }
    #content #social-media .twitter h2 {
      display: block;
      height: 32px;
      background-image: url(/images/index/twitter.png);
      background-repeat: no-repeat;
      background-position: right center; }
  #content #social-media .for-developers {
    width: 320px; }
    #content #social-media .for-developers h2 {
      display: block;
      height: 32px;
      background-image: url(/images/index/cog.png);
      background-repeat: no-repeat;
      background-position: right center; }
  #content #social-media h2 {
    font-size: 20px;
    color: #6bb108;
    font-weight: bold;
    margin-bottom: 8px; }
  #content #social-media h3 {
    font-size: 12px;
    line-height: 14px;
    color: #6bb108;
    font-weight: bold;
    margin-bottom: 0; }
#content #signup {
  clear: both;
  margin: 0 40px;
  padding-bottom: 20px;
  padding-top: 20px; }
  #content #signup h2, #content #signup h3 {
    font-size: 20px;
    color: #6bb108;
    font-weight: bold;
    display: inline;
    margin-left: 56px;
    margin-right: 20px; }
  #content #signup fieldset, #content #signup form, #content #signup label {
    display: inline; }
    #content #signup fieldset label span.text-label, #content #signup form label span.text-label, #content #signup label label span.text-label {
      display: none; }
    #content #signup fieldset label input, #content #signup form label input, #content #signup label label input {
      width: 220px; }
      #content #signup fieldset label input.empty, #content #signup form label input.empty, #content #signup label label input.empty {
        color: #aaa; }

#footer-container {
  clear: left;
  color: #BEBEBE;
  padding-bottom: 20px; }
  #footer-container .madpilot {
    float: left;
    margin-right: 20px; }
  #footer-container #footer {
    font-size: 11px;
    line-height: 18px; }
    #footer-container #footer .column-1 {
      width: 320px;
      margin-right: 40px; }
    #footer-container #footer .column-2 {
      width: 320px; }