/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 100%;
background-color: #eee;
border: 0px solid #ddd;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
min-height: 145px;
overflow: hidden;
width: 100%;
}

#slideshow .slides ul {
width: 100%;
}

#slideshow .slides li {
width: 100%;
float: left;
padding: 10px;
}

#slideshow .slides h2 {
margin-top: 0;
}

#slideshow .slides div{
width: 98%;
height: 98%;
min-height: 145px;
float: left;
/*border: 2px solid #000;*/
}

#slideshow .slides p {
color:#32312E;
font-size:0.8em;
position:absolute;
width:46%;
font-family: times new roman, times, serif;
z-index:5;

top: 30px;
left: 50%;
}


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top: 2px solid #ccc;

height:40px;
display: none;
}

#slideshow .slides-nav li {
float: left;
}

#slideshow .slides-nav li a {
display: block;
padding-left: 10px;
padding-right: 15px;
outline: none;

height:40px;
}

.js #slideshow .slides-nav li.on, 
.js #slideshow .slides-nav li.on a {
background-color: #C7C7C7;
}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;
color: #FFF;
}

/*Joelle*/
#slide-one{
background: url(./images/ngani/slide-one.png) no-repeat;
}

#slide-two{
background: url(./images/ngani/slide-two.png) no-repeat;
}

#slide-three{
 /* background: url(./images/ngani/slide-three.png) no-repeat; */
}

#slideshow_middlebar {
position: absolute;
left: 50%;
width: 48%;
height: 100px;
border: 2px solid red;
}

#lislide-three {
background: url(./images/ngani/slide-three.png) no-repeat;
}