#can {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

#gui {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
}


#fpsCont {
	width: 110px;
	height: 40px;
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#fps {
	color: #fff;
	font-size: 18px;
	font-family: Arial;
	margin: 10px 0px 0px 10px;
}

#depthCont {
	width: 110px;
	height: 40px;
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top: 0px;
	left: 0px;
}
#depth {
	color: #fff;
	font-size: 18px;
	font-family: Arial;
	margin: 10px 0px 0px 10px;
}

#invCont {
	width: 200px;
	height: 400px;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 10px;
	right: 10px;
}

#invCont h2 {
	color: #fff;
	text-align: center;
}

#invP {
	color: #fff;
	font-size: 18px;
	font-family: Arial;
	margin: 10px;
}


#shopCont {
	width: 300px;
	height: 400px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-150px, -200px);
	z-index: 1;
}

#shopCont h2 {
	color: #fff;
	text-align: center;
}

.exit {
	color: #f00;
	position: absolute;
	top: -10px;
	right: 10px;
}

#sell {
	width: 80px;
	height: 25px;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-40px, 0px);
}


#drill {
	width: 200px;
	height: 35px;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding-top: 15px;
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-100px, 0px);
}

#engine {
	width: 200px;
	height: 35px;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding-top: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-100px, 0px);
}