html, body {height:100%;}
body {background: #1b1634 50% 0% no-repeat;}
h1 {font-weight:bold;margin-bottom:0;}
h2 {font-weight:bold;margin-bottom:0;}
h3 {font-weight:bold;margin-bottom:0;}
h4 {font-weight:normal;margin-bottom:0;}
h5 {font-weight:normal;margin-bottom:0;}
h6 {font-weight:normal;margin-bottom:0;}
a {text-decoration:none;}

/* FONT & COLORS */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	color:#fff;
	
}
a:focus, a:hover {
	color:#000;
}
a {
	color:#ea3b2e;
}
/* Shadow */

.Shadow-hard {
-webkit-box-shadow: 14px 14px 0px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    14px 14px 0px 0px rgba(0, 0, 0, 1);
box-shadow:         14px 14px 0px 0px rgba(0, 0, 0, 1);
}

/* scrollingBG */
.top-background
{
	position: absolute;
	top: 0px;
	left:50%;
	width: 1920px;
	height: 820px;
	margin-left:-960px;
	z-index:-10;
	overflow: hidden;
	
	
}

.bg
{
	width: 100%;
	height: 820px;
}

@-webkit-keyframes slide {
  from{
      background-position:0px;
  }
  to{
      background-position:-1920px;
  }
}
@-moz-keyframes slide {
  from{
      background-position:0px;
  }
  to{
      background-position:-1920px;
  }
}
@-o-keyframes slide {
  from{
      background-position:0px;
  }
  to{
      background-position:-1920px;
  }
}
@keyframes slide {
  from{
      background-position:0px;
  }
  to{
      background-position:-1920px;
  }
}


.frontplane
{
	width: 100%;
	height: 820px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("/img/frontplane.png") no-repeat center bottom;
	

}

.clouds1
{
	background: url("/img/clouds1.png") repeat-x center;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-animation: slide 80s linear infinite;
	-moz-animation: slide 80s linear infinite;
	-o-animation: slide 80s linear infinite;
	animation: slide 80s linear infinite;
	
	

}
.clouds2
{
	background: url("/img/clouds2.png") repeat-x center;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-animation: slide 120s linear infinite;
	-moz-animation: slide 120s linear infinite;
	-o-animation: slide 120s linear infinite;
	animation: slide 120s linear infinite;
	
	
}
.clouds3
{
	background: url("/img/clouds3.png") repeat-x center;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-animation: slide 160s linear infinite;
	-moz-animation: slide 160s linear infinite;
	-o-animation: slide 160s linear infinite;
	animation: slide 160s linear infinite;
	
	
}
.drone
{
	background: url("/img/drone.png") repeat-x center;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-animation: slide 20s linear infinite;
	-moz-animation: slide 20s linear infinite;
	-o-animation: slide 20s linear infinite;
	animation: slide 20s linear infinite;
	
	
}


.skyplane
{
	width: 100%;
	height: 820px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("/img/skyplane.png") no-repeat center bottom;
	
}






/* CLASSES */
.container {width:960px;min-height:100%;height:auto;}
.container > div {margin:0 auto;padding:10px 0;width:960px;}
.header {}
.logo h1 {margin:0;}
.logo a {background:url('/img/title.png');margin-top:-50px;width:1170px;height:443px;display:block;margin-left:-45px;}
.logo span {display:none;}
.nav div.twitter, .nav div.fb-like, .nav div.facebook {margin:0px 0px;float:right;padding:0px 2px;}
.nav div:first-child {margin-left:0;}
.nav div.twitter a {background:url('/img/twitter.png');width:20px;height:20px;display:block;}
.nav div.facebook a {background:url('/img/facebook.png');width:20px;height:20px;display:block;}
.nav div.twitter a span, .nav div.facebook a span {display:none;}
.nav fieldset {border:0;margin:0;padding:10px;}
.nav fieldset legend {display:none;}
.nav fieldset ul {list-style:none;margin:0px 0 0;padding:0px 0px;}
.nav fieldset ul li {float:left;}
.nav fieldset ul li a {background:url('/img/buttons.png');height:20px;display:block; margin-top:-10px;}
.nav fieldset ul li.nav_blog a {background-position:0 0;width:58px;}
.nav fieldset ul li.nav_blog a:hover {background-position:0 -20px;}
.nav fieldset ul li.nav_spacer { width:20px;height:20px;}
.nav fieldset ul li.nav_press a {background-position:-136px 0;width:72px;}
.nav fieldset ul li.nav_press a:hover {background-position:-136px -20px;}
.nav fieldset ul li.nav_forum a {background-position:-58px 0;width:78px;}
.nav fieldset ul li.nav_forum a:hover {background-position:-58px -20px;}
.nav fieldset ul li.nav_proto a {background-position:-243px 0;width:132px;}
.nav fieldset ul li.nav_proto a:hover {background-position:-243px -20px;}
.nav fieldset ul li.nav_music a {background-position:-375px 0;width:68px;}
.nav fieldset ul li.nav_music a:hover {background-position:-375px -20px;}
.nav fieldset ul li a span {display:none;}
.getthegameBTN{background:url('/img/getthegame.png');height:91px; width:184px; position:absolute; margin-left:470px; margin-top:120px; }
.getthemusicBTN{background:url('/img/getthemusic.png');height:91px; width:184px; position:absolute; margin-left:670px; margin-top:120px;}
.introtextbox{width:700px;}
.navigationoffset{margin-top:-50px;}
.content {}
.content > div {background:url('/img/bg_darkblue.png');margin-bottom:18px;padding:20px 20px;}
.trailer {padding:0!important; height:570px;}
.sub1 {padding:0!important; height: 450px;}
.sub2 {padding:0!important; height: 450px;}
.sub3 {padding:0!important; height: 450px;}
.sub4 {padding:0!important; height: 450px;}
.sub5 {padding:0!important; height: 450px;}
.subproto {padding:0!important; height: 640px;}
.subsoon {background:url('/img/bg_darkred.png');height: 200px;margin-bottom:18px;padding:20px 20px;}
.raptor{background:url('/img/raptor.png');width:397px;height:549px;display:block;float:left;margin-left:-120px;margin-top:-50px;position:absolute;}
.switch{background:url('/img/switch.png');width:524px;height:708px;display:block;float:left;margin-left:650px;margin-top:-100px;position:absolute;}
.candyman{background:url('/img/candyman.png');width:536px;height:581px;display:block;float:left;margin-left:-200px;margin-top:-80px;position:absolute;}
.sonata{background:url('/img/sonata.png');width:517px;height:674px;display:block;float:left;margin-left:620px;margin-top:-100px;position:absolute;}
.latch{background:url('/img/latch.png');width:500px;height:549px;display:block;float:left;margin-left:-250px;margin-top:-60px;position:absolute;}
.dice{background:url('/img/dice.png');width:542px;height:502px;display:block;float:left;margin-left:620px;margin-top:0px;position:absolute;}
.mystery{background:url('/img/mystery.png');width:267px;height:414px;display:block;float:left;margin-left:650px;margin-top:-100px;position:absolute;}
.description-right{height:auto; width: 650px; float:right;}
.description-left{height:auto; width: 650px; float:left;}
.textoffset{margin-left: 50px;}
.introtext{height:400px;}
.buylethalleague{padding:20px 20px;}
.centeredtext{left:50%;top:50%;}
.asseenontv{margin-left:145px;}
.getthemusic{padding:20px 20px; margin-left: 90px;}




div.fb-like {margin-bottom:1em;}
.footer {position:absolute;left: 50%;padding:0.5em;margin-left:-71px;}
.footer p {text-align:center;margin:0;}
.screamshot{margin-left:100px;}
.charactershot{}