@charset "UTF-8";
/* CSS Document */

body{
width:100%;
height:100%;	
margin:0;
padding:0;
color:white;
font-size:24px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}


#backdrop{
-webkit-background-size:cover;
-moz-background-size:cover;
o-background-size:cover;
background-size:cover;
position:absolute;
width:100%;
height:100%;
}

#contents{
	padding-top:100px;
width:640px;
margin:auto;	
text-align:center;

}

form{
width:200px;
border:2px #FF0 dashed;	
	padding:20px;
	margin:auto;
	text-align:center;
	background:#000;
}

form select{
	width:200px;
	padding:10px;
	font-size:16px;
	border:1px solid white;
	background:#333;
	color:#FFF;
}


.button{
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

.button:hover {
filter:alpha(opacity=100);
opacity:1.0;
-moz-opacity:1.0;
}

.space{
	background-image: url(img/bg_space.jpg); 
}

.forest{
	background-image: url(img/bg_forest.png); 
}

.lake{
	background-image: url(img/bg_lake.jpg); 
}
.sky{
	background-image: url(img/bg_skywater.jpg); 
}


