#body-bg {
	opacity: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	background: url(background_image.jpg) no-repeat center center fixed;
	background-size: cover;
	background-color: #333;

	-webkit-animation-name: slideNav;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode:forwards;

	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-fill-mode:forwards;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -150px;
	width: 300px;
	height: 300px;
	background: url('preloader.gif') no-repeat center;
}