/* #image_stack {
	position: relative;
	height: auto;
	width: auto;
	margin: 0 auto;
	
}*/

/*

This keyframe animation is done for each image, and just delayed by the time it takes for each image to fade in and stay up.
	
For "n" images You must define:
a=presentation time for one image
b=duration for cross fading
Total animation-duration is of course t=(a+b)*n

animation-delay = t/n or = a+b

Percentage for keyframes:

0%
a/t*100%
(a+b)/t*100% = 1/n*100%
100%-(b/t*100%)
100% */

/* in this case, a = 4, b = 4, t=24 (3 images for 8 seconds each)
1. 0%
2. 4/24 * 100 = 16.66
3. 8/24 * 100 = 33.33
4. 100% - (4/24)*100 = 83.33
5. 100%
*/

/*
@-webkit-keyframes stack_FadeInOut {
 0% {
  	opacity:1;
	}
	17% {
	opacity:1;
	}
	33% {
	opacity:0;
	}
	83% {
	opacity:0;
	}
	100% {
	opacity:1;
	}
}

@-moz-keyframes stack_FadeInOut {
 0% {
  	opacity:1;
	}
	17% {
	opacity:1;
	}
	33% {
	opacity:0;
	}
	83% {
	opacity:0;
	}
	100% {
	opacity:1;
	}
}

@-o-keyframes stack_FadeInOut {
 0% {
  	opacity:1;
	}
	17% {
	opacity:1;
	}
	33% {
	opacity:0;
	}
	83% {
	opacity:0;
	}
	100% {
	opacity:1;
	}
}

@keyframes stack_FadeInOut {
  	0% {
  	opacity:1;
	}
	17% {
	opacity:1;
	}
	33% {
	opacity:0;
	}
	83% {
	opacity:0;
	}
	100% {
	opacity:1;
	}
}

#image_stack img {
	position:absolute;
  	left:0;

  -webkit-animation-name: stack_FadeInOutFadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 24s;

  -moz-animation-name: stack_FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 24s;

  -o-animation-name: stack_FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 24s;

  animation-name: stack_FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 24s;
}

#image_stack img:nth-of-type(1) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}

#image_stack img:nth-of-type(2) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}

#image_stack img:nth-of-type(3) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
*/