/* Home Banner Animation Code */

/*
a = time per image 4
b = time of cross fading 1
Total time (t) = (a+b)*n (4+1)*8 = 40
delay = t/n or a+b 5
*/

#homeBanner img {
	opacity: 0;
	position: absolute;
	left: 0;
	-webkit-animation-name: photocycle;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 40s;
	-moz-animation-name: photocycle;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 40s;
	-o-animation-name: photocycle;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 40s;
	animation-name: photocycle;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 40s;
}

@-webkit-keyframes photocyclestart /* Safari and Chrome */
{
	0% { opacity:1; }
	20% { opacity:1; }
	25% { opacity:0; }
	100% { opacity:0; }
}

@-webkit-keyframes photocycle /* Safari and Chrome */
{
	0% { opacity:0; }
	5% { opacity:1; }
	20% { opacity:1; }
	25% { opacity:0; }
	100% { opacity:0; }
}

@-webkit-keyframes photocycle /* Safari and Chrome */
{
	0% { opacity:0; }
	5% { opacity:1; }
	20% { opacity:1; }
	25% { opacity:0; }
	100% { opacity:0; }
}

@-moz-keyframes photocycle /* Mozilla */
{
	0% { opacity:0; }
	5% { opacity:1; }
	20% { opacity:1; }
	25% { opacity:0; }
	100% { opacity:0; }
}

@-o-keyframes photocycle
{
	0% { opacity:0; }
	5% { opacity:1; }
	25% { opacity:1; }
	30% { opacity:0; }
	100% { opacity:0; }
}

@keyframes photocycle /* IE10, Firefox, and Opera */
{
	0% { opacity:0; }
	5% { opacity:1; }
	25% { opacity:1; }
	30% { opacity:0; }
	100% { opacity:0; }
}

#homeBanner img:nth-of-type(1) {
	opacity: 1;
	-webkit-animation-name: none;
} 

#homeBanner img:nth-of-type(2) {
/*
	-webkit-animation-name: photocycleStart;
*/
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}

#homeBanner img:nth-of-type(3) {
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

#homeBanner img:nth-of-type(4) {
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-o-animation-delay: 10s;
	animation-delay: 10s;
}

#homeBanner img:nth-of-type(5) {
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	animation-delay: 15s;
}

#homeBanner img:nth-of-type(6) {
	-webkit-animation-delay: 20s;
	-moz-animation-delay: 20s;
	-o-animation-delay: 20s;
	animation-delay: 20s;
}

#homeBanner img:nth-of-type(7) {
	-webkit-animation-delay: 25s;
	-moz-animation-delay: 25s;
	-o-animation-delay: 25s;
	animation-delay: 25s;
}

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

#homeBanner img:nth-of-type(9) {
	-webkit-animation-delay: 35s;
	-moz-animation-delay: 35s;
	-o-animation-delay: 35s;
	animation-delay: 35s;
}
