/*//////////////////////////////////////////////////////////
	Global Stuff
//////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	
	.hC {
		text-indent:-5999em;
		font:1px/1px sans-serif;
		background-repeat:no-repeat;
		text-decoration:none;
		color:#fff;
	}
	
	* {
		padding:0;
		margin:0;
	}	
		
	br.clear {
		height:0;
		font:1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0; 
	}
	
	a img {
		border:none;
		margin:0;
		padding:0;
	}
		
	/* text-indent:-9999px; line-height: 0.001em; font-size: 0.001em; */
	
/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

	body {
		font-size:62.5%;
	}
	
	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#ffffff;
	}
	
	p, 
	th,
	td {
		font-size:1.3em;
		line-height:2em;
	}

/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/

	/* general and background */
	html, body {
		min-height:100%;
	}
	html {
		
	}
	body {
		background:#004357 url(../../images/layout/bg.jpg) repeat-x bottom;
	}
	
	#container {
		width:640px;
		margin:0 auto;
		position:relative;
	}
	
	/* lamp on side */
	#lamp {
		height:679px;
		width:200px;
		background:url(../../images/layout/lamp.png) no-repeat;
		position:absolute;
		bottom:0;
		left:-120px;
		z-index:1;
	}
	
	/* header */
	#header {
		height:129px;
		margin:45px 0 0 0;
		background:url(../../images/layout/header2.png) no-repeat top center;
	}
	#header h1#logo {
		float:left;
		height:100px;
		width:115px;
		text-indent:-9999%;
	}
	#header h1#logo a {
		display:block;
		height:100px;
		width:115px;
		outline:0;
	}
	/* nav */
	#header ul#nav {
		float:right;
		margin:36px 24px 0 0;
	}
	#header ul#nav li {
		float:left;
		list-style:none;
		height:44px;
		margin:0;
		padding:0;
		text-indent:-9999%;
	}
	#header ul#nav li a {
		height:44px;
		background-position:top center;
		display:block;
		outline:0;
	}
	#header ul#nav li a:hover {
		background-position:bottom center;
	}
	#header ul#nav li.home {
		width:70px;
	}
	#header ul#nav li.home a {
		background-image:url(../../images/layout/nav-home.jpg);
	}
	#header ul#nav li.how-to-play {
		width:102px;
		background-image:url(../../images/layout/nav-play.jpg);
	}
	#header ul#nav li.how-to-play a {
		background-image:url(../../images/layout/nav-play.jpg);
	}
	#header ul#nav li.info {
		width:47px;
	}
	#header ul#nav li.info a {
		background-image:url(../../images/layout/nav-info.jpg);
	}
	#header ul#nav li.leaderboard {
		width:113px;
	}
	#header ul#nav li.leaderboard a {
		background-image:url(../../images/layout/nav-leaderboard.jpg);
	}
	
	/* general content bits */
	#content {
		background:url(../../images/layout/content.png) repeat-y center;
		padding:0 15px 10px 15px;
	}
	#content h2 {
		text-indent:-9999%;
		outline:0;
		height:85px;
	}
	#content p {
		padding:0 19px;
	}
	#content h2 a.playnow {
		display:block;
		text-indent:-9999%;
		margin:0;
		padding:0;
		width:200px;
		height:190px;
		float:right;
		margin:18px 22px 0 0;
		outline:0;
	}
	#content .img {
		float:left; display: inline;
		margin:20px 20px 0 20px;
	}
	
	/* how to play and slider */
	#content .slide {
		padding:0 19px;
		position:relative;
		background:url(../../images/layout/lower-glow.jpg) no-repeat top;
	}
	#content .slide ul.arrows {
		margin:0;
		padding:0;
	}
	#content .slide ul.arrows li {
		padding:0;
		list-style:none;
		position:absolute;
		height:50px;
		width:50px;
		top:130px;
		margin:-25px 0 0 0;
	}
	#content .slide ul.arrows li.left-arrow {
		background:url(../../images/misc/arrow-left.jpg) no-repeat center center;
		left:36px;
	}
	#content .slide ul.arrows li.right-arrow {
		background:url(../../images/misc/arrow-right.jpg) no-repeat center center;
		right:36px;
	}
	#content .slide ul.images {
		padding:0;
		margin:0;
	}
	#content .slide ul.images li {
		list-style:none;
		padding:0;
		margin:0;
		text-align:center;
	}
	#content .slide ul.images li p {
		margin:0;
		padding:0 0 30px 0;
		text-align:left;
	}
	#content .slide ul.images li p.imgdescrip {
		margin:0;
		padding:0 0 30px 0;
		text-align:center;
	}
	
	/* leaderboard */
	#content ul.leaderlist {
		margin:0;
		padding:0 19px;
		background:url(../../images/layout/lower-glow.jpg) no-repeat top;
	}
	#content ul.leaderlist li {
		list-style:none;
		padding:0;
		height:28px;
		width:402px;
		margin:0 auto 5px auto;
		background:#13424e url(../../images/layout/leader-1.jpg) no-repeat;
		
		line-height:28px;
		vertical-align:middle;
		font-size:1.3em;
	}
	#content ul.leaderlist li.odd {
		background:#0a2f3a url(../../images/layout/leader-2.jpg) no-repeat;
	}
	#content ul.leaderlist li.first {
		padding:0 83px;
		background:#0a2f3a url(../../images/layout/leader.jpg) no-repeat left;
	}
	#content ul.leaderlist li span.rank {
		display:block;
		float:left;
		width:12px;
		padding:0 19px 0 9px;
	}
	#content ul.leaderlist li span.name {
		display:block;
		float:left;
		width:180px;
		padding:0 10px 0 0px;
	}
	#content ul.leaderlist li span.score {
		display:block;
		float:left;
		width:40px;
		padding:0 10px 0 0px;
	}
	#content ul.leaderlist li span.level {
		display:block;
		float:left;
		width:80px;
	}
	#content p.play-now {
		line-height:132px;
		margin:20px 0 0 0;
	}
	#content p.play-now a img {
		border:0;
		margin:0 0 0 20px;
		float:right;
	}
	
	/* footer */
	#footer {
		height:52px;
		background:url(../../images/layout/footer.png) no-repeat top center;
		padding:0 0 90px 0;
	}
	#footer p {
		text-indent:-9999%;
		float:right;
		margin:19px 14px 0 0;
		height:32px;
		widht:62px;
	}
	#footer p a {
		display:block;
		height:32px;
		width:62px;
		outline:0;
	}