@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article,nav,section,figure,header,footer{
display:block;
}
a:link, a:visited, a:active {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #0CF;
}
/*base styles*/

body{
	background-color:#000000;
	color:#FFFFFF;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif
}
h1{
	font-size:30px;
}
h2{
	font-size:20px;
}
h3{
	font-size:18px;
}
p{
	font-size:16px;
	margin-top:5px;
	margin-bottom: 5px;
}

#left-column{
	background-image:url(../images/map_ns.gif);
	background-repeat:no-repeat;
	width: 500px;
	height:800px;/*uniform background*/
	float:left;
	border-right:5px solid #00FF6C;

}
.image-button{
	width:50px;
	position:relative;
	float:left;
	/*clear:both;/* this is temp until i Use other classes to align with map*/
}
/*yellow and white buttons are being controled in the UI CSS*/
.menu-buttons{
	width:175px;
	clear:both;
	margin-top:8px;
	position:relative;
}
#hidden-home-button{
	z-index:199;
	top:-5px;
	left:0px;
}
#zinc{
	z-index:200;
	top:165px;
	left:50px;
	clear:both;
}
#diamond{
	z-index:201;
	top:80px;
	left:170px;
	clear:both;
	
}
#nickel{
	z-index:203;
	top:90px;
	left:310px;
	clear:both;
	
}
#uranium{
	z-index:204;
	top:75px;
	left:160px;
	clear:both;
}
#mine-site{
	z-index:205;
	top:50px;
	left:120px;
	clear:both;
}
#gold{
	z-index:206;
	top:60px;
	left:160px;
	clear:both;
}
#silver1{
	z-index:207;
	top:50px;
	left:200px;
	clear:both;
}
#silver2{
	z-index:208;
	top:300px;
	left:290px;
	clear:both;
}
#copper{
	z-index:209;
	top:190px;
	left:280px;
	clear:both;
}
/*lowerbuttons*/
#aboutX{
	z-index:210;
	top:-15px;
	left:0px;
	
}
#xManifesto{
	z-index:211;
	top:-10px;
	left:0px;
	
}
#Xatomic{
	z-index:212;
	top:-5px;
	left:0px;
}
#Xphysical{
	z-index:213;
	top:0px;
	left:0px;
}
#Xchemcial{
	z-index:214;
	top:5px;
	left:0px;
}
#Xnatural{
	z-index:215;
	top:10px;
	left:0px;
}
a:link .hiddentext, a:visited .hiddentext, a:active .hiddentext{
	visibility:hidden;
	
}
a:hover .hiddentext{
	visibility:visible;
	color:#ffffff;
	font-weight:bold;
	
}


#right-column{
	width:540px;
	float:left;
	background-color:#000000;
	color:#FFFFFF;
	
}
	.block-top{
		width:505px;
		border:5px solid #fff;
		padding:10px;
	}
	.block-bottom{
		margin-top: 25px;
		width:505px;
		border:5px solid #00FF6C;
		padding: 10px;
	}
	.use-list{
		padding-left:80px;
	}
	.block-bottom ul{
		margin: 20px;
	
	}
	.block-bottom ul li{
		list-style-position:outside;
		margin-left:40px;
		/*text-indent: -1.5em;*/
	}
	
	.p-block{
		width:75px;
		float:left;
		margin:5px;
		padding:2px;
		border:2px dashed #fff;
		text-align:center;
	}
	.p-block h2{
		font-size:30px;
		
	}
	.bold-font{
		font-weight:bold;
		color:#55C35E;
	}

.image-wrap{
	float:left;
	margin: 5px 10px 150px 5px;
	border:3px solid #55C35E;
}
.animation-frame{
	border:3px solid #fff;
	padding:0;
}

footer{
	float:none;
	clear:both;
}
footer #logo{
	float:left;
	margin-right:20px;
}