html, body {height:100%;}

body {
	background: url(../images/default_bg.jpg) center top no-repeat #000;
	font-family:Georgia, Times New Roman, Times, serif;
}

a {text-decoration:none;}

#wrapper {
	width:100%;
	min-width:1024px;
	position:relative;
	display:none;
}


@font-face {
	font-family: NASHVILL;
	src: url('../fonts/NASHVILL.TTF');
}

h1.comingsoon {
	font-family: NASHVILL, Georgia, Times New Roman, Times, sans_serif;
	color:#FFF;
	text-shadow: 0 0 5px #000;
	font-size:50px;
	text-align:center;
	margin-top:50px;
}

h1 a {
	color:#FFF;
	text-decoration:none;
}

h1 a:hover, h1 a:hover.last {
	color:#444;
	text-decoration:none;
}

.bg-container {
	width:100%;
	height:675px;
	position:absolute;
	overflow:hidden;
}

.home {
	background: url(../images/home_bg.jpg) center top no-repeat;
}

.story {
	background: url(../images/story_bg.jpg) center top no-repeat;
}

.character {
	background: url(../images/character_bg.jpg) center top no-repeat;
}

.arcade {
	background: url(../images/arcade_bg.jpg) center top no-repeat;
}


.container {
	width:960px;
	height:670px;
	margin:0 auto;
	background: transparent;
	position:relative;
	z-index:60;
}

#top {
	background: #000;
	height:15px;
	position:relative;
}

#tpglogo{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-36px;
	z-index:9999;
}

#header {
	float:left;
	position:relative;
	width:100%;
	/*background: url(../images/gs_logo.png) center 25px no-repeat;*/
	height:135px;
	z-index:1000;
	
}

#nav {
	width:100%;
	position:relative;
	overflow:hidden;
}

#nav div.leftside{float:left;}
#nav div.rightside{float:right; margin-right:30px;}
#nav div.leftside ul {
	margin:0;
	padding:0;
	list-style;
}

#nav div.leftside ul li {
	float:left;
}

#nav div.rightside ul {
	margin:0;
	padding:0;
	list-style;
}

#nav div.rightside ul li {
	float:left;
}

#home_btn {
	display:block;
	margin-top:40px;
}

#story_btn {
	width:75px;
	height:76px;
	background: url(../images/story_btn.png) 0 0 no-repeat;
	display:block;
}

#character_btn {
	width:148px;
	height:76px;
	background: url(../images/character_btn.png) 0 0 no-repeat;
	display:block;
}

#arcade_btn {
	width:94px;
	height:180px;
	background: url(../images/arcade_btn.png) 0 0 no-repeat;
	display:block;
}

#mall_btn {
	width:91px;
	height:99px;
	background: url(../images/mall_btn.png) 0 0 no-repeat;
	display:block;
}

#downloads_btn {
	width:138px;
	height:85px;
	background: url(../images/downloads_btn.png) 0 0 no-repeat;
	display:block;
}

.content-area {
	float:left;
	width:100%;
	position:relative;
}

.section {
	width:100%;
	position:relative;
	display:none;
}

#trailer-container {
	width:640px;
	min-height:435px;
	margin:0 auto;
	z-index:2000;
	position:relative;
	
}

#play-btn {
	margin: 0 auto;
	width:160px;
}

#play-btn a {
	display:block;
	margin:0;
	width:160px;
	height:115px;
	background: url(../images/play_trailer.png) 0 0 no-repeat;
}

#play-btn a:hover {
	background-position: 0 -115px;
}

#close-btn {
	position:absolute;
	top:-15px;
	right:-15px;
	display:none;
	background:#000;
	z-index:4444;
}

#close-btn a {
	display:block;
	color:#FFF;
}

#trailer {
	width:640px;
	height:390px;
	background:#333;
	display:none;
	position:absolute;
}

#rising {
	position:absolute;
	z-index:500;
	left:50%;
	top:-170px;
	margin-left:-354px;
	display:none;
}

#rising img#sticker {
	position:absolute;
	top:200px;
	right:-125px;
	z-index:3000;
}


#fence {
	width:100%;
	height:393px;
	background: url(../images/wood_bottom.png) center 0 repeat-x;
	clear:both;
	float:left;
	margin-top:-100px;
	position:relative;
}


.internal {
	
}

.column-right {
	width:450px;
	padding-top:40px;
	float:right;
	font-family:Georgia, Times New Roman, Times, sans_serif;
	font-size:16px;
	color:#333;
	line-height:30px;
	text-shadow: 0 0 1px #777;
}

.column-right h2 {
	font-size:48px;
	font-family:NASHVILL, Georgia, sans_serif;
	margin-bottom:15px;
}

#carousel {
	width:390px;
	height:462px;
	background: url(../images/wanted_bg.png) 30px 0 no-repeat;
	margin-left:30px;
	float:left;
}

#carousel-items {
	width:300px;
	height:429px;
	overflow:hidden;
	/*background: #ff9900;*/
	margin: 0 auto 0;
	position:relative;
}

#carousel-slider {
	position:relative;
	top:0;
	left:0;
	width:2400px;
	height:409px;
	background: url(../images/characters/character_strip.png) left top no-repeat;
	overflow:hidden;
}

.carousel-item {
	float:left;
	padding-top:60px;
	display:block;
}

#character-info {
	float:left;
	margin-left:20px;
	width:440px;
	color:#FFF;
	font-family:Georgia, sans_serif;
	text-shadow: 0 0 2px #000;
}

a#nav-left, a#nav-right{display:block; color:#000; text-decoration:none; text-shadow:0 0 3px #FFF; cursor:pointer;}
a#nav-left:hover, a#nav-right:hover {display:block; color:#FFF; text-shadow:0 0 3px #000;}


#carousel-nav-left {
	float:left;
	font-size:22px;
	font-family:NASHVILL, Georgia, sans_serif;
	margin-top:100px;
	margin-bottom:20px;
	position:relative;
}

#carousel-nav-right {
	float:left;
	font-size:22px;
	font-family:NASHVILL, Georgia, sans_serif;
	margin-left:200px;
	margin-top:100px;
	margin-bottom:20px;
	position:relative;
}

h4.character-name {
	font-size:36px;
	font-family:NASHVILL, Georgia, sans_serif;
	margin:20px 0 10px;
	color:#FFF;
	clear:both;
}

.char-info-box {
	clear:both;
	display:none;
}

.game-col {
	float:left;
	margin: 50px 5px 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: url(../images/wood_bottom.png) 0 -30px repeat-x;
	padding:10px 5px;
	overflow:hidden;
}

.game-col img {
	display:block;
}

ul.game-info {
	margin:0;
	padding:0;
	list-style:none;
}

ul.game-info li {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	font-family:Helvetica, Arial, sans_serif;
	text-transform:uppercase;
}

ul.game-info li a {
	color:#FFF;
}

ul.game-info li a:hover, ul.game-info li a:hover.last {
	color:#FF9900;
}

.footer-container {
	width:960px;
	margin:0 auto;
	position:relative;
	
}

#buy-now-btn {
	margin-top:-60px;
	float:left;
	z-index:1000;
	display:none;
	position:relative;
	left:30%;
}

 #fruit-ninja-btn {
	float:right;
	position:relative;
	z-index:1200;
	display:none;
	margin-top:-180px;
}

#wtmc-btn {
	float:left;
	z-index:1300;
	display:none;
	margin-top:-180px;
	margin-left:0;
	position:relative;
}


#footer {
	width:960px;
	margin:280px auto 10px;
	position:relative;
}

#tpginfo {
	float:left;
	font-size:11px;
	color:#fff;
	font-family:Helvetica, Arial, sans_serif;
	padding-top:30px;
	margin-left:20px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}