/*
base color:006080
contrast color:805a00
logo background: 006080
menu background:003e53
menu text:d99900
main body background:f2efe6
main body text: 003648
main body anchor: 006080
main body visited: 003f54
popup background:006080
popup text:e6dfcf
 */

html
{ background:#006080; height:100%; }

body
{
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	background:#006080;
}

*
{ border:none; margin:0; padding:0; }

h1,h2,h3,h4,p
{ text-align:left; padding:0.5em 0;}

p, ul
{ text-align:justify; font-size:12pt; }

p.indent
{ padding-left:2em;}

ul{ margin-left:0; padding-left:1em; }
li{ margin:0; padding:0; }
ul.unbulleted{ list-style-type:none; }

h1
{ font-size:16pt;}

h2, h3
{ font-size:12pt; }

h4
{ font-size:10pt; }

span.update
{ color:red; }

div
{
	display:block;
	background:none;
	float:left;
	clear:none;
}

img.screenshot
{
	float:left;
	clear:left;
	margin:7px 2em 7px 7px;
}

div.main
{
	display:block;
	margin:0 auto;
	padding:0 7px;
	width:946px;
	float:none;
	background:#f2efe6;
	color:#003040;
}

div.finish
{
	float:none;
	clear:both;
}

div.adspace a:hover span{display:block;}

.main a
{
	color:#006080; 
}
.main a:visited
{
	color:#003f54;
}

.main a.nodecor, .menu a
{
	text-decoration:none;
}

.inlineimage
{
	height:1em;
	vertical-align:bottom;
}

#privacy
{
	float:none;
	clear:both;
	width:100%;
	background:#006080;
	width:100%;
}

#privacy a
{
	display:block;
	float:right;
	margin:10px;
	font-size:10pt;
	color:#d99900;
}

#privacy a:visited{color:#d99900;}

div.header
{
	position:relative;
	float:left;
	clear:both;
	width: 960px;
	height: 204px;
	padding:0;
	margin:0 -7px 7px -7px;
	background:#006080 repeat-x url(images/fade.png);
}

div.logo
{
	position:absolute; left:116px; top:57px;
	width:728px;
	height:90px;
}

#menu, #menu_top
{
	position:absolute; left:0;
	margin:0;padding:0;
	width:960px;
	height:45px;
}

#menu_top{top:4px;}

#menu{top:155px;}

#menu li, #menu_top li
{list-style:none; position:absolute; top:0;}

#menu li, #menu a, #menu_top li, #menu_top a
{height:45px; display:block;}

#menu a
{background:transparent url(images/menu.png) no-repeat;}

#menu_top a
{background:transparent url(images/menu_top.png) no-repeat;}

#menu a span, #menu_top a span{display:none;}

/*Top menu*/
#games {left:4px; width:82px;}
#games a{background-position:-4px -45px;}
#games a:hover{background-position:-4px -90px;}
#games a#self{background-position:-4px 0;}

#forum {left:90px; width:83px;}
#forum a{background-position:-90px -45px;}
#forum a:hover{background-position:-90px -90px;}
#forum a#self{background-position:-90px 0;}

#links {left:177px; width:70px;}
#links a{background-position:-248px -45px;}
#links a:hover{background-position:-248px -90px;}
#links a#self{background-position:-248px 0;}

#contact {left:251px; width:92px;}
#contact a{background-position:-322px -45px;}
#contact a:hover{background-position:-322px -90px;}
#contact a#self{background-position:-322px 0;}

/*Games submenu*/
#puzz {left:4px; width:116px;}
#puzz a{background-position:-4px -45px;}
#puzz a:hover{background-position:-4px -90px;}
#puzz a#self{background-position:-4px 0;}

#bubb {left:124px; width:121px;}
#bubb a{background-position:-124px -45px;}
#bubb a:hover{background-position:-124px -90px;}
#bubb a#self{background-position:-124px 0;}

#maze {left:249px; width:100px;}
#maze a{background-position:-249px -45px;}
#maze a:hover{background-position:-249px -90px;}
#maze a#self{background-position:-249px 0;}

#more {left:353px; width:128px;}
#more a{background-position:-353px -45px;}
#more a:hover{background-position:-353px -90px;}
#more a#self{background-position:-353px 0;}

#copy {left:813px; width:45px;}
#copy a{background-position:-813px -45px;}
#copy a:hover{background-position:-813px -90px;}
#copy a#self{background-position:-813px 0;}

#help {left:862px; width:45px;}
#help a{background-position:-862px -45px;}
#help a:hover{background-position:-862px -90px;}
#help a#self{background-position:-862px 0;}

#home {left:911px; width:45px;}
#home a{background-position:-911px -45px;}
#home a:hover{background-position:-911px -90px;}
#home a#self{background-position:-911px 0;}

div.breaker
{
	float:none;
	width:760px;
	height:1px;
	clear:both;
}

div.adspace
{
	position:relative;
	float:right;
	clear:right;
	padding:0;
	margin:0;
}

div.finish_ad
{
	float:none;
	clear:both;
	margin:7px auto;
	padding:0;
	width:728px;
}

div.finish_ad p{font-size:smaller;font-weight:bold;}

div.fbshare{float:right; clear:none; margin:10px;}
div.adspace p{padding:0 0 0 20px;font-weight:bold;font-size:smaller;}
div.adspace a{display:block;position:static;float:left;clear:both;margin:0;padding:0 0 0 20px;}

div.link_ad
{
	float:right;
	padding:5px 16px 5px 216px;
	width:728px;
	background:#006080;
}

div.skyscraper_ad
{
	float:left;
	clear:left;
	margin:10px 20px;
	width:160px;
	height:600px;
}

div.finish_ad
{
	float:none;
	clear:both;
	margin:0 auto;
	padding:7px 0;
	width:728px;
	height:90px;
}

applet.hiddenApplet
{
	position:absolute;
	z-index:500;
	top:0;
	left:0;
	width:1px;
	height:1px;
	background:#006080;
}