/* Animations for the AngularJS Image Slider */
.slide.ng-hide-add,
.slide.ng-hide-remove {
	-webkit-transition: all 1.0s;
	-moz-transition: all 1.0s;
	-o-transition: all 1.0s;
	transition: all 1.0s;
}
.slide.ng-hide-add.ng-hide-add-active,
.slide.ng-hide-remove {
	opacity: 0.0;
}
.slide.ng-hide-add {
	/* this hack is needed to prevent the two 
	   participating slide elements to float beneath each other*/ 
	position: absolute;
}
.slide.ng-hide-remove.ng-hide-remove-active {
	opacity: 1.0;
}