body {
	margin: 0;
	padding: 0;
	font: 13px verdana, arial, sans-serif;
	color: #fff;
	background: url(img/back.png) repeat-x #000;
}

li {
	list-style: none;
}

a, a:link {
	color:#4a0;
	text-decoration: none;
	//border-bottom: dotted 1px;
}

a:hover {
	color:#af0;
	text-decoration: none;
	//border-bottom: solid 1px;
}



#container {
	margin: 0px auto;
    width: 960px;
	background: url(img/back_line.png) repeat-y;
	
}

#header {
  width: 960px;
	height:113px;
	background: url(img/header.jpg) no-repeat;
}

#bar {
  position:relative;
  width: 960px;
  height: 48px;
  background: url(img/bar.png) no-repeat;
  font-size: 10px;
}


#bar td {
	vertical-align: top;
}


#bar .section {
	background: url(img/bar_deli.png) no-repeat right top;
}

#bar #res {
  background-position: 4px 8px;
  background-repeat: no-repeat;
  width: 52px;
}
                                       
.res1 { background: url(img/res1.png) }
.res2 { background: url(img/res2.png) }
.res3 { background: url(img/res3.png) }
.res4 { background: url(img/res4.png) }
.res5 { background: url(img/res5.png) }
.res6 { background: url(img/res6.png) }

#bar #clock {
	text-align: center;
	vertical-align: middle;
  width: 100px;
  font-size: 14px;
  font-weight: bold;
}

#bar #planet {
	vertical-align: middle;
}


/*
#bar span {
  padding-left: 50px;
  background-position: 0px 4px;
}

#bar select {
	color: #fff;
	background: #000;
}
*/


#main {
}


#menu	{
  display: inline;
  float: left;
	width: 184px;
	background:url(img/back_line.png);
}

#menu div {
	width: 184px;
	padding-top: 42px;
	font: 13px arial, hevetica, sans-serif;
  background-repeat: no-repeat;
}

#menu #game  { background-image: url(img/mh_game.png); }
#menu #info  { background-image: url(img/mh_info.png); }
#menu #news  { background-image: url(img/mh_news.png); }
#menu #user  { background-image: url(img/mh_user.png); }
#menu #home  { background-image: url(img/mh_home.png); }
#menu #login { background-image: url(img/mh_login.png); }

#menu a, #menu a:link {
  display: block;
  height: 23px;
  width: 184px;
  background: url(img/mb.png);
	text-decoration: none;
	border-bottom: none;

	color: #fff;
	text-align: center;
	text-decoration:none;
	line-height: 22px;
}

#menu a:hover {
  font-weight: bold;
  background: url(img/mb_o.png);
}

#menu a.active {
  font-weight: bold;
  background: url(img/mb_a.gif);
}


#menu #login form { 
	background-image: url(img/mb_login.png); 
	padding: 10px; 
	text-align: center;
}

#menu #login a {
  display: inline;
  background: none;
	color: #fff;
} 

#menu #login form input {
	margin: 2px; 
	background: #af0;
}

#menu #login form input#submit { 
	border: 0px;
	color: #fff;
  display: block;
  width: 151px;
  height: 32px;
	margin: 4px;
	line-height: 30px;	
	background: url(img/button.gif) no-repeat;
	text-align:center;
	text-decoration:none;	
}

input.glossy { 
	border: 0px;
	color: #fff;
  display: block;
  width: 151px;
  height: 32px;
	margin: 4px;
	line-height: 30px;	
	background: url(img/button.gif) no-repeat;
	text-align:center;
	text-decoration:none;	
}


#content {
  padding: 10px 40px 10px 40px;
  display: inline;
  float: left;
  width: 696px;
  background: url(img/content.jpg) no-repeat;
}

#loginstart {
  padding: 10px 40px 10px 40px;
  display: inline;
  float: left;
  width: 696px;
  background: url(img/start.jpg) no-repeat;
}

#loggedinstart {
  padding: 10px 40px 10px 40px;
  display: inline;
  float: left;
  width: 696px;
  background: url(img/index.jpg) no-repeat;
}


.splash #content {
  padding: 10px 40px 110px 40px;
  display: inline;
  float: left;
  width: 696px;
  background: url(img/content_splash.jpg) no-repeat;
}

#content .center {
  margin: auto;
}

#message {
  position: relative;
  width: 615px;
  margin: auto;
  padding-bottom: 60px;
  background: url(img/message.png) no-repeat;
}
#message div {
  left: 80px;
  top: 10px;
  position: relative;
  font-family: courier;
  color: #000;
}

#building { 
  position: relative;
  margin: auto;
  width: 665px;
  height: 167px;
  padding-bottom: 20px;
	background: url(img/panel.png) no-repeat;
}



#building:hover { 
	background-image: url(img/panel_o.png);
}

#building #help {
  color: #fff;
  position: absolute;
  left: 633px;
  top: 0px;
  width: 30px;
  height: 30px;
	background-image: url(img/info.png);
}

#building #help:hover {
	background-image: url(img/info_o.png);
}

#building #head {
  position: absolute;
  left: 10px;
  top: 7px;
  font-size:14px;
  color:#af0;
}

#building #text {
  position: absolute;
  left: 155px;
  top: 37px;
  width: 330px;
}

#building #resource {
  position: absolute;
  left: 155px;
  top: 125px;
  width: 330px;
  color: #af0;
  font-size: 10px;
}

#building #resource strong {
  color:#fff;
  font-weight: bold;
  font-size: 13px;  
}


#building #link {
  position: absolute;
  left: 500px;
  top: 40px;
  width: 155px;
  height: 155px;
}

#building #img {
  position: absolute;
  left: 14px;
  top: 38px;
  width: 120px;
  height: 120px;
  border: solid #666 1px;
}

a.button {
	color: #fff;
    display: block;
    width: 151px;
    height: 32px;
	margin: 4px;
	line-height: 30px;	
	background: url(img/button.gif) no-repeat;
	
	text-align:center;
	text-decoration:none;

}
a.button:hover { background-image: url(img/button_d.gif); }

a.button strong {
    font-size:14px;
    font-weight:bold;	
}

a.constr {
	color: #fff;
    display: block;
    width: 151px;
    height: 32px;
	margin: 4px;
	line-height: 30px;	
	background: url(img/constr.gif) no-repeat;
	
	text-align:center;
	text-decoration:none;
    font-size:14px;
    font-weight:bold;
}
a.constr:hover { background-image: url(img/constr_d.gif); }
a.constr strong {
    font-size:14px;
    font-weight:bold;	
}


#footer {
  float:left;
  clear:both;
  width: 960px;
  font-size: 11px;
	height: 55px;
	background: url(img/footer.jpg) no-repeat;
	text-align: center;
	line-height: 20px;
	color:#fff;
}


#footer a {
	color:#fff;
	text-decoration: none;
}

#footer a:hover  {
	color:#af0;
	border-bottom: dotted 1px;
}


#bxx { 
	//font-size: 14px;
	text-align: center;
	color: #fff;
}

.limit {
	color: #f00;
}

h1 {
	font-size: 16px;
}

h2 {
	color: #4a0;
	font-size: 16px;
}

table {
	margin: auto;
}

#games table {
	padding: 0px;
	margin: 0px;
}

#games td {
  width: 300px;
  height: 250px;
  background: url(img/game_bg.png) no-repeat;
  text-align: center;
  vertical-align: top;
}

#games td input {
  margin: auto;
  position: relative;
  top: 100px;
}