canvas {
	position: absolute;
	width: 700px;
	height: 460px;
	border: 1px black solid;
	margin: auto;
	background-color: white;
	top: 10px;
	left: 10px;
}

#screen {
	z-index: 0;
}

#alien {
	z-index: -2;
	background: transparent;
}

#shooter {
	z-index: -1;
	background: transparent;
}

#background {
	z-index: -4;
}

#bonus {
	z-index: -3;
	background: transparent;
}

#panel {
	position: absolute;
	width: 700px;
	height: 60px;
	border: 1px black solid;
	top: 470px;
	left: 10px;
	background-color: white;
}

#score {

}

.labels {
	width: auto;
	height: 30px;
	/*border: 1px red solid;*/
	float: left;
	margin-left: 10px;
	margin-top: 25px;
	padding: 0px 5px 0px 5px; 
	font-weight: bold;
	font-size: 15px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
}

#missile {
	text-align: center;
	width: 220px;
	height: 30px;
	margin-top: 10px;
	/*border: 1px blue solid;*/
	float: right;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
}

#missile img {
	height: 30px;
	width: 30px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
	/*border: 1px red solid;*/
}

#missile p {
	float: left;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	/*user-select:none;*/
}

#screen {
	width: 400px;
	height: 350px;
	float: left;
	margin: 60px 0px 10px 150px;
	background: white;
}

#message {
	text-align: center;
	font-size: 20px;
	color: red;
	font-weight: bold;
	width: 390px;
	height: 50px;
	float: left;
	margin: 10px 0px 0px 5px;
	padding-top: 20px;
	background: white;
}


#image {
	width: 200px;
	height: 200px;
	float: left;
	margin: 0px 10px 10px 100px;
	background: white;
}

#start {
	width: 400px;
	height: 350px;
	float: left;
	margin: 60px 0px 10px 150px;
	background: white;
}

#again {
	margin: 20px 0px 0px 100px;
}

#explosion {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	visibility: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	/*user-select:none;*/
}

#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 520px;
	width: 700px;
	border: 5px black solid;
	background-image: url(../images/menu_bg.png);
}

#title {
	/*border: 1px red solid;*/
	height: 100px;
	width: 450px;
}

#title_text {
	margin: 0px 0px 0px 5px;
	position: absolute;
	float: left;
	/*border: 1px white solid;*/
	color: white;
	font-size: 3em;
	text-shadow: 0px 0px 10px rgba(0, 255, 0, 1);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	/*user-select:none;*/
}

#version {
	margin: 50px 0px 0px 5px;
	position: relative;
	float: left;
	/*border: 1px white solid;*/
	color: white;
	font-size: 1.5em;
	text-shadow: 0px 0px 10px rgba(0, 255, 0, 1);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	/*user-select:none;*/
}

#menu_items {
	/*border: 1px white solid;*/
	margin-top: 10px;
	margin-left: 15px;
	width: 350px;
	height: 285px;
}

.button {
	height: 35px;
	width: 170px;
	/*border: 2px solid #009300;*/
	color: white;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 8px;
	padding: 2px 2px 2px 2px;
	float: left;
	background-color: black;
	border-radius: 25px;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 10px 5px 10px;
	text-shadow: 0px 0px 10px rgba(0, 255, 0, 1);
}

.button:hover {
	background-color: #009300;
}

#footer {
	/*border: 1px white solid;*/
	width: 250px;
	height: 100px;
	margin-top: 15px;
	margin-left: 15px;
}

#footer p {
	color: white;
	text-shadow: 0px 0px 10px rgba(0, 255, 0, 1);
	font-size: 0.8em;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	/*user-select:none;*/
}

#game_screen {
	margin: 8% 30% 0 30%;
}

body {
	background-image: url(../images/background.jpg);
}