@charset "UTF-8";

/* = = = Logo Navigation Stylesheet = = = */

#logoNav {
	position: relative;
	width: 320px;
	height: 320px;
}

#logoNav #compassButtons {
	position: absolute;
	width:320px;
	height:320px;
	z-index: 5;
}

#logoNav #compassButtons .symbol {
	position: absolute;
	z-index: 5;
}
#logoNav #compassButtons .symbol img {
	width: 22px;
	height: 22px;
	pointer-events: none;
}

#logoNav #compass {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	pointer-events: none;
}

#logoNav #outer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	pointer-events: none;
}

#logoNav #isle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
}

#logoNav #clouds {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
	transform: rotate(-45deg);
}