/* Hides from IE Mac \ */
/* End Hack */
a {
  color: #333333; }
  a:hover {
    color: #888888;
    text-decoration: underline; }

.nav a,
nav a {
  text-decoration: none; }
  .nav a:hover,
  nav a:hover {
    text-decoration: underline; }

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow-y: hidden; }

body {
  color: white;
  font-family: Helvetica Neue, Helvetica;
  font-size: 14px; }

#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 600px;
  min-height: 400px;
  overflow: hidden; }

#title-container,
#gnav,
#btn-fullsize,
#summary,
#header,
#menu-sp {
  z-index: 1000; }

#menu-sp {
  display: none; }

#title-container {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 0; }
  #title-container #title {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: 0 -350px;
    background-repeat: no-repeat;
    height: 166px;
    width: 481px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #title-container .share {
    display: inline-block;
    padding: 12px 36px;
    background-color: rgba(255, 255, 255, 0.9);
    line-height: 0;
    overflow: hidden; }
    #title-container .share .label {
      display: block;
      background-image: url("../images/sprite-sefb1bdb720.png");
      background-position: 0 -116px;
      background-repeat: no-repeat;
      height: 11px;
      width: 53px;
      white-space: nowrap;
      text-indent: -9999px;
      overflow: hidden;
      float: left;
      display: inline-block;
      margin-top: 6px;
      margin-right: 8px; }
    #title-container .share ul {
      float: left;
      overflow: hidden; }
      #title-container .share ul li {
        float: left;
        margin-right: 9px; }
        #title-container .share ul li:last-child {
          margin-right: 0; }
      #title-container .share ul .share-twitter {
        width: 110px; }

#countdown {
  padding: 21px 49px 21px 36px;
  background-color: black;
  overflow: hidden; }
  #countdown > div > span {
    display: inline-block !important;
    font-size: 0; }
    #countdown > div > span + span {
      margin-left: 5px; }
  #countdown .number0 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -257px -258px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number1 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -231px -116px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number2 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -263px -116px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number3 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -289px -258px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number4 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -444px -200px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number5 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -376px 0;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number6 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -145px -116px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number7 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -78px 0;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number8 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -321px -258px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number9 {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -295px -116px;
    background-repeat: no-repeat;
    height: 58px;
    width: 32px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown .number-dot {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -12px -58px;
    background-repeat: no-repeat;
    height: 58px;
    width: 10px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #countdown > div:after {
    content: "";
    margin-left: 6px;
    vertical-align: top; }
  #countdown #count-h {
    float: left;
    margin-right: 14px; }
    #countdown #count-h:after {
      display: block;
      background-image: url("../images/sprite-sefb1bdb720.png");
      background-position: 0 0;
      background-repeat: no-repeat;
      height: 43px;
      width: 12px;
      white-space: nowrap;
      text-indent: -9999px;
      overflow: hidden;
      display: inline-block; }
  #countdown #count-m {
    float: left;
    margin-right: 14px; }
    #countdown #count-m:after {
      display: block;
      background-image: url("../images/sprite-sefb1bdb720.png");
      background-position: -12px 0;
      background-repeat: no-repeat;
      height: 52px;
      width: 12px;
      white-space: nowrap;
      text-indent: -9999px;
      overflow: hidden;
      display: inline-block; }
  #countdown #count-s {
    float: left; }
    #countdown #count-s:after {
      display: block;
      background-image: url("../images/sprite-sefb1bdb720.png");
      background-position: 0 -58px;
      background-repeat: no-repeat;
      height: 55px;
      width: 12px;
      white-space: nowrap;
      text-indent: -9999px;
      overflow: hidden;
      display: inline-block; }

#gnav {
  position: absolute;
  right: 36px;
  bottom: 18px; }
  #gnav li {
    float: left;
    margin-left: 10px;
    text-align: center; }
    #gnav li:first-child {
      margin-left: 0; }
  #gnav .icon {
    display: inline-block; }
  #gnav .txt {
    margin-top: 11px; }
  #gnav .label {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -53px -116px;
    background-repeat: no-repeat;
    height: 11px;
    width: 38px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    left: -52px;
    bottom: 2px; }
  #gnav .sp-bg {
    display: none; }
  #gnav .gnav-week1 .icon {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -24px 0;
    background-repeat: no-repeat;
    height: 54px;
    width: 54px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block; }
  #gnav .gnav-week1 .txt {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -248px 0;
    background-repeat: no-repeat;
    height: 12px;
    width: 67px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #gnav .gnav-week2 .icon {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -91px -116px;
    background-repeat: no-repeat;
    height: 54px;
    width: 54px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block; }
  #gnav .gnav-week2 .txt {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -22px -58px;
    background-repeat: no-repeat;
    height: 12px;
    width: 73px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #gnav .gnav-week3 .icon {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -408px 0;
    background-repeat: no-repeat;
    height: 54px;
    width: 54px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block; }
  #gnav .gnav-week3 .txt {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -110px 0;
    background-repeat: no-repeat;
    height: 12px;
    width: 71px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #gnav .gnav-week4 .icon {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -177px -116px;
    background-repeat: no-repeat;
    height: 54px;
    width: 54px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block; }
  #gnav .gnav-week4 .txt {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -95px -58px;
    background-repeat: no-repeat;
    height: 12px;
    width: 73px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden; }
  #gnav a {
    display: inline-block; }

#btn-fullsize {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -327px -116px;
  background-repeat: no-repeat;
  height: 84px;
  width: 84px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer; }
  #btn-fullsize:hover {
    opacity: 0.7; }

#summary {
  position: absolute;
  left: 40px;
  top: 28px; }
  #summary .copyright {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -158px -258px;
    background-repeat: no-repeat;
    height: 28px;
    width: 99px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 20px; }

.balloon {
  position: absolute;
  z-index: 900; }
  .balloon.show {
    transform: scale(1); }
  .balloon img {
    width: 100%;
    height: 100%; }

#balloon1 {
  left: 848px;
  top: -30px;
  width: 363px;
  height: 702px;
  z-index: 901; }

#balloon2 {
  left: 750px;
  top: 360px;
  width: 261px;
  height: 429px; }

#balloon3 {
  left: 66px;
  top: 142px;
  width: 311px;
  height: 447px; }

#bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden; }

#shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 185px;
  background: url(../images/shadow.png) 0 0 repeat-x; }

#overlay-mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.9;
  z-index: 100000; }

#overlay {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 611px;
  height: 720px;
  margin-left: -306px;
  margin-top: -360px;
  z-index: 100001; }
  #overlay .full {
    width: 100%;
    height: auto;
    background-color: white;
    border-radius: 5px;
    line-height: 0;
    overflow: hidden; }
  #overlay #overlay-close {
    display: block;
    background-image: url("../images/sprite-sefb1bdb720.png");
    background-position: -353px -258px;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: -21px;
    top: -21px;
    cursor: pointer; }

.week1 #summary .title {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -381px -58px;
  background-repeat: no-repeat;
  height: 32px;
  width: 100px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }
.week1 #bg {
  background-image: url(../images/bg1.jpg); }
.week1 #gnav .gnav-week1 .txt {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -181px 0;
  background-repeat: no-repeat;
  height: 12px;
  width: 67px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }

.week2 #summary .title {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -293px -58px;
  background-repeat: no-repeat;
  height: 32px;
  width: 88px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }
.week2 #bg {
  background-image: url(../images/bg2.jpg); }
.week2 #gnav .gnav-week2 .txt {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -371px -200px;
  background-repeat: no-repeat;
  height: 12px;
  width: 73px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }

.week3 #summary .title {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: 0 -318px;
  background-repeat: no-repeat;
  height: 32px;
  width: 200px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }
.week3 #bg {
  background-image: url(../images/bg3.jpg); }
.week3 #gnav .gnav-week3 .txt {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -222px -58px;
  background-repeat: no-repeat;
  height: 12px;
  width: 71px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }

.week4 #summary .title {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -315px 0;
  background-repeat: no-repeat;
  height: 14px;
  width: 61px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }
.week4 #summary .copyright {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: -73px -258px;
  background-repeat: no-repeat;
  height: 25px;
  width: 85px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }
.week4 #bg {
  background-image: url(../images/bg4.jpg); }
.week4 #gnav .gnav-week4 .txt {
  display: block;
  background-image: url("../images/sprite-sefb1bdb720.png");
  background-position: 0 -258px;
  background-repeat: no-repeat;
  height: 12px;
  width: 73px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden; }

#overlay.week4 {
  width: 720px;
  height: 532px;
  margin-left: -360px;
  margin-top: -266px; }