/*
essential styles:
these make the slideshow work
*/

.ulSlide {
   position: relative;
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}

.slide {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 1;
   background-repeat: no-repeat;
   background-size: 100% auto;

   -webkit-transition: opacity 2s;
   -moz-transition: opacity 2s;
   -o-transition: opacity 2s;
   transition: opacity 2s;
}

.showing {
   opacity: 1;
   z-index: 2;
}