html, body {}
body {
  margin: 20px 0;
  color: #E6FBFF;
  line-height: 1.35;
  background: #0078AD; }
body#page-lounge,
body#page-prep {
  background-position: 0 -175px; }
body#page-cloud {
  background-position: 0 -0px; }
.ie6 body {
  background: #0078AD; }

h1 {
  margin: 0;
  font-size: 20px;
  color: #fff;
  line-height: 22px; }
h3 {
  margin: 12px 0;
  font-size: 16px;
  color: #fff;
  line-height: 18px; }
p {
  margin: 12px 0 0 0; }
small {
  color: #B4F8FE;
  font-size: 11px;
  line-height: 13px; }

ul {
  margin: 3px 0 12px 0;
  padding: 0; }
  ul li {
    margin: 0 0 0 15px;
    padding: 0; }

table {
  margin: 0; }
  table th {
    color: #fff;
    text-align: left;
    padding: 5px 5px 5px 0;
    border-bottom: 1px solid #238CB9; }
  table td {
    padding: 5px 0;
    border-bottom: 1px solid #238CB9; }
  table tr:first-child th,
  table tr:first-child td {
    padding-top: 0; }

a {
  color: #E6FBFF; }
a:hover {
  color: #fff; }


a.coming-soon {
  position: relative; }
  span.coming-soon {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 140px;
    height: 44px;
    margin-left: -70px;
    background: url(../img/coming-soon.png) no-repeat left top; }
  .ie6 #navi span.coming-soon {
    background-image: url(../img/coming-soon.gif); }


#illustration {
  z-index: 2; }
  #illustration div {
    z-index: 2; }
a.launch-prep {
  z-index: 1; }
ul#legal-links {
  z-index: 3; }
.ie #header {
  z-index: 4; }
.ie #clouds {
  z-index: 4; }
#content,
#check-back {
  z-index: 6; }
#footer {
  z-index: 5; }
#bird {
  z-index: 6; }
#signup {
  z-index: 7; }
#signup-link {
  z-index: 8; }
a#btn-play-big {
  z-index: 9; }
a.coming-soon,
span.coming-soon {
  z-index: 9; }
#zoom {
  z-index: 10; }
#sponsors {
  z-index: 9; }

#header {
  position: relative; }

#navi {}
  #navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #016087;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    #navi ul li {
      float: left;
      padding: 0;
      margin: 0;          
      border-left: 1px solid #75A8C9;
      border-right: 1px solid #016087;
      background: url(../img/navi-bg.png) repeat-x left top; }
      #navi ul li:hover {
        background-position: 0 -34px; }
      #navi ul li.coming-soon {
        background-position: left top; }
      #navi ul li.active {
        background-position: 0 -68px; }
      #navi ul li a,
      #navi ul li span {
        display: block;
        padding: 0 18px;
        line-height: 32px;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: 50% 7px; }
      #navi ul li a:hover,
      #navi ul li a:focus {
        background-position: 50% -43px; }
      #navi ul li.active a {
        background-position: 50% -93px; }
      #navi ul li#navi-home a {
        width: 80px;
        padding-left: 19px;
        background-image: url(../img/navi-home.png); }
      #navi ul li#navi-challenge a {
        width: 157px;
        padding-left: 19px;
        background-image: url(../img/navi-challenge.png); }
      #navi ul li#navi-cloud a {
        width: 120px;
        background-image: url(../img/navi-cloud.png); }
      #navi ul li#navi-lounge a,
      #navi ul li#navi-lounge span {
        width: 130px;
        padding-right: 19px;
        background-image: url(../img/navi-lounge.png); }
      .ie6 #navi ul li#navi-home a {
        background-image: url(../img/navi-home.gif); }
      .ie6 #navi ul li#navi-challenge a {
        background-image: url(../img/navi-challenge.gif); }
      .ie6 #navi ul li#navi-cloud a {
        background-image: url(../img/navi-cloud.gif); }
      .ie6 #navi ul li#navi-prep a,
      .ie6 #navi ul li#navi-prep span {
        background-image: url(../img/navi-prep.gif); }
      .ie6 #navi ul li#navi-lounge a,
      .ie6 #navi ul li#navi-lounge span {
        background-image: url(../img/navi-lounge.gif); }
    #navi ul li.coming-soon {
      position: relative; }
    #navi ul li#navi-home {
      border-left: none;
      -moz-border-radius-bottomleft: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-topleft: 6px;
      -webkit-border-top-left-radius: 6px; }
    #navi ul li#navi-lounge {
      border-right: none;
      -moz-border-radius-topright: 6px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -webkit-border-bottom-right-radius: 6px; }

#play-game-link {
  float: right;
  position: relative;
  top: 0;
  right: -6px; }

.launch-game {
  position: relative;
  display: block;
  top: 8px;
  width: 114px;
  line-height: 42px;
  text-indent: -9999px;
  background: url(../img/btn-play-game.png) no-repeat left top; }
.launch-game:hover,
.launch-game.active {
  background-position: -150px 0; }
.ie6 .launch-game {
  background-image: url(../img/btn-play-game.gif); }

#sponsors {
  position: relative;
  height: 28px;
  margin: 0 10px;
  background: url(../img/sponsors.png) no-repeat left top; }
  #sponsors a {
    position: absolute;
    top: 0;
    height: 100%;
    text-indent: -9999px; }
  #sponsors a#sponsor-google {
    left: 20px;
    width: 100px; }
  #sponsors a#sponsor-virgin {
    left: 155px;
    width: 100px; }
.ie6 #sponsors {
  background-image: url(../img/sponsors.gif); }

#illustration {
  position: relative;
  min-height: 350px; }
  #illustration div {
    position: absolute;
    left: 0;
    top: 0; }
  #illustration div#illustration2 {
    display: none; }
  #page-home #illustration {
    position: absolute;
    top: 0;
    left: 320px; }
  #page-home #illustration div {
    top: -110px;
    left: -64px;
    width: 668px;
    height: 486px;
    background: url(../img/home.jpg) no-repeat left top; }
  #page-challenge #illustration div {
    left: 0px;
    top: -150px;
    width: 611px;
    height: 561px;
    background: url(../img/challenge.png) no-repeat left top; }
  .ie6 #page-challenge #illustration div {
    background-image: url(../img/challenge.jpg); }
  #page-cloud #illustration div#illustration1 {
    left: -30px;
    top: -150px;
    width: 693px;
    height: 675px;
    background: url(../img/cloud.png) no-repeat left top; }
  .ie6 #page-cloud #illustration div#illustration1 {
    background-image: url(../img/cloud.jpg); }
  #page-cloud #illustration div#illustration-overlay {
    display: none;
    left: -25px;
    top: -175px;
    width: 660px;
    height: 622px;
    background: url(../img/cloud-overlay.png) repeat-y center top; }
  #page-cloud #illustration div#illustration2 {
    overflow: hidden;
    left: -25px;
    top: -175px;
    width: 660px;
    height: 622px; }
    #page-cloud #illustration div#illustration2-inner {
      position: absolute;
      display: block;
      left: -65px;
      top: 0;
      width: 1200px;
      height: 622px;
      background: url(../img/cloud-2.jpg) no-repeat left top; }
    .ie6 #page-cloud #illustration div#illustration2-inner {
      left: 0;
      background-image: url(../img/cloud-2-ie6.jpg); }
  #page-prep #illustration div#illustration1,
  #page-prep #illustration div#illustration2 {
    left: 25px;
    top: -125px;
    width: 611px;
    height: 589px;
    background: url(../img/prep.gif) no-repeat left top; }
  #page-prep #illustration div#illustration2 {
    display: none;
    background: url(../img/prep-anim.gif) no-repeat left top; }
  #page-prep #illustration.animate div#illustration2 {
    display: block; }

#main {
  position: relative;
  margin-bottom: 15px; }
  ul#legal-links {
    position: absolute;
    bottom: 0;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none; }
    ul#legal-links li {
      float: left;
      margin-left: 10px; }
      ul#legal-links li a {
        font-size: 11px; }

#page-home ul#legal-links {
  bottom: -150px; }

#content {
  position: relative;
  min-height: 275px;
  margin-top: 15px;
  padding: 15px 18px;
  border: 1px solid #99c3d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #006aa1; }
  #content a {
    color: #fff; }
  #content .signup-toggle {
    left: -5px;
    margin-top: 15px;
    margin-bottom: -5px; }
  .ie6 #page-cloud #content .signup-toggle {
    float: left;
    margin-top: -35px; }
  #content label.error {
    padding: 2px;
    color: #DF173B;
    background: #fff; }
  #content .page {
    margin-bottom: 20px; }
  .js #content .page-scroller {
    width: 100%;
    overflow: hidden; }
    .js #content .pages {
      width: 1000%; }
      .js #content .page {
        float: left;
        width: 264px;
        margin-right: 18px;
        margin-bottom: 0; }
  #content ul#paginator {
    display: none; }
  .js #content ul#paginator {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    margin: 0;
    padding: 11px 11px 11px 1px;
    list-style: none;
    border: 1px solid #99c3d9;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    background: #1D5086; }
    .js #content ul#paginator li {
      float: left;
      margin-left: 10px; }
      .js #content #paginator li a {
        display: block;
        height: 13px;
        width: 10px;
        text-indent: -9999px;
        outline: none;
        background: url(../img/pagination-arrows.png) no-repeat left top; }
      .js #content #paginator li.prev a {}
      .js #content #paginator li.next a {
        background-position: -18px 0; }
      .js #content #paginator li.prev a:hover {
        background-position: -50px 0; }
      .js #content #paginator li.next a:hover {
        background-position: -68px 0; }
      .js #content #paginator li.prev a.disabled,
      .js #content #paginator li.prev a.disabled:hover {
        cursor: default;
        background-position: -100px 0; }
      .js #content #paginator li.next a.disabled,
      .js #content #paginator li.next a.disabled:hover {
        cursor: default;
        background-position: -118px 0; }
.ie6 #content {
  height: 320px; }
  .ie6 #content ul#paginator {
    top: 0;
    right: 0; }
    .ie6 #content #paginator li a {
      background-image: url(../img/pagination-arrows.gif); }

#clouds {
  position: relative; }
  #clouds h1 {
    position: relative;
    width: 220px;
    height: 200px;
    margin-top: -34px;
    margin-bottom: 0; }
    #clouds h1 a {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -9999px;
      outline: none;
      background: url(../img/logo.png) no-repeat left top; }
    .ie6 #clouds h1 a {
      background-image: url(../img/logo.gif); }

#signup {
  position: absolute;
  top: 16px;
  right: 14px;
  width: 262px;
  padding: 15px 18px;
  border: 1px solid #99c3d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #006aa1; }
  #signup form {}
    #signup form p.autoclear {
      margin: 4px 0; }
    #signup form label.error {
      position: absolute;
      padding-right: 20px;
      top: -3px;
      right: 100%;
      background: url(../img/error-label-right.png) no-repeat right top; }
      #signup form label.error span {
        display: block;
        padding-left: 10px;
        line-height: 32px;
        font-size: 13px;
        font-weight: bold;
        white-space: nowrap;
        background: url(../img/error-label-left.png) no-repeat left top; }
  .signup-submit {
    display: none; }
  .js .signup-submit {
    display: block;
    line-height: 23px;
    text-indent: -9999px;
    width: 75px;
    outline: none;
    background: url(../img/btn-submit.png) no-repeat left top; }
  .js .signup-submit:hover {
    background-position: -100px 0; }
  .js .signup-submit.disabled {
    cursor: default;
    background-position: -200px 0; }
  .ie6 .signup-submit {
    background-image: url(../img/btn-submit.gif); }

.js p.autoclear {
  font-size: 13px;
  position: relative; }
  .js p.autoclear label.autoclear {
    cursor: text;
    position: absolute;
    top: 10px;
    left: 7px;
    color: #666;
    line-height: 1; }
  .gecko p.autoclear label.autoclear {
    top: 8px; }
  .js p.autoclear label.dimmed {
    color: #aaa; }

input.form-text {
  width: 246px;
  padding: 5px;
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
  border: 1px solid #999;
  background: #f5f5f5; }
input.form-text:focus {
  background: #fff; }

#footer {
  position: relative; }
  #footer .grid_3 {
    width: 170px;
    margin-left: 0; }
  .ie6 #footer .grid_13 {
    width: 752px; }

.footer-block {
  min-height: 83px;
  padding: 12px;
  color: #03436a;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #83B4D7;
  background: #C5E1ED; }
  .footer-block a,
  .footer-block a:hover {
    color: #df173b; }

#social {
  padding: 11px 14px 12px 14px; }
  #social strong {
    font-size: 14px;
    line-height: 16px; }
  #social ul {
    margin: 0 0 0 0px;
    padding: 0;
    list-style: none; }
    #social ul li {
      position: relative;
      float: left;
      width: 26px;
      height: 26px;
      margin: 8px 12px 0 0;
      padding: 0; }
      #social ul li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 11px;
        text-align: center;
        text-decoration: none;
        white-space: nowrap; }
      #social ul li a span.label {
        display: none; }
      #social ul li a span.icon {
        display: block;
        width: 26px;
        height: 26px;
        background: url(../img/social-icons.png) no-repeat left top; }
      #social ul li#icon-facebook a span.icon {
        background-position: 0 0; }
      #social ul li#icon-twitter a span.icon {
        background-position: 0 -50px; }
      #social ul li#icon-digg a span.icon {
        background-position: 0 -100px; }
      #social ul li#icon-delicious a span.icon {
        background-position: 0 -150px; }
      #social ul li#icon-orkut a span.icon {
        background-position: 0 -200px; }
      #social ul li#icon-myspace a span.icon {
        background-position: 0 -250px; }
      #social ul li#icon-live a span.icon {
        background-position: 0 -300px; }
      #social ul li#icon-bebo a span.icon {
        background-position: 0 -350px; }
      #social ul li.hover {
        z-index: 10; }
      #social ul li.hover a {
        z-index: 10;
        position: absolute;
        top: -12px;
        left: -22px;
        width: 68px;
        height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #fff;
        background-color: #006AA1; }
          #social ul li.hover a span.icon {
            margin: 7px auto 0 auto; }
          #social ul li.hover a span.label {
            display: block; }
    #social ul li#icon-delicious {
      margin-right: 0; }
    #social ul li#icon-bebo {
      margin-right: 0; }

#video {
  padding: 8px;
  text-align: center; }

#twitter p.intro {
  margin: 0;
  padding: 0 0 5px 34px;
  line-height: 1; }
  #twitter p.intro span {
    float: left; }
  #twitter p.intro a#more-tweets {
    float: right; }
.ie6 #twitter p.intro {
  padding-bottom: 6px; }

.tweet_list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .tweet_list li {
    overflow: hidden;
    margin: 5px 0 0 0;
    padding: 0 0 0 25px;
    font-size: 14px;
    background: url(../img/twitter-cloud.png) no-repeat 0 13px; }
    .tweet_list li a {}
    .tweet_list li span.tweet-text {
      display: block;
      background: url(../img/tweet-right.png) no-repeat right top; }
    .tweet_list li span.tweet-inner {
      display: block;
      height: 36px;
      padding: 12px 12px 12px 25px;
      background: url(../img/tweet-left.png) no-repeat left top; }
    .ie .tweet_list li span.tweet-inner {
      height: 40px;
      padding: 10px 12px 10px 25px; }
  .js .tweet_list li {
    display: none; }
  .js .tweet_list li.tweet_first {
    display: block; }
    

#page-prep a.button {
  position: absolute;
  right: -440px;
  top: 50px;
  width: 220px;
  height: 56px;
  text-indent: -9999px;
  outline: none;
  background: url(../img/btn-enter-game.png) no-repeat left top; }
  #page-prep a.button:hover {
    background-position: -248px 0; }
.ie6 #page-prep a.button {
  right: -450px;
  background: url(../img/btn-enter-game.gif) no-repeat left top; }
  
#page-lounge #illustration {
  display: none; }
#page-lounge #lounge-header {
  position: absolute;
  top: -165px;
  right: 10px;
  width: 633px;
  height: 128px;
  padding: 15px 18px;
  border: 1px solid #99c3d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #006aa1 url(../img/lounge.gif) no-repeat 20px 80%; }
#page-lounge #main .grid_4 {}
  #page-lounge #main #content {
    width: 500px; }
  #page-lounge #main .fc-modules {
    float: right;
    margin: 15px 10px 25px 0; }
  #page-lounge #main .fc-block {
    float: right;
    width: 376px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #99c3d9;
    background: #1D5086; }
    #page-lounge #main .fc-block p {
      padding: 10px;
      margin: 0; }
  #page-lounge #main .fc-block.last {
    margin-bottom: 0; }
  #page-lounge #main #fc-members {
    padding-bottom: 5px; }
  #page-lounge #main #fc-comlits {}
    #page-lounge #main #fc-comlits-disclaimer {
      padding: 10px;
      font-size: 11px;
      color: #99c3d9;
      line-height: 14px; }
  #page-lounge #main #videos {
    float: right;
    margin-top: 20px; }

#bird {
  display: none;
  position: absolute;
  top: 80px;
  left: 50%;
  width: 65px;
  height: 65px;
  background: url(../img/bird.gif) no-repeat center center; }


#blogger-feed {}
  #blogger-feed a.more {
    font-weight: bold;
    font-size: 14px; }
  #blogger-feed .post {
    margin: 15px 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #99C3D9; }
    #blogger-feed .post strong {
      font-weight: normal; }
    #blogger-feed .post h3 {
      margin-top: 0;
      font-size: 16px; }
    #blogger-feed .post h3 span {
      display: block;
      font-weight: normal;
      color: #E6FBFF; }

#bird-top {
  position: absolute;
  top: -12px;
  right: 50px; }

#check-back {
  position: absolute;
  top: -180px;
  left: 250px; }
  #check-back h2 {
    margin: 0;
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #fff; }
  #check-back ul {
    margin: 20px 0 18px 0;
    padding: 0;
    list-style: none; }
    #check-back ul li {
      float: left;
      clear: left;
      margin: 0 0 2px 0;
      padding: 0 5px;
      color: #fff;
      font-size: 18px;
      background: #2F6295; }
      .gecko #check-back ul li {
        padding-top: 2px;
        line-height: 22px; }
      .ie #check-back ul li {
        padding-bottom: 1px; }
      #check-back ul li small {
        color: #E6FBFF;
        font-size: 14px; }
    #check-back ul li.first {
      margin-left: 20px; }
      .ie6 #check-back ul li.first {
        margin-left: 10px; }
    #check-back ul li.second {
      margin-left: 40px; }
      .ie6 #check-back ul li.second {
        margin-left: 20px; }
    #check-back ul li.third {
      margin-left: 60px; }
      .ie6 #check-back ul li.third {
        margin-left: 30px; }
    #check-back ul li.fourth {
      margin-left: 80px; }
      .ie6 #check-back ul li.fourth {
        margin-left: 40px; }
    #check-back ul li.fifth {
      margin-left: 100px; }
      .ie6 #check-back ul li.fifth {
        margin-left: 50px; }
  #check-back p {
    width: 425px;
    margin: 8px 0 8px 120px;
    font-size: 18px;
    text-align: center;
    line-height: 24px; }
    #check-back p a {
      color: #fff;
      font-weight: bold; }

#btn-play-big {
  position: absolute;
  left: 480px;
  top: 170px;
  display: block;
  width: 169px;
  height: 56px;
  text-indent: -9999px;
  outline: none;
  background: url(../img/btn-play-big.png) no-repeat left top; }
  #btn-play-big:hover {
    background-position: -200px 0; }
.ie6 #btn-play-big {
  background-image: url(../img/btn-play-big.gif); }

#zoom {}
  #zoom table tr,
  #zoom table td {
    border: none;
    padding: 0; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }