/* ####

Slideshow CSS
This CSS styles a slideshow to be animated using the gtn_slideshow.js file

Requirements:
#slider - div to contain the slides
h2 - containing the text to dipslay on the slide (position can be altered in the css below)

#### */

#slider {
position: relative;
height: 150px;
margin: auto;
border: 1px solid #173221;
overflow: hidden;
}

#slider h2 {
position: absolute;
bottom: 0;
left: 0;
width: 880px;
margin: 0;
padding: 0 0 5px 10px;
background: rgba(19,43,27,0.5);
}

#slider img {
margin: 0;
padding: 0;
}

#slider div {
position: absolute;
z-index: 5;
}

#slider .current-slide {
z-index: 7;
}

#slider .previous-slide {
z-index: 6;
}