@font-face
{
  font-family:BebasNeueRegular;
  src:local(☺), url(fonts/bebasneue-webfont.woff) format(woff), url(fonts/bebasneue-webfont.ttf) format(truetype), url(fonts/bebasneue-webfont.svg#webfontGmFKUITM) format(svg);
  font-weight:400;
  font-style:normal;
}

*
{
  margin:0;
  padding:0;
}

body
{
  background:#202020 url(background.png) repeat-x;
  font:16px/16px 'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  color:#555;
  line-height:1.4em;
}

a
{
  text-decoration:none;
  border-bottom:1px solid #888;
}

.contain
{
  width:950px;
  margin:0 auto;
}

#logo1
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#logo2
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity:0
}

.countdown
{
  padding-top:15px;
  width:248px;
  cursor:default;
}

.countdown .num
{
  width:56px;
  float:left;
  text-align:center;
  margin-right:6px;
}

.countdown .num div
{
  background:url(countdown.png) no-repeat;
  height:38px;
  width:55px;
  font-family:BebasNeueRegular;
  font-size:30px;
  padding-top:23px;
  color:#efefef;
  text-shadow:rgba(0,0,0,0.75) 0 1px 0;
  position:relative;
}

.countdown .num span
{
  font-size:12px;
  font-family:Georgia;
  text-shadow:rgba(0,0,0,0.75) 0 -1px 0;
  color:#a3a3a3;
}

.countdown .num div img
{
  position:absolute;
  top:0;
  left:0;
}

.hero
{
  line-height:2em;
  color:#888;
  margin-top:10px;
  background:#333 url(top.png);
  /*border-top: 1px solid #5e5e5e;
  border-bottom: 1px solid #5e5e5e;
  box-shadow: inset #000 0 0 10px;
  -moz-box-shadow: inset #000 0 0 10px;
  -webkit-box-shadow: inset #000 0 0 10px;*/
  padding:30px;
}

h1
{
  color:#999;
  margin-top:40px;
  text-shadow:#000 0 1px 2px;
  font-weight:700;
  font-size:40px;
  font-family:Arial;
}

h1 g
{
  font-weight:400;
  font-family:Georgia;
  font-style:italic;
}

h1 b
{
  font-weight:700;
  font-variant:small-caps;
  text-shadow:#000 0 1px 1px rgba(255,255,255,0.1) 0 0 75px rgba(255,255,255,0.1) 0 0 75px rgba(255,255,255,0.1) 0 0 75px;
}

h3
{
  text-shadow:#000 0 1px 1px;
  color:#bbb;
  font-size:40px;
  padding-bottom:15px;
}

.hero .left
{
  float:left;
  width:600px;
  line-height:1.6em;
  text-shadow:#000 0 1px 0;
}

.hero p b
{
  font-size:17px;
  color:#aaa;
}

.video
{
  width:300px;
  height:114px;
  background:#000 url(video.png);
  cursor:pointer;
  box-shadow:rgba(0,0,0,0.6) 1px 1px 10px;
  -moz-box-shadow:rgba(0,0,0,0.6) 1px 1px 10px;
  -webkit-box-shadow:rgba(0,0,0,0.6) 1px 1px 10px;
  padding-top:45px;
  margin-right: 13px;
}

.video:hover
{
  box-shadow:rgba(0,0,0,0.8) 1px 1px 12px;
  -moz-box-shadow:rgba(0,0,0,0.8) 1px 1px 12px;
  -webkit-box-shadow:rgba(0,0,0,0.8) 1px 1px 12px;
}

.video .play
{
  display:block;
  width:55px;
  height:55px;
  opacity:0.9;
  background:url(play.png) no-repeat 0 0;
  margin:0 auto;
}

.video:hover .play
{
  opacity:1;
}

#video:active .video .play
{
  background-position:0 -55px;
}

.grid .feature img
{
  width:240px;
  height:190px;
  margin-bottom:10px;
  box-shadow:rgba(0,0,0,0.8) 1px 1px 10px;
  -moz-box-shadow:rgba(0,0,0,0.8) 1px 1px 10px;
  -webkit-box-shadow:rgba(0,0,0,0.8) 1px 1px 10px;
}

.grid .feature
{
  float:left;
  width:230px;
  color:#bbb;
  margin:20px 90px 40px 0;
  padding:10px;
}

.grid .row .feature:last-child
{
  margin-right:0;
}

.footer
{
  text-align: center;
  background: url(footer.png) no-repeat top center;
  padding-top: 45px;
  margin-bottom: 20px;
  font-size: 12px;
}

.footer a
{
  color: #999;
  border-bottom: 1px dotted #666;
}