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

#slideshow {
    position:relative;
    width: 720px;
    height:480px;
}

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

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

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

#slideshow div img {
    width: 720px;
    height: 480px;
    display: block;
    border: 1px solid black;
    margin-bottom: 10px;
}


#slideshow-text {
    position:relative;
    margin-bottom:38px;
}

#slideshow-text div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    background-color: rgb(200,200,200);
}

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

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

#slideshow-text div h2 {
    display: block;
    width: 780px;
    text-align:center;
}