body {
  background-color: #000;
  color: #6d9ee9;
  font-family: Georgia;
  font-size: 13.5px;
  line-height: 20.5px;
}

ul {
  list-style-type: none;
}

#page {
  background-image: url(../images/bg_main.jpg);
  background-position: top center; background-repeat: no-repeat;
  width: 1200px;
  margin: 0 auto;  
}

#wrapper {
  width: 1200px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

p {
  padding: 10px;
}

/* HEADER */

header {
  background-image: url(../images/bg_header.png);
  height: 95px;
  position: relative;
  z-index: 2;
  top: 25px;
}

  header h1 {
    position: absolute;
    width: 396px;
    height: 157px;
    text-indent: -10000em;
    background-image: url(../images/txt_auroraFeint3.png);
    left: 402px;
    top: -25px;
  }

  header #nav {
    list-style-type: none;
  }

    header #nav li {
      position: absolute;
      text-indent: -10000em;
      overflow: hidden;
    }

      header #nav li a {
        display: block;
      }

      header #nav #openfeint {
        left: 156px;
        top: 25px;
        width: 116px;
        height: 42px;
        background-image: url(../images/btn_openfeint.png);
      }

        header #nav #openfeint:hover {
          background-image: url(../images/btn_openfeint_hover.png);
        }

        header #nav #openfeint a {
          display:block;
          width: 116px;
          height: 42px;
        }

      header #nav #download {
        left: 286px;
        top: 26px;
        width: 116px;
        height: 40px;
        background-image: url(../images/btn_download.png);
      }

        header #nav #download:hover {
          background-image: url(../images/btn_download_hover.png);
        }

        header #nav #download a {
          width: 116px;
          height: 40px;
        }

        header #nav #twitter {
          right: 210px;
          top: 28px;
          width: 191px;
          height: 46px;
          background-image: url(../images/btn_twitter.png);
        }

          header #nav #twitter:hover {
            background-image: url(../images/btn_twitter_hover.png);
          }

          header #nav #twitter a {
            width: 191px;
            height: 46px;
          }


/* END HEADER */

/* CONTENT */

/* VIDEO */

#video_wrapper {
  width: 749px;
  height: 585px;
  background-image: url(../images/bg_video.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative;
  left: -12px;
}
  #video_wrapper #video_box { 
    position: absolute;
    top: 52px;
    left: 68px;
    width: 640px;
    height: 480px;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 16px #000;
    -moz-box-shadow:0 0px 16px #000000;
  }

/* END VIDEO */

/* OVERVIEW_SCREENSHOTS */

#overview_and_screenshots_wrapper {
  position: relative;
  top: -65px;
  width: 1114px;
  height: 366px;
  background-image: url(../images/bg_overview_and_screenshots.png);
  margin: 0 auto;
}

  #overview_and_screenshots_wrapper #overview_box {
    width: 490px;
    position: absolute;
    top: 65px;
    left: 100px;
    height: 220px;
  }
  
    #overview_and_screenshots_wrapper #overview_box h2 {
      margin-top: -15px;
      margin-bottom: -5px;
      width: 136px;
      height: 49px;
      text-indent: -10000em;
      background-image: url(../images/txt_story.png);
    }
    
    #overview_and_screenshots_wrapper #overview_box p {
      padding: 0px 0px 10px 10px;
    }
  
  #overview_and_screenshots_wrapper #screenshots_box {
    position: absolute;
    top: 60px;
    right: 100px;
    height: 220px;
    width: 370px;
  }

    #overview_and_screenshots_wrapper #screenshots_box h2 {
      margin-top: -10px;
      width: 151px;
      height: 46px;
      text-indent: -10000em;
      background-image: url(../images/txt_artwork.png);
    }
    
    #overview_and_screenshots_wrapper #screenshots_box #ss_nav {}
      .jcarousel-prev {
        text-indent: -10000em;
        position: absolute;
        left: -35px;
        top: 72px;
        width: 63px;
        height: 52px;
        background-image: url(../images/btn_arrow_left.png);
      }
        .jcarousel-prev:hover {
          background-image: url(../images/btn_arrow_left_hover.png);
        }
      
      .jcarousel-next {
        text-indent: -10000em;
        position: absolute;
        right: -35px;
        top: 72px;
        width: 63px;
        height: 52px;
        background-image: url(../images/btn_arrow_right.png);
      }
        .jcarousel-next:hover {
          background-image: url(../images/btn_arrow_right_hover.png);
        }
    
    #overview_and_screenshots_wrapper #screenshots_box #jcarousel-container {
    }
    .jcarousel-clip {
      width: 320px;
      margin: 0 auto;
      border: 1px solid #191d50;
    }
    
      #overview_and_screenshots_wrapper #screenshots_box #screenshots li {
        margin:0;padding:0;
        display: inline-block;
        width: 320px;
        height: 191px;
      }

/* END OVERVIEW_SCREENSHOTS */

/* COMING_SOON */

#chapters_wrapper {
  position: relative;
  top: -150px;
  width: 1114px;
  height: 554px;
  background-image: url(../images/bg_chapters.png);
  margin: 0 auto;
}
  #chapters_wrapper #chapters_box {
    left: 100px;
    position: absolute;
    top: 90px;
    width: 890px;
  }
  
  #chapters_wrapper #chapters_box h2 {
    margin-top: -10px;
    margin-left: 20px;
    width: 121px;
    height: 49px;
    text-indent: -10000em;
    background-image: url(../images/txt_chapters.png);
  }
  
  #chapters_wrapper #chapter_nav {
    border:2px solid #151647;
    background-color: #0b091d;
    height:280px;
    list-style-type:none;
    position: absolute;
    top: 50px;
    left: 20px;
    width:210px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: -3px 3px 10px #000;
    -moz-box-shadow: -3px 3px 10px #000;
  }
  
  #chapters_wrapper #chapter_nav li {
    height: 30px;
    border-bottom: 1px solid #0d0d24;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 47px;
    background-image: url(../images/icon_chapter_tab.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    position:relative;
  }
  
    #chapters_wrapper #chapter_nav li.ui-state-active {
      background-color: #120f2d;
      background-image: url(../images/icon_chapter_tab_active.png);
    }
    
    #chapters_wrapper #chapter_nav li a, #chapters_wrapper #chapter_nav li a:link, #chapters_wrapper #chapter_nav li a:visited, #chapters_wrapper #chapter_nav li a:hover, #chapters_wrapper #chapter_nav li a:active  {
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      bottom:0px;
      right:0;
      outline:0;
    }
  
  #chapters_wrapper article {
    position: absolute;
    top: 40px;
    left: 230px;
    height: 262px;
    background-color: #03050f;
    padding: 12px 18px 24px 12px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: ;
    -webkit-box-shadow: -3px 3px 10px #000;
    -moz-box-shadow: -3px 3px 10px #000;
    border:2px solid #151647;
  }
    
    #chapters_wrapper article h3 {
      font-size: 14pt;
      margin: 2px 0 10px 0;
    }
    
    #chapters_wrapper article img {
      float: left;
      margin-right: 20px;
      margin-bottom: 15px;
      border: 0;
    }
    
    #chapters_wrapper article p {
      padding: 5px 0 5px 0;
    }

/* END COMING_SOON */

/* END CONTENT */

/* FOOTER */

footer {
  background-image: url(../images/bg_footer.png);
  width: 1080px;
  height: 49px;
  margin: 0 auto;
  position: relative;
  top: -118px;
  color: #3e5153;
  font-family: Arial;
  font-size: 9pt;
}

  footer a, footer a:link, footer a:visited, footer a:hover, footer a:active {
    color: #3e5153;
    text-decoration: none;
  }
  
  footer a:hover {
    text-decoration: underline;
  }
  
  footer #copyright {
    position: absolute;
    top: 8px;
    right: 35px;
    width: 205px;
    height: 25px;
  }
  
    footer #copyright #af {
      width:110px;
      height: 25px;
      display: inline-block;
      position: relative;
      top: 6px;
      margin: 0px 2px 0px 4px;
      background-image: url(../images/txt_auroraFeint.png);
      background-repeat: no-repeat;
    }
    
    footer #copyright #af div {
      text-indent: -10000em;
      overflow: hidden;
    }

  footer #bottom_nav {
    list-style-type: none;
    position: absolute;
    top: 15px;
    left: 40px;
  }
    footer #bottom_nav li {
      display: inline;
    }
    
    footer #bottom_nav li:after {
      content: " | ";
    }
    
    footer #bottom_nav li:last-child:after {
      content: "";
    }

/* END FOOTER */



/* dev hack 
#video_wrapper {
  display: none;
}

#overview_and_screenshots_wrapper {
  display: none;
}

#chapters_wrapper {
  top: 0;
}

footer {
  display: none;
}*/