* {
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  margin: 0;
  padding: 0;
}

body {
  background: #353639 url('../_img/background.png');
}

.QOverlay {
	background: #F7F7F7 url("../_img/preloader.gif") no-repeat center;
	z-index: 9999;
}

.QLoader {
	background: transparent;
	height: 1px;
}

div,
div a,
div a img {
  display: block;
}

div {
  left: 50%;
  top: 50%;
  position: absolute;
}

div#logo {
  height: 100px;
  margin-left: -103px;
  margin-top: -125px;
  width: 206px;
}

div#compass,
div#compass a,
div#compass a img {
  height: 66px;
  width: 66px;
}

div#compass {
  margin-left: -33px;
  margin-top: 25px;
}

div#compass a { 
	-moz-transition: all 0.65s ease-in;
	-o-transition: all 0.65s ease-in;
	-webkit-transition: all 0.65s ease-in;
	transition: all 0.65s ease-in;
}

div#compass a:hover {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}