.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}  

body {
	background-image: url(../images/background.jpg);
	background-size: cover;
	margin: 0;
}

#nav_wrapper{
	width: 100%;
	/*background: #212121;*/
}

nav{
	display: table;
	margin: 25px auto;
}

nav ul {
	display: block;
	padding: 0; /* remove default padding */
	margin: 0; /* remove default margin */
}

nav li {
	display: inline; /* remove bullet-point */
}

nav a {
	display: inline-block;
	position: relative;
	cursor: pointer;
	top: 0;
	width: 100px;
	height: 100px;
	margin: 0 10px;
	background: #333333;
	border-radius: 5px;
	box-shadow: 0px 5px 0px #212121, 0px 10px 5px rgba(0, 0, 0, .3);
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}

nav a:active {
	top: 3px;
	box-shadow: 0px 2px 0px #212121, 0px 5px 3px rgba(0, 0, 0, .3);
}

.b_spaceship {
	background: #333333 url('../images/button_rocket.png') center;
	background-size: contain;
}

#spaceship_canvas {
	width: 1280px;
	margin: 0 auto;
	border: solid 5px #333333;
}