/*
// Slideshow using CSS3
*/

#slideshow ul {
	background-color: black;
	list-style: none;
	margin: 0;
	padding: 0;
}

#slideshow li {
	margin-bottom: 0;
}

#slideshow li.i0 {
	animation: kf0 10s linear infinite;
	position: absolute;
}

#slideshow li.i1 {
	animation: kf1 10s linear infinite;	
	position: absolute;
}

#slideshow li.i2 {
	animation: kf2 10s linear infinite;
	position: absolute;
}

#slideshow li.i3 {
	animation: kf3 10s linear infinite;
	position: absolute;
}

#slideshow li.i4 {
	animation: kf4 10s linear infinite;
}

@keyframes kf0 {
	  0% { opacity: 1.0 }
	 18% { opacity: 1.0 }
	 20% { opacity: 0 }
	 98% { opacity: 0 }
	100% { opacity: 1.0 }
}

@keyframes kf1 {
	  0% { opacity: 0 }
	 18% { opacity: 0 }
	 20% { opacity: 1.0 }
	 38% { opacity: 1.0 }
	 40% { opacity: 0 }
	100% { opacity: 0 }
}

@keyframes kf2 {
	  0% { opacity: 0 }
	 38% { opacity: 0 }
	 40% { opacity: 1.0 }
	 58% { opacity: 1.0 }
	 60% { opacity: 0 }
	100% { opacity: 0 }
}

@keyframes kf3 {
	  0% { opacity: 0 }
	 58% { opacity: 0 }
	 60% { opacity: 1.0 }
	 78% { opacity: 1.0 }
	 80% { opacity: 0 }
	100% { opacity: 0 }
}

@keyframes kf4 {
	  0% { opacity: 0 }
	 78% { opacity: 0 }
	 80% { opacity: 1.0 }
	 98% { opacity: 1.0 }
	100% { opacity: 0 }
}

@keyframes kf5 {
	  0% { opacity: 0 }
	 48% { opacity: 0 }
	 50% { opacity: 1.0 }
	 58% { opacity: 1.0 }
	 60% { opacity: 0 }
	100% { opacity: 0 }
}