/*** set the width and height to match your images **/

#slideshow {
	position:relative;
	height:300px;
	margin: auto;
	width: 500px;
}

#slideshow div {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height: 300px;
	background-color: #FFF;
	margin: auto;
	width: 500px;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 300px;
    display: block;
	width:500px;
    border: 3px double #FF6600;
}