body {
  text-align: center;
  background: #fff; }

#frame {
  width: 735px;
  margin: 0 auto 15px auto;
  text-align: left;
  background: url(../images/shadow.gif) repeat-y; }

#header {
  height: 69px;
  background: url(../images/header.gif) no-repeat; }
  #header h1, #header p {
    display: none; }

#splash {
  height: 328px;
  position: relative;
  background: url(../images/splash.jpg) no-repeat; }
  #splash h2 {
    font-size: 2.6em;
    line-height: 1.25;
    font-weight: normal;
    color: #000;
    padding: 25px 0 0 393px; }
  #splash h3 {
    font-size: 1.6em;
    color: #1A80CA;
    padding: 18px 20px 0 393px; }
  #splash h4 {
    font-size: 1.3em;
    line-height: 1.3;
    color: #000;
    position: absolute;
    top: 275px;
    left: 30px; }
  #splash p.link {
    position: absolute;
    top: 177px;
    left: 386px; }
  #splash #pic {
    position: absolute;
    left: 0;
    top: 0; }

#left {
  width: 458px;
  float: left;
  display: inline;
  margin: 0 0 0 1px; }
  #left p {
    font-size: 1.1em;
    color: #666;
    margin: 0 210px 0.7em 0; }
  #left h6 {
    font-size: 1.2em;
    font-weight: bold;
    color: #1A80CA;
    margin: 0 30px 0.6em 0; }
  #left #screenshots {
    background: #fff;
    margin: 0 0 30px 0; }
    #left #screenshots h5 {
      font-size: 1.2em;
      font-weight: bold;
      color: #000;
      height: 77px;
      position: relative; }
      #left #screenshots h5 span {
        position: absolute;
        height: 100%;
        width: 100%;
        background: url(../images/left_top.gif) no-repeat; }
    #left #screenshots a {
      position: absolute;
      top: 0;
      right: 0; }
    #left #screenshots #drag {
      width: 435px;
      border-bottom: 1px solid #E3E2E1;
      margin: 0 0 0 23px;
      padding: 5px 0 30px 7px;
      position: relative; }
    #left #screenshots #data {
      width: 435px;
      border-bottom: 1px solid #E3E2E1;
      margin: 0 0 0 23px;
      padding: 15px 0 10px 7px;
      position: relative; }
    #left #screenshots #access {
      width: 435px;
      border-bottom: 1px solid #E3E2E1;
      margin: 0 0 0 23px;
      padding: 17px 0 13px 7px;
      position: relative; }
    #left #screenshots #share {
      width: 435px;
      margin: 0 0 0 23px;
      padding: 18px 0 20px 7px;
      position: relative; }
  #left #cutout {
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
    width: 458px;
    overflow: hidden;
    background: #E6FBE3; }
    #left #cutout h6 {
      height: 23px;
      width: 428px;
      padding: 8px 0 0 30px;
      background: #9FDF97 url(../images/left_right.gif) no-repeat right 0;
      font-size: 1.3em;
      font-weight: bold;
      color: #000; }
    #left #cutout ul {
      list-style-type: disc;
      margin: 20px 40px 0 45px; }
      #left #cutout ul li {
        font-size: 1.1em;
        color: #000;
        margin: 0 0 0.75em 0; }
    #left #cutout p.link {
      margin: 20px 0 0 25px;
      padding: 0; }

#right {
  width: 252px;
  float: right;
  display: inline;
  margin: 0 1px 0 0; }
  #right #awards {
    background: url(../images/awards.gif) repeat-y;
    margin: 0 0 30px 0; }
    #right #awards .wrapper {
      background: url(../images/awards_bottom.gif) no-repeat 0 bottom;
      padding: 0 0 10px 0; }
      #right #awards .wrapper table {
        border-collapse: collapse; }
        #right #awards .wrapper table th {
          height: 14px;
          font-size: 1.0em;
          font-weight: bold;
          color: #000; }
          #right #awards .wrapper table th.col1 {
            background: #9FDF97 url(../images/right_corner.gif) no-repeat; }
          #right #awards .wrapper table th.col2 {
            background: #9FDF97; }
        #right #awards .wrapper table .col1 {
          width: 89px;
          border-right: 1px solid #D9E0DF;
          padding: 8px 0 8px 11px; }
        #right #awards .wrapper table .col2 {
          width: 140px;
          border-left: 1px solid #D9E0DF;
          padding: 8px 0 8px 11px; }
        #right #awards .wrapper table td.col1 {
          font-size: 1.0em;
          color: #000;
          vertical-align: middle; }
        #right #awards .wrapper table td.col2 {
          font-size: 1.1em;
          font-weight: bold;
          color: #307D27;
          vertical-align: middle; }
        #right #awards .wrapper table .last td {
          padding-bottom: 0; }
        #right #awards .wrapper table .odd td {
          background: #fff; }
  #right #easier {
    padding: 0 0 15px 0;
    background: #E6FBE3 url(../images/awards_bottom.gif) no-repeat 0 bottom;
    margin: 0 0 30px 0; }
    #right #easier h6 {
      height: 64px;
      padding: 15px 30px 0 20px;
      background: #9FDF97 url(../images/right_corner.gif) no-repeat;
      font-size: 1.1em;
      font-weight: bold;
      color: #000; }
    #right #easier ol {
      list-style-type: decimal;
      padding-top: 10px; }
    #right #easier li {
      font-size: 1.1em;
      color: #000;
      margin: 1em 15px 0 45px; }

#footer {
  padding: 0 25px 20px 25px;
  background: url(../images/bottom.gif) no-repeat 0 bottom; }
  #footer p {
    font-size: 1.0em;
    color: #999; }