html {
 height: 100%;
}


body {
  height: 100%;
background-color:#000000;
}

h1, h2{ 

color:#879e8b;
font-family:Verdana, Geneva, sans-serif;

}

p { 

color:#879e8b;
font-family:Georgia, Times New Roman, serif;
font-size:16px;
line-height:26px;

}



/*   mmmmmmmmmmmmmmmmmmmmm  BACKGOUND STUFF   mmmmmmmmmmmmmmmmmmmmmmmmmm  */



#background {
	background: black url(../../images/plain1.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 1;
 	opacity:1;

	animation-name: STAR-MOVE;
	animation-duration: 400s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 400s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

#midground {
	background: url(../../images/plain2.png)  repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 2;
	opacity:1;  

	animation-name: STAR-MOVE;
	animation-duration: 300s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	
	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 300s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

#foreground {
	background: url(../../images/plain3.png)  repeat 35% 35%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 3;
opacity:1;


	animation-name: STAR-MOVE;
	animation-duration: 200s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;



	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 200s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}


@keyframes STAR-MOVE {
	from {
		background-position: 5% 5%
	}
	to { 
		background-position: 900% 1100%
	}
}





@-webkit-keyframes STAR-MOVE {
	from {
		background-position: 5% 5%
	}
	to { 
		background-position: 900% 1100%
	}
}

/*  mmmmmmmmmmmmmmm   END BKG STUFF  mmmmmmmmmmmmm  */




#mapbox {

position:relative;
width:700px;
height:677px;
top:10%;
margin-left:auto;
margin-right:auto;
z-index:4;

border-image: url('../../images/metalbkg2.jpg') 30 30 30 30 
round round; 
border-style: inset;
border-width: 30px; 




}




#cont-link-1 {

z-index:4;
position:relative;
width:100px;
height:100px;
bottom:-10%;
margin-left:auto;
margin-right:auto;
}