html, body{
	background-color: #303030;
	float: center;
	color: #fff;
	font-family: 'Anonymous Pro', monospace;
	overflow: hidden;
	
}

#map { 
	height: 40%;
	width: 50%;
	/*position: fixed;*/
  left: 50%;
  -ms-transform: translate(-50%, 0%);/* IE 9 */
  -webkit-transform: translate(-50%, 0%); /* Safari */
  transform: translate(-50%, 0%);
  margin-bottom: 10px;
	/*width: 0%;
	height: 30%;*/
	
}

#load-button{
	width: 50%;
}

#menu {
	z-index: 20;
	position: fixed;
	bottom: 0px;
	left: -10px;
}

#canvas {
	cursor: crosshair;
	position: fixed;
	top: 0px;
	left: 0px;
	/*z-index: 100;*/
}

.progress{
	
	/*background-color: #f00;*/
position: fixed;
  top: 50%;
  left: 50%;
   -ms-transform: translate(-50%, -50%);/* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
	z-index: 200;
	color: #fff;
}

#streetName{
	position: fixed;
	z-index: 10;
	bottom: 12px;
	left: 60px;
	opacity: 0.8;
	margin: 10px;
	font-size:16px;
}

.hidden{
	background-color: #f00;
}