
.slideOutToLeft {
	-webkit-animation-name: slideOutToLeft;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name: slideOutToLeft;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;

	animation-name: slideOutToLeft;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.slideInFromRight, .slideInFromRight_fast {
	-webkit-animation-name: slideInFromRight;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name: slideInFromRight;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;

	animation-name: slideInFromRight;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.slideOutToRight {
	-webkit-animation-name: slideOutToRight;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
}
.slideInFromLeft {
	-webkit-animation-name: slideInFromLeft;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
}
.slideInFromRight_fast {
	-webkit-animation-duration: 0.35s;
}
.animFast {
	-webkit-animation-duration: 0.35s;
	-moz-animation-duration: 0.35s;
	animation-duration: 0.35s;
}
img.unloaded,
.niUnloaded {
	opacity: 0;
}
.mainFadeIn, img.loaded {
	-webkit-animation-name: mainFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
}
.mainFadeOut {
	-webkit-animation-name: mainFadeOut;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
}

@-webkit-keyframes slideOutToLeft {
	from {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
	
	to {
		-webkit-transform: translateX(-600px);
		-moz-transform: translateX(-600px);
		transform: translateX(-600px);
		opacity:0.0;
		
	}
}

@-webkit-keyframes slideInFromRight {
	from {
		-webkit-transform: translateX(600px);
		-moz-transform: translateX(600px);
		transform: translateX(600px);
		opacity:0.0;
	}
	
	to {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
}


@-moz-keyframes slideOutToLeft {
	from {
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
	
	to {
		-moz-transform: translateX(-600px);
		transform: translateX(-600px);
		opacity:0.0;
		
	}
}

@-moz-keyframes slideInFromRight {
	from {
		-moz-transform: translateX(600px);
		transform: translateX(600px);
		opacity:0.0;
	}
	
	to {
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
}



@-webkit-keyframes slideOutToRight {
	0% {
		-webkit-transform: translateX(0px);
		opacity:1.0;
	}
	75% {
		opacity:1.0;
	}
	100% {
		-webkit-transform: translateX(200%);
		opacity:0.0;
	}
}

@-webkit-keyframes slideInFromLeft {
	0% {
		-webkit-transform: translateX(-200%);
		opacity:0.0;
	}
	25% {
		opacity:1.0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity:1.0;
	}
}

@-webkit-keyframes mainFadeIn {
	from {
		opacity:0.0;
	}
	
	to {
		opacity:1.0;
	}
}
@-webkit-keyframes mainFadeOut {
	from {
		opacity:1.0;
	}
	
	to {
		opacity:0.0;
	}
}