.photoListActive {
 margin: 0px;
 padding: 0px;
 text-align: center;
 list-style: none;
}
.photoListActive li {
 position:absolute;
 left:0px;
 bottom:0px;
 width:150px;
 text-align:center;
 margin: 0px;
 padding: 0px;
 color: #fded4d;
 padding:5px;
 /*border:1px solid #fded4d;*/
 display: none;
}
.photoListActive li.photoItemActive {
 display: block;
}
.photoListActive a {
 color: #fded4d;
 text-decoration:none;
}


/* It's a good idea to wrap your photos in an area the size of the largest photo */
.photoContainer {
 height: 350px;
}
.photoContainer H6 {
  text-align:center;
  color:#fff;
}

/* OK, the photo area itself. Nothing too special here, a border and some padding. */

.photoArea {
 position: relative;
 visibility: hidden;
 margin: 0px auto;
 padding:0px;
}
.photoAreaActive {
 visibility: visible;
 padding: 0px;
}