@charset: "utf-8";
 
body {
	margin: 0; 
	padding: 0; 
	overflow-x: hidden;
	overflow-y: hidden;
	background: #000;
}
	
div {
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande", "Arial";
}

#loading {
	background: url('images/ajax-loader.gif') center center no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
	width: 48px;
	height: 48px;
}

.arrow {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.1;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
}

.arrow:hover {
	opacity: 1;
}

.arrow#left, .arrow#right {
	top:0;
	width: 60px;
	height: 100%;
}

.arrow#up, .arrow#down {
	width: 100%;
	height: 60px;
}

.arrow#left {
	left: 0;
	background-image: url("images/arrowLeft.png");
}

.arrow#up {
	top: 0;
	background-image: url("images/arrowUp.png");
}

.arrow#right {
	right: 0;
	background-image: url("images/arrowRight.png");
}

.arrow#down {
	bottom: 50px;
	background-image: url("images/arrowDown.png");
}


#controls {
	position: fixed;
	bottom: 0;
	left: 50%;
	height: 50px;
	width: 500px;
	margin-left: -250px;
}