#slide_show {
	position: relative;
	height: 215px;
	overflow:hidden;
}
#slide_show ul {
	list-style-type: none;
	padding-left: 0;
}
#slide_show li {
	position:absolute;
	top:-215px; /* top of relative item it is positioned to. */
}

#slide_show li:nth-child(1) {
	top:0px;	
}

/*********** Animation ************/
#slide_show li:nth-child(1) {
	animation:cycle1 5s linear infinite;	
}

#slide_show li:nth-child(2) {
	animation:cycle2 5s linear infinite;	
}

#slide_show li:nth-child(3) {
	animation:cycle3 5s linear infinite;	
}

#slide_show li:nth-child(4) {
	animation:cycle4 5s linear infinite;	
}

#slide_show li:nth-child(5) {
	animation:cycle5 5s linear infinite;	
}

@keyframes cycle1 {
	0% {
		top:0px; opacity:1;
	}
	
	15% {
		top:0px; opacity:1;
	}
	
	20% {
		top:215p;x opacity:0;
	}
	
	21% {
		top: -215px; opacity 0;
	}
	
	95% {
		top: -215px; opacity:0;	
	}
	
	100% {
		top:0px; opacity:1;

	}
	
}

@keyframes cycle2 {
	0% {
		top:0px; opacity:1;
	}
	
	15% {
		top:0px; opacity:1;
	}
	
	20% {
		top:215p;x opacity:0;
	}
	
	21% {
		top: -215px; opacity 0;
	}
	
	95% {
		top: -215px; opacity:0;	
	}
	
	100% {
		top:0px; opacity:1;

	}
	
}

@keyframes cycle3 {
	0% {
		top:0px; opacity:1;
	}
	
	15% {
		top:0px; opacity:1;
	}
	
	20% {
		top:215p;x opacity:0;
	}
	
	21% {
		top: -215px; opacity 0;
	}
	
	95% {
		top: -215px; opacity:0;	
	}
	
	100% {
		top:0px; opacity:1;

	}
	
}

@keyframes cycle4 {
	0% {
		top:0px; opacity:1;
	}
	
	15% {
		top:0px; opacity:1;
	}
	
	20% {
		top:215p;x opacity:0;
	}
	
	21% {
		top: -215px; opacity 0;
	}
	
	95% {
		top: -215px; opacity:0;	
	}
	
	100% {
		top:0px; opacity:1;

	}
	
}

@keyframes cycle5 {
	0% {
		top:0px; opacity:1;
	}
	
	15% {
		top:0px; opacity:1;
	}
	
	20% {
		top:215p;x opacity:0;
	}
	
	21% {
		top: -215px; opacity 0;
	}
	
	95% {
		top: -215px; opacity:0;	
	}
	
	100% {
		top:0px; opacity:1;

	}
	
}
