*    { margin:0; padding:0; }
html { overflow:auto; height:100%; background:#000 url(../visuals/page-bg.gif) repeat 0 0;}
body { border:none; height:100%; font:bold 100% Arial, Helvetica, sans-serif;}
table		{ border-width:0; border-spacing:0; border-collapse:collapse;}
table td	{border-width:0; padding:0;}
table tr	{vertical-align:top;}

/* ALL */
#mainmenu
{
	top:0;
	left:0;
	width:100%;
	height: 50px;
	background:#000 url(../visuals/mainmenu-bg.gif) repeat-x;
	float:left;
	border-bottom:solid 1px #bbb;
}
#top
{
	top:0;
	left:0;
	width:100%;
	height: 145px;
	background:#444 url(../visuals/top-bg.gif) repeat-x bottom;
	float:left;
}
#main
{
	top:0;
	left:0;
	width:100%;
	float:left;
	background:#444 url(../visuals/main-bg.gif) repeat-x bottom;
	border-bottom:solid 1px #000;
}
#footer
{
	top:0;
	left:0;
	width:100%;
	height:100%;
	float:left;
	background:#000 url(../visuals/footer-bg.gif) repeat-x top;
	border-bottom:solid 1px #272727;
}
#subscript
{
	top:0;
	left:0;
	width:100%;
	float:left;
}
.wrapper
{
	float:left; clear:left;	margin-left:-480px;	position:relative; left:50%; width:960px; visibility:visible; _float:none;
}

/* COMMONS */
a
{
    text-decoration:none;
    outline:none;
    cursor: pointer;
}
span
{
	display:none;
}

ul
{
	list-style:none;
    clear:none;
}
li
{
    display:inline;	
}
ul li a
{
    float:left;
    display:block;
    text-align:center;
    color:#000;
}

/* MAINMENU */
ul.mainmenu li a
{
    height:50px;
	background:#000 url(../visuals/mainmenu-bg.gif) repeat-x;
	color:#888;
	line-height:49px;
	padding: 0 20px;
	font-size:17px;
	text-shadow:0 -1px 0 #000;
}
	ul.mainmenu li a:hover
	{		
		color:#FFF;
		background-position:0 -50px;
	}
	ul.mainmenu li a.selected,
	ul.mainmenu li a.selected:hover
	{
		color:#000;
		text-shadow:0 1px 0 #FFF;
		background-position:0 -100px;
	}

	ul.mainmenu li a.twitter
	{
		width:116px;
		background: url(../visuals/mainmenu-twitter.gif) no-repeat 0 0;
		float:right;
		padding:0;
	}
		ul.mainmenu li a.twitter:hover
		{
			background-position: 0 -50px;
		}

/* TOP */
#top h1
{
	position:relative;
	width:450px;
	height:70px;
	top:20px;
	float:left;
}
	#top h1#welcome
	{
		background:url(../visuals/header-welcome.png) no-repeat 0 0;
	}
	#top h1#games
	{
		background:url(../visuals/header-games.png) no-repeat 0 0;
	}
	#top h1#contact
	{
		background:url(../visuals/header-contact.png) no-repeat 0 0;
	}
	#top h1#sitemap
	{
		background:url(../visuals/header-sitemap.png) no-repeat 0 0;
	}
	#top h1#lunarcy
	{
		background:url(../visuals/header-lunarcy.png) no-repeat 0 0;
	}
#top img
{
	position:relative;
	top:20px;
	float:right;
}

ul.submenu
{
	position:relative;
	top:29px;	
	margin:0 30px;
}
ul.submenu li a
{
    height:42px;
	line-height:44px;
	background:#000 url(../visuals/submenu-bg.gif) repeat-x 0 0;
	margin:0 2px 0 0;
	margin:0 0 0 0;
	padding: 0 15px;
	font-size:15px;
	color:#808080;
	text-shadow:0 -1px 0 #000;
	border-top: 2px solid #960;
	border-bottom: 2px solid #8099b3;
}
	ul.submenu li.right a
	{
		float:right;
	}
	ul.submenu li a:hover
	{
		color:#FFF;
		border-top: 2px solid #F90;
		background-position:0 -44px;
	}
	ul.submenu li a.selected,
	ul.submenu li a.selected:hover
	{
		color:#FFF;
		background-position:0 -88px;
		border-top: 2px solid #F90;
		border-bottom: 2px solid #444;
	}		

/* MAIN */	
#main
{
	color:#FFF;
}
#main .wrapper
{
	padding:30px;
	width:900px;
}
#main .col-2
{
	background:url(../visuals/divider-ver.gif) repeat-y center;
	float:left;
}
div.column-left
{
	width:450px;
	float:left;
}
div.column-right
{
	width:430px;
	padding-left:20px;
	float:right;
}

#main ul#mini-blog li
{
	width:450px;
	float:left;
	clear:both;
}
#main h2.date-stamp
{
	float:left;
	font-family:Verdana;
	text-align:center;
	text-transform:uppercase;
	width:40px;
	height:36px;
	padding-top:4px;
	margin-bottom:10px;
	line-height:15px;
	font-size:12px;
	background:#690 url(../visuals/time-stamp-bg.gif) no-repeat 0 0;
	text-shadow:0 -1px 0 #000;
	color:#FFF;
}

#main a.header
{
	width:380px;
	padding-bottom:10px;
	padding-left:10px;
	color:#FFF;
	float:left;
	text-align:left;
	font-family:Verdana;
	font-size:12px;
	text-shadow:0 2px 0 #000;
	margin-top:4px;
}
#main ul#mini-blog li.first,
#main ul#mini-blog li.selected
{
	margin-bottom:20px;
}
#main ul#mini-blog li.first a
{
	font-size:26px;
}
	#main ul#mini-blog li.first div.decorator
	{
		float:left;
	}

#main ul#mini-blog li.selected
{
	background:url(../visuals/arrow-right.gif) no-repeat right 50%;
	padding-right:10px;
}
	#main ul#mini-blog li.selected div.decorator
	{
		background:#000;
		float:left;
		width:450px;
	}
	
#main ul#mini-blog li a:hover
{
	color:#09F;
}	
	#main ul#mini-blog li a.newer,
	#main ul#mini-blog li a.older
	{
		width:40px;
		height:40px;
		margin-left:195px;
	}	
	#main ul#mini-blog li a.newer
	{
		background:url(../visuals/arrows-newer-older.png) no-repeat 0 0;
		margin-bottom:10px;
	}	
		#main ul#mini-blog li a.newer:hover
		{
			background-position:0 -40px;
		}	
	#main ul#mini-blog li a.older
	{
		background:url(../visuals/arrows-newer-older.png) no-repeat -40px 0;
		margin-top:10px;
	}
		#main ul#mini-blog li a.older:hover
		{
			background-position:-40px -40px;
		}	

#main div.component
{
	float:left;
	width:430px;
	clear:both;
}
	#main div.wide
	{
		float:left;
		width:900px;
		clear:both;
	}
#main div.component img
{
	float:left;
}

#main p
{
	float:left;
	font-family:Verdana;
	font-size:18px;
	text-shadow:0 2px 0 #000;
	padding-bottom:18px;
}
	#main p.feedback-paragraph
	{
		font-size:13px;
	}
#main h2
{
	float:left;
	font-family:Verdana;
	font-size:24px;
	text-shadow:0 2px 0 #000;
	color:#09F;
}
	#main h2.feedback-header
	{
		width:430px;
		font-size:18px;
	}
#main ul#product-list p
{
	width:685px;
	padding-left:15px;
}
	#main p.meta-information
	{
		color:#777;
		font-family:Arial;
		font-size:12px;
		padding-bottom:20px;
	}
		#main ul#product-list p.meta-information
		{
			padding:5px 0 20px 15px;
		}
	
#main div.blog-entry a.twitter
{
	float:left;
	clear:left;
	width:50px;
	height:55px;
	background:url(../visuals/button-twitter.png) no-repeat 0 0;
	margin-bottom:-5px;
}
	#main div.blog-entry a.twitter:hover
	{
		background-position:0 -55px;
	}

#main div.divided
{
	background:url(../visuals/divider-hor.gif) repeat-x 0 bottom;
}

#main div.product-001
{
	padding-bottom:15px;
} 
#main ul#product-list div.product-001
{
	padding-bottom:0;
} 

#main div.product-001 h2
{
	float:left;
	margin:5px 0 0 15px;
	width:344px;
	height:60px;
	background:url(../visuals/products/001-logo-01.png) no-repeat 0 0;
}
#main div.product-001 h3
{
	float:left;
	margin:15px 0 0 15px;
	width:500px;
	height:60px;
	background:url(../visuals/products/001-header-01.png) no-repeat 0 0;
}
#main div.internal-001 h2
{
	float:left;
	margin:20px 0 0 0;
	width:430px;
	height:100px;
	background:url(../visuals/internal/internal-001.png) no-repeat 0 0;
}
#main div.internal-002 h1
{
	float:left;
	margin:0;
	width:430px;
	height:300px;
	background:url(../visuals/internal/internal-002.png) no-repeat 0 0;
}

#main a.button
{
	height:55px;
	float:left;
}
#main a.right
{
	float:right;
}
#main div.product-001 a.price
{
	float:right;
	margin:15px 0 0 0;
	width:160px;
	background:url(../visuals/products/001-price-02.png) no-repeat 0 0;
}
#main a.product-001-01
{
	background:url(../visuals/products/button-product-001-01.png) no-repeat 0 0;
	width:340px;
	margin:13px 0 -5px 15px;
}
	#main a.product-001-01:hover,
	#main div.product-001 a.price:hover
	{
		background-position:0 -55px;
	}

#main a.internal-001
{
	background:url(../visuals/internal/button-internal-001.png) no-repeat 0 0;
	width:430px;
	margin:10px 0 -5px 0;
}
	#main a.internal-001:hover
	{
		background-position:0 -55px;
	}
#main a.internal-002
{
	background:url(../visuals/internal/button-internal-001.png) no-repeat 0 0;
	width:430px;
	margin:10px 0 0 0;
}
	#main a.internal-002:hover
	{
		background-position:0 -55px;
	}
#main a.checkout
{
	margin-left:10px;
	background:url(../visuals/button-checkout.png) no-repeat 0 0;
	width:370px;
}
#main a.checkout-game
{
	float:right;
	background:url(../visuals/button-checkout-game.png) no-repeat 0 0;
	width:320px;
}
#main a.checkout-story
{
	float:right;
	background:url(../visuals/button-checkout-story.png) no-repeat 0 0;
	width:320px;
}
#main a.checkout-review
{
	float:right;
	background:url(../visuals/button-checkout-review.png) no-repeat 0 0;
	width:320px;
}
#main a.download-appstore
{
	float:left;
	position:absolute;
	top:329px;
	left:244px;
	background:url(../visuals/button-download-appstore.png) no-repeat 0 0;
	width:350px;
}
#main a.download-beta
{
	float:left;
	position:absolute;
	top:329px;
	left:244px;
	background:url(../visuals/button-download-beta.png) no-repeat 0 0;
	width:350px;
}
	#main a.checkout-game:hover,
	#main a.checkout-story:hover,
	#main a.checkout-review:hover,
	#main a.download-appstore:hover,
	#main a.download-beta:hover,
	#main a.checkout:hover
	{
		background-position:0 -55px;
	}


ul.subsubmenu
{
	position:relative;
	left:15px;
}
	ul.subsubmenu li
	{
		height:60px;
		display:block;
		float:left;
	}
ul.subsubmenu li a
{
    height:50px;
	line-height:40px;
	background:url(../visuals/subsubmenu-bg.gif) repeat-x 0 0;
	padding: 0 15px;
	margin:0 1px 0 0;
	font-size:15px;
	color:#808080;
	text-shadow:0 -1px 0 #000;
}
	ul.subsubmenu li a:hover
	{
		color:#000;
		background-position:0 -50px;
		text-shadow:0 1px 0 #FFF;
	}
	ul.subsubmenu li.selected a,
	ul.subsubmenu li.selected a:hover
	{
		color:#000;
		background-position:0 -50px;
		text-shadow:0 1px 0 #FFF;
	}
	ul.subsubmenu li.selected
	{
		background:url(../visuals/subsubmenu-arrow.gif) no-repeat center 40px;
	}
	
/* THUMBS */
ul.thumbnails
{
	position:relative;
	left:15px;
}
	ul.thumbnails li
	{
		width:107px;
		height:215px;
		display:block;
		float:left;
	}
ul.thumbnails li a
{
	width:100px;
	height:205px;
}
	ul.thumbnails li a.thumb-product-001-01
	{
		background:url(../visuals/screens/thumb-001-01.png) no-repeat 0 0;
	}
	ul.thumbnails li a.thumb-product-001-02
	{
		background:url(../visuals/screens/thumb-001-02.png) no-repeat 0 0;
	}
	ul.thumbnails li a.thumb-product-001-03
	{
		background:url(../visuals/screens/thumb-001-03.png) no-repeat 0 0;
	}
	ul.thumbnails li a.thumb-product-001-04
	{
		background:url(../visuals/screens/thumb-001-04.png) no-repeat 0 0;
	}
	ul.thumbnails li a.thumb-product-001-05
	{
		background:url(../visuals/screens/thumb-001-05.png) no-repeat 0 0;
	}
	ul.thumbnails li a.thumb-product-001-06
	{
		background:url(../visuals/screens/thumb-001-06.png) no-repeat 0 0;
	}
	ul.thumbnails li a.thumb-product-001-07
	{
		background:url(../visuals/screens/thumb-001-07.png) no-repeat 0 0;
	}
	ul.thumbnails li a:hover,
	ul.thumbnails li.selected a,
	ul.thumbnails li.selected a:hover
	{
		background-position:0 -215px;
	}
	
/* SITE MAP */
ul.sitemap
{
	clear:both;
	list-style:inherit;
	padding-left:20px;
}
ul.tabbed
{
	margin-left:20px;
	border-left:1px solid #09F;
}
	ul.sitemap li
	{
		height:40px;
		display:block;
		clear:both;
	}
ul.sitemap li a
{
	font-size:13px;
	clear:both;
	color:#069;
	line-height:40px;
	text-shadow:0 -1px 0 #000;
}
	ul.sitemap li a:hover
	{
		color:#09F;
	}
	
/* FOOTER */
#footer a
{
	float:left;
	font-size:13px;
	color:#069;
	line-height:40px;
	padding:0 30px 0 0;
	background:url(../visuals/breadcrumb.gif) no-repeat right 0;
}
	#footer a.last
	{
		background-image:none;
		color:#808080;
	}
	#footer a:hover
	{
		color:#09F;
	}

/* SUBSCRIPT */
#subscript
{	
	text-shadow:0 2px 0 #000;
}
#subscript p
{
	float:left;
	font-size:13px;
	color:#808080;
	line-height:50px;
}
#subscript a
{
	float:left;
	font-size:13px;
	color:#069;
	line-height:50px;
	padding:0 0 0 20px;
}
	#subscript a.right
	{
		float:right;
		padding:0;
	}
	#subscript a:hover
	{
		color:#09F;
	}
	
/* FORM */
form
{
    float:left;
	padding:20px 0 0 0;
    _padding:20px 0 2px 0;
    _margin:0 0 -3px 0;
}

div.contact ul
{    
    list-style:none;
    float:left;
}
div.contact li
{
    margin:0;
    padding:0;
    clear:both;
}
div.contact input
{
    float:left;
    padding:1px 0 3px 5px;
    margin:5px 0 0 0;
    clear:left;
    background:#8099b3 url(/visuals/input-bg.gif) repeat-x 0 0;
    border:0;
    height:22px;
    font-size:18px;
    letter-spacing:0;
	
    color:#000;
	text-shadow:0 1px 0 #c0ccd9;
}
div.contact select
{
    float:right;
    padding:3px 3px 3px 0;
    background:#8099b3 url(/visuals/input-bg.gif) repeat-x 0 0;
    border:0;
    height:26px;
    font-size:14px;
	font-weight:bold;
    letter-spacing:0;
	
    color:#000;
	text-shadow:0 1px 0 #c0ccd9;
}
	div.contact select option
	{
		padding-right:3px;
		width:155px;
		margin-right:3px;
	}
div.contact textarea#question,
div.contact textarea#request,
div.contact textarea#report
{
    width:425px;
    height:80px;
    padding:5px 0 14px 5px;
    margin:5px 0 15px 0;
    background:#8099b3 url(/visuals/input-bg.gif) repeat-x 0 0;
    border:0;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
	
    color:#000;
	text-shadow:0 1px 0 #c0ccd9;
}
div.contact textarea#request
{
    height:70px;
}
div.contact textarea#report
{
    height:67px;
}

div.contact input#name
{
    width:238px;
    margin-bottom:6px;
}
div.contact input#password
{
    width:238px;
}
div.contact input#email
{
    width:238px;
    _margin-bottom:-500px;
}
div.contact input#udid
{
    width:425px;
    margin-bottom:6px;
}
div.contact input#invite
{
    width:425px;
    margin-bottom:6px;
}
div.contact button#submit,
div.contact button#login,
div.contact button#request,
div.contact button#activate,
div.contact button#forgot,
div.contact button#bug,
div.contact button#comment
{
    float:right;
    margin:0; _margin-top:-67px;
	margin-bottom:-60px;
    position:relative;
    top:-54px; _top:0;
    padding:5px 50px; _padding:5px 28px;
    border:0;
    height:85px;
    background:#8099b3 url(/visuals/button-bg.gif) repeat-x 0 0;
    font-size:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    letter-spacing:-1px;
    outline:none;
	
    color:#FFF;
	text-shadow:0 -1px 0 #000;
}
	div.contact button#login
	{
		padding:5px 48px;
	}
	div.contact button#request
	{
		padding:5px 29px;
		background:#8099b3 url(/visuals/button-blue-bg.gif) repeat-x 0 0;
	}
	div.contact button#activate
	{
		padding:5px 118px;
		float:left;
		clear:both;
		top:6px;
		margin-bottom:0;
		background:#8099b3 url(/visuals/button-green-bg.gif) repeat-x 0 0;
	}
	div.contact button#forgot
	{
		padding:5px 71px;
		float:left;
		clear:both;
		top:6px;
		margin-bottom:0;
	}
	div.contact button#bug
	{
		padding:5px 58px;
		float:right;
		clear:both;
		margin-bottom:0;
		margin-left:20px;
	}
	div.contact button#comment
	{
		padding:5px 50px;
		float:right;
		clear:both;
		top:6px;
		margin-bottom:0;
		margin-left:20px;
	}
div.contact label
{
    float:left;
	text-shadow:0 2px 0 #000;
}
div.contact label.question
{
    font-size:24px;
}
div.contact label.name,
div.contact label.request,
div.contact label.os,
div.contact label.device,
div.contact label.udid,
div.contact label.email,
div.contact label.password,
div.contact label.invite
{
    font-size:18px;
}
div.contact label.udid
{
    margin-top:10px;
}

/* STATEMENT */
h1#statement
{
	display:none;
}

/* LEADERBOARD */
table
{
	text-transform:uppercase;
}

table .lb-header
{
	text-align:center;	
	height:40px;
	border-bottom:1px solid #FFF;
	vertical-align:middle;
	background:#FFF url(../visuals/subsubmenu-bg.gif) repeat-x 0 -50px;
}
table .lb-total
{
	text-align:center;	
	vertical-align:middle;
}
	table .lb-total a
	{
		float:left;
		display:block;
		text-align:center;	
		vertical-align:middle;
		width:40px;
		height:300px;
		background:url(../visuals/lb-total-bg.gif) no-repeat 0 0;
	}
		table .lb-total a:hover,
		table .lb-total a.selected
		{
			text-align:center;	
			vertical-align:middle;
			background:url(../visuals/lb-total-bg.gif) no-repeat -40px 0;
		}
		table .lb-total a.deactivated,
		table .lb-total a.deactivated:hover
		{
			background:url(../visuals/lb-total-bg.gif) no-repeat -80px 0;
		}
	
	table .lb-header h3
	{
		padding:0;
		margin:0;
		text-shadow:0 1px 0 #FFF;	
		color:#000;
		font-size:14px;
	}
table .lb-button
{
	text-align:center;
	height:40px;
	vertical-align:middle;
	border-bottom:1px solid #FFF;
}
table .lb-entry,
table .lb-entry-left
{
	text-align:right;
	text-shadow:0 1px 0 #FFF;
	padding:0 15px 0 0;
	height:35px;
	font-size:14px;
	vertical-align:middle;
	border-bottom:1px solid #FFF;
	color:#000;
	background:#DDD url(../visuals/lb-entry-bg.png) repeat-x 0 0;
}
	table tr.selected .lb-entry,
	table tr.selected .lb-entry-left
	{
		text-shadow:0 1px 0 #FF0;
		background:#DDD url(../visuals/lb-entry-bg.png) repeat-x 0 -35px;
	border-bottom:1px solid #FF0;
	}
table .lb-entry-left
{
	text-align:left;
}
	table .lb-button a
	{
		text-align:center;
		text-shadow:0 -2px 0 #000;
		text-transform:uppercase;
		background:#999 url(../visuals/subsubmenu-bg.gif) repeat-x 0 0;	
		height:40px;
		line-height:40px;
		font-size:14px;
		color:#FFF;
		display:block;
	}
		table .lb-button a.arrow
		{
			width:40px;
			line-height:38px;
			font-size:16px;
		}
		table .lb-001-levelselect,
		table .lb-001-levelselect-2
		{
			height:50px;
		}
			table .lb-001-levelselect a,
			table .lb-001-levelselect-2 a
			{
				width:50px;
				height:50px;
				display:block;
				background:url(../visuals/leaderboard/lb-001-levelselect.png) no-repeat 0 0;	
			}
			table .lb-001-levelselect-2 a
			{
				background:url(../visuals/leaderboard/lb-001-levelselect-2.png) no-repeat -9px 0;	
			}
				table .lb-001-levelselect a:hover,
				table .lb-001-levelselect-2 a:hover
				{
					background-position:0 -50px;	
				}
					table .lb-001-levelselect-2 a:hover
					{
						background-position:-9px -50px;	
					}
				table .lb-001-levelselect a.selected,
				table .lb-001-levelselect-2 a.selected:hover,
				table .lb-001-levelselect-2 a.selected,
				table .lb-001-levelselect-2 a.selected:hover
				{
					background-position:0 -100px;	
				}
					table .lb-001-levelselect-2 a.selected:hover,
					table .lb-001-levelselect-2 a.selected,
					table .lb-001-levelselect-2 a.selected:hover
					{
						background-position:-9px -100px;	
					}
			table .lb-button a:hover,
			table .lb-button a.selected,
			table .lb-button a.selected:hover
			{
				text-shadow:0 1px 0 #FFF;
				color:#000;
				background-position:0 -50px;
			}
			table .lb-button a.deactivated,
			table .lb-button a.deactivated:hover
			{
				text-shadow:0 -1px 0 #000;
				color:#666;
				background-position:0 -100px;
			}
table input
{
    float:left;
	padding:12px 0 0 10px;
    clear:left;
    background:#8099b3 url(/visuals/input-bg.gif) repeat-x 0 0;
    border:0;
    height:28px;
    font-size:14px;
	font-weight:bold;
    color:#FFF;
	text-shadow:0 1px 0 #000;
    letter-spacing:0;
	text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
}
table input.deactivated
{
    color:#333;
	text-shadow:0 1px 0 #CCC;
}

/* BUTTONESQUE */
a.buttonesque
{
	float:left;
	clear:both;
    height:50px;
	width:400px;
	text-align:center;
	line-height:40px;
	background:url(../visuals/subsubmenu-bg.gif) repeat-x 0 0;
	padding: 0 15px;
	margin:00;
	font-size:15px;
	font-family:Arial;
	color:#808080;
	text-shadow:0 -1px 0 #000;
}
	a.buttonesque:hover
	{
		color:#000;
		background-position:0 -50px;
		text-shadow:0 1px 0 #FFF;
	}