/*
Designed by Frank Conrad
*/

body {
	margin: 0px;
	padding: 0;
	/*background: url(images/img01.jpg) repeat-x left top;*/
	text-align: justify;
	FONT: 16px Huxtable;
		background: #000000;
		background: url(images/bg.gif) left top;
	/*this controls simple text colors*/
	color: #FFF0D2;
	
}

body.shop {
	margin: 0px;
	padding: 0;
	/*background: url(images/img01.jpg) repeat-x left top;*/
	text-align: justify;
	FONT: 18px Huxtable;
		background:#000000;
	/*this controls simple text colors*/
	color: #FFF0D2;
	
}

img {
vertical-align:middle;	
}

ul {
}


img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/*Begin main layout section*/
/* Header */
#header {
	/*width: 1030px;*/
	width: 100%;	
	margin: 0 auto;
	margin-left:0px;
	height: 90px;
	background: url(images/stars1.gif) left top;
}



#logo {
	width: 960px;
	margin: 0 auto;
	padding: 0px 10px 0 10px;
}

#logo h1, #logo p {
	float: left;
	margin: -50px;
}

#logo span {
	color: #FFFFFF;
}

#logo h1 {
	padding: 25px 0 0 0;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 3em;
}

#logo p {
	text-transform: uppercase;
	padding: 47px 0 0 3px;
	font-size: 10px;
}

#logo a {
	border: none;
	text-decoration: none;
}

/* Menu */

#menu {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	margin-left:150px;
	height: 59px;
	/*background: url(images/img09.jpg) no-repeat left top;*/
}

#menu ul {
	margin: 0;
	padding-left: 25px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 41px;
	margin: 0;
	padding: 5px 15px 10px 20px;
	/*background: url(images/img08.jpg) no-repeat left 30%;*/
	text-decoration: none;
	text-transform: capitalize;
}

/* Wrapper */

#wrapper {

}

/* Page */

#page {
	width: 1050px;
	margin: 0;
	padding: 20px 5px;

}

#page-bg {
}




/* Content */

#content {
    margin-top:-15px;
	margin-left: -5px;
    margin-right: 5px;	
	float: left;
	width: 650px;
	border-color: #FFFFFF;
	/*background:#000000;*/
}

.byline {
	margin: -60px 20px 20px 20px;
}



.tag {
	padding: 0 15px;
}


.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
	float: left;
	margin-top: -70px;
	margin-left: -10px;
}

#sidebar2 {
	float: right;
	margin-top: -70px;
	margin-right: -8px;
	FONT: 12px Huxtable;

}

.sidebar {
	float: left;
	width: 161px;
	padding: 0;
	font-size: 14px;
	
}

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

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 2px 0px;
}


.sidebar li h2 {
	height: 40px;
	margin: 0 0 0 0;
	padding: 8px 12px 0px 62px;
	background: url(images/img04.jpg) no-repeat left top;
	font-size: 24px;
	font-weight: normal;
	color: #FFF0D2;
}

.sidebar a {
}

/*start of rounded corner boxes*/
#box
	{
	position: relative;
	margin-left: 5px;
	margin-right: auto;	
	margin-top: -5px;
	padding: 0;
	text-align: left;
	/*width:80%;				/* <-- use this to tie width to viewport size 
	width: 55em;				/* <-- use this for a set width */
	width: 750px;
	min-height:600px;
	background-color: #000000;
	}
#box_small
	{
	position: relative;
	margin-left: 5px;
	margin-right: auto;	
	margin-top: -5px;
	padding: 0;
	text-align: left;
	/*width:160px;
	width:80%;				/* <-- use this to tie width to viewport size 
	width: 55em;				/* <-- use this for a set width */
	background-color: #000000;
	}	
#box_content_small
	{
	padding:.1em;
	}
#box_content
	{
	padding:.5em;
	min-height:600px;
	}

#box_content h1
	{
	color:#FFF0D2;
	font-weight: bold;
	/*font-size: 1.2em;*/
	font-family: Huxtable, geneva, arial, sans-serif;
	}
		
#box_content p
	{
	font-size: 1.0em;
	line-height: 1.3em;
	}
	
#box_content h2.build
	{
	color:#FFF0D2;
	font-weight: bold;
	font-size: 2em;
	}
		
#box_content p.build
	{
	FONT: 16px Huxtable;
	padding-left:2px;
	padding-right:10px;
	
	}

img.food_bldg
    {
	position: absolute; 
	top:300px; 
	left:150px;
	height:30px;
	width:30px;	
	border:0px;
	}
p.food_bldg
    {
	position: absolute; 
	top:303px; 
	left:160px;
	border:0px;
	color:#000000;
	}	
img.iron_bldg
    {
	position: absolute; 
	top:85px; 
	left:395px;
	height:30px;
	width:30px;	
	border:0px;	
	}
p.iron_bldg
    {
	position: absolute; 
	top:88px; 
	left:407px;
	border:0px;
	color:#000000;	
	}	
img.oil_bldg
    {
	position: absolute; 
	top:135px; 
	left:50px;
	height:30px;
	width:30px;	
	border:0px;	
	}
p.oil_bldg
    {
	position: absolute; 
	top:139px; 
	left:62px;
	border:0px;
	color:#000000;	
	}	
	
img.uranium_bldg
    {
	position: absolute; 
	top:290px; 
	left:435px;
	height:30px;
	width:30px;	
	border:0px;	
	}
p.uranium_bldg
    {
	position: absolute; 
	top:294px; 
	left:445px;
	border:0px;
	color:#000000;	
	}	
	
img.energy_bldg
    {
	position: absolute; 
	top:260px; 
	left:300px;
	height:30px;
	width:30px;	
	border:0px;	
	}
p.energy_bldg
    {
	position: absolute; 
	top:263px; 
	left:309px;
	border:0px;
	color:#000000;	
	}	
	
img.planet_det
    {
	position: absolute; 
	top:300px; 
	left:260px;
	}
img.city_map
    {
	position: absolute; 
	left:20px;
    top:50px;
	height:525px;
	width:700px;
	border:0px;
	}
img.academy
    {
	position: absolute; 
	left:280px;
    top:200px;
	height:100px;
	width:100px;
	border:0px;
	}
img.arena
    {
	position: absolute; 
	left:50px;
    top:400px;
	height:135x;
	width:135px;
	border:0px;
	}		
img.barrack
    {
	position: absolute; 
	left:142px;
    top:278px;
	height:70px;
	width:70px;
	border:0px;
	}
img.battlelab
    {
	position: absolute; 
	left:150px;
    top:130px;
	height:100px;
	width:100px;
	border:0px;
	}
img.cc
    {
	position: absolute; 
	left:340px;
    top:145px;
	height:120px;
	width:120px;
	border:0px;
	}				
img.city
    {
	position: absolute; 
	left:405px;
    top:235px;
	height:115px;
	width:115px;
	border:0px;
	}				
img.conyard
    {
	position: absolute; 
	left:465px;
    top:165px;
	height:100px;
	width:100px;
	border:0px;
	}				
img.embassy
    {
	position: absolute; 
	left:345px;
    top:290px;
	height:80px;
	width:80px;
	border:0px;
	}				
img.fortification1
    {
	position: absolute; 
	left:35px;
    top:150px;
	height:70px;
	width:70px;
	border:0px;
	}
img.fortification2
    {
	position: absolute; 
	left:635px;
    top:150px;
	height:60px;
	width:60px;
	border:0px;
	}						
img.fortification3
    {
	position: absolute; 
	left:500px;
    top:430px;
	height:85px;
	width:85px;
	border:0px;
	}	
img.intel
    {
	position: absolute; 
	left:80px;
    top:225px;
	height:70px;
	width:70px;
	border:0px;
	}				
img.market
    {
	position: absolute; 
	left:280px;
    top:385px;
	height:100px;
	width:100px;
	border:0px;
	}				
img.missiledefense1
    {
	position: absolute; 
	left:52px;
    top:370px;
	height:40px;
	width:40px;
	border:0px;
	}
img.missiledefense2
    {
	position: absolute; 
	left:325px;
    top:465px;
	height:40px;
	width:40px;
	border:0px;
	}
img.missiledefense3
    {
	position: absolute; 
	left:665px;
    top:295px;
	height:40px;
	width:40px;
	border:0px;
	}						
img.research
    {
	position: absolute; 
	left:570px;
    top:190px;
	height:85px;
	width:85px;
	border:0px;
	}				
img.sport
    {
	position: absolute; 
	left:370px;
    top:410px;
	height:100px;
	width:100px;
	border:0px;
	}				
img.tech
    {
	position: absolute; 
	left:600px;
    top:345px;
	height:90px;
	width:90px;
	border:0px;
	}				
img.warf
    {
	position: absolute; 
	left:210px;
    top:285px;
	height:90px;
	width:90px;
	border:0px;
	}
img.worshipcenter
    {
	position: absolute; 
	left:460px;
    top:330px;
	height:110px;
	width:110px;
	border:0px;
	}					

		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/black_box/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/black_box/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/black_box/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/black_box/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/black_box/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/black_box/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/black_box/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/black_box/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

	
	
	
	
/*end of rounded corner box*/	


/* Footer */

#footer {
    width: 100%;
	/*width: 1030px;*/	
	/*height: 120px; with google ad*/		
	height: 70px;
	
	
	margin: 0 auto;
	margin-left:0px;	
	padding: 0 20px;
	background: url(images/stars1.gif) left top;
}

#footer p {
	margin: 0;
	padding: 2px 0 0 0;
	text-align: center;
	font-size: smaller;
}



#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
	margin-left:350px;
}
/*end main layout section*/


/*begin of horizontol menu section*/

#horz_menu{text-align:center;list-style:none}


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 85px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(images/header1.gif) center center repeat-x;
color: white;
font: bold 13px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 110px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
/*background: url(Images/header1.gif) left top;*/
background: #313230;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(images\header1.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
/*background: #686867;*/
background: url(Images/header3.gif) left top;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(images\menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* some sorta hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

/*end of horizontol menu section*/







#resource_bar
{
 position: absolute;
 left: 240px;
 top: 0px;
}
#planet_image 
{
 position: absolute;
 left: 5px;
 top: 50px;
 height:450px;
 width:15%; 
}
#side_panel 
{
 margin-top: -525px;
 margin-left: 525px;
 padding: 0px;
 width:200px;
}

#map_grid
{
 border-style:solid;
 border-width:1px; 
}

a.map:link {
text-decoration: none;
border:0;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
a.map:visited {
text-decoration: none;
border:0;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
a.map:hover {
text-decoration: none;
border:0;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}


a.login:link {
height:200px;
border:0;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
position: absolute;
height:120px;
}
a.login:visited{
height:200px;
border:0;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
position: absolute;
height:120px;
}
a.login:hover {
height:200px;
border:0;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
position: absolute;
height:120px;
}

	.FONT
		{
			COLOR: FFF0D2; Helvetica 
		}
	
	A	
		{
			COLOR: #lightblue;
		}
	
	A:HOVER
		{
			COLOR: #FFD074;
		}
	
	A:VISITED
		{
			COLOR: #808080;
		}
	
	A:VISITED:HOVER
		{
			COLOR: #FFD074;
		}		
	
	.input
		{
			FONT: 12px Huxtable 
			Font-Color: #FFF0D2;
			border: 1px solid #006; 
		}
	

	
	SELECT
		{
			FONT: 12px Helvetica;
			BORDER-RIGHT: 1px solid; 
			BORDER-LEFT: 1px solid; 
			BORDER-TOP: 1px solid; 
			BORDER-BOTTOM: 1px solid 
	
		}		
	BUTTON
		{	
			COLOR: #FFF0D2;
			BACKGROUND-COLOR:#000000;
			FONT:8PT verdana;
		}
	input.std_btn
		{
		height: 25px; 
		width: 100px;
		border: 1px solid #000080;
		}	
TABLE
{
border-collapse: collapse;
FONT: 14px Huxtable;
}
/*
table td {white-space: nowrap;} 
*/
TR.header1
{
background: url(Images/header1.gif) left top;
}
TR.header2
{
background: url(Images/header2.gif) left top;
}
TR.header3
{
background: url(Images/header3.gif) left top;
}
TR.header_blueflame
{
background: url(Images/blue_flame.gif) left top;
}
TR.header_blueflame2
{
background: url(Images/blue_flame2.gif) left top;
}

TR.descr1
{
color: #FFF0D2; 
FONT-: 24px Huxtable;
}

P.descr2
{
color: #FFF0D2; 
FONT: 99px Huxtable;
}
p
{
color: #FFF0D2; 
FONT: 14px Huxtable;
}
p.build
{
color: #FFF0D2; 
FONT: 14px Huxtable;
padding-left:50px;
padding-right:150px;
padding-bottom:10px;
}

p.err_msg
{
font-size:16px; 
color:#990000;
}

p.ok_msg
{
font-size:16px; 
color:#009900;
}

.alert {
   display:none;
   position:absolute;
   top:1px;
   left:1px;
   width:300px;
   background-color:black;
   border-style:solid;
   border-width:1px;
   padding:15px 20px 5px 20px;
   }
/*BEGIN DIV POP UP -------------------------------------*/
#layer1 {
	position: absolute;
	FONT: 16px Huxtable;
	visibility: hidden;
	width: 400px;
	height: 320px;
	left: 20px;
	top: 300px;
	background-color:#090909;
	border: 1px solid #666666;
	padding: 10px;
	z-index:10;
}

#layer2 {
	position: absolute;
	FONT: 16px Huxtable;
	visibility: hidden;
	width: 400px;
	height: 320px;
	left: 300px;
	top: 175px;
	background-color:#090909;
	border: 1px solid #666666;
	padding: 10px;
	z-index:10;
}

#layer3 {
	position: absolute;
	FONT: 16px Huxtable;
	height: 280px;
	width: 380px;
	left: 20px;
	top: 20px;
	border: 1px solid #666666;
	padding: 10px;
	z-index:10;
	background-image:url(Images/popup_bkgrd.gif) ;
	background-repeat:no-repeat;
}

div.buy_popup {
position:fixed;

	FONT: 16px Huxtable;
	left: 400px;
	top: 190px;
	width:205px;
	height:169px;	
	background-color:#090909;
	border: 1px solid #666666;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	z-index:10;
	background-image:url(Images/popup_bkgrd_small.gif) ;
	background-repeat:no-repeat;	
}

div.buy_popup_big {
position:fixed;

	FONT: 16px Huxtable;
	left: 300px;
	top: 150px;
	height: 280px;
	width: 380px;	
	background-color:#090909;
	border: 1px solid #666666;
	padding: 10px;
	z-index:10;
	background-image:url(Images/popup_bkgrd.gif) ;
	background-repeat:no-repeat;	
}

div.reg_popup {
position:fixed;

	FONT: 16px Huxtable;
	left: 400px;
	top: 150px;
	background-color:#090909;
	border: 1px solid #666666;
	padding: 10px;
	z-index:10;
}

div.buysell_pop {
position:fixed;

	FONT: 16px Huxtable;
	left: 400px;
	top: 150px;
	width:200px;
	background-color:#090909;
	border: 1px solid #666666;
	padding: 10px;
	z-index:10;
}

#close {
	float: right;
}
/*END DIV POP UP -------------------------------------*/

/*BEGIN Purchase Page Stuff---------------------------*/
#sale_wrap {
   margin: 1px auto;
   width: 540px;
   min-height:100px;
}

#sale_descr 
{
  position:relative;
  float:left;
  top:0px;
  left:0px;
  width:350px;
  text-align:left;
  overflow: hidden;
}

#sale_descr h3 {
 text-decoration:underline;
 font-size:24px;
 margin-top:-5px;
 margin-bottom:-20px;
}

#sale_cost {
   position:relative;
   float:left;   
   top:0px;
   left:0px;
}

#sale_img {
   position:relative;
   float:right;   
   top:0px;
   left:0px;
}

/*END Purchase Page Stuff---------------------------*/