header.landing_page {
  padding-bottom: 4em;
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555));
  background: -moz-linear-gradient(left top, left bottom, from(#333333), to(#555555)); }
  header.landing_page h1 {
    display: block;
    float: none;
    text-align: center;
    padding: 1em;
    text-shadow: #666666 0 0px 50px; }
  header.landing_page h2 {
    clear: left;
    color: white;
    text-shadow: none   ; }
  header.landing_page ul {
    background: none;
    border: none;
    color: white;
    font-size: 1.2em; }
    header.landing_page ul li {
      float: none;
      display: block;
      list-style-type: disc; }

#header_depth {
  background-color: #f2f2f2;
  border-top: 1px solid #444;
  border-bottom: 1px solid #ccc;
  height: 4em;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f4f4f4));
  background: -moz-linear-gradient(left top, left bottom, from(#eeeeee), to(#f4f4f4)); }
  #header_depth .container {
    overflow: visible; }
  #header_depth img.screenshot {
    position: absolute;
    right: 1em;
    margin-top: -265px; }

.area {
  display: block;
  padding: 1em;
  float: left;
  width: 30%; }

.bottom {
  padding: 1em;
  float: bottom;
  width: 95%; }

#tour {
  overflow: hidden;
  display: inline-block;
  outline: 1px solid #ccc; }
  #tour {
    display: block; }
  #tour .copy {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 470px; }
    * html #tour .copy {
      overflow-x: hidden; }
    #tour .copy h3 {
      padding-top: 1em; }
  #tour .screenshot {
    display: inline;
    float: left;
    margin-right: 0;
    width: 470px;
    height: 500px;
    position: relative;
    overflow: hidden; }
    * html #tour .screenshot {
      overflow-x: hidden; }
    #tour .screenshot img {
      width: 100%; }
