/*==================================================
=               Begin Preloader CSS	               =
==================================================*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	z-index: 99; /* Makes sure it stays on top, over all other content. */
}

#status {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 50%; /* Centers the loading animation horizontally on the screen */
	top: 50%; /* Centers the loading animation vertically on the screen */
	background-image: url(areya-v1.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -150px 0 0 -150px; /* Is above negative HEIGHT 0 0 WIDTH divided by two */
}

/*==================================================
=               End Preloader CSS	               =
==================================================*/