#lightbox {
             position: absolute;
             left: 0;
             width: 100%;
             z-index: 100;
             text-align: center;
             line-height: 0
}
#lightbox a img {
             border: none
}
#outerImageContainer {
             position: relative;
             background-color: #fff;
             width: 550px;
             height: 550px;
             margin: 0 auto
}
#imageContainer {
             padding: 10px;
}
#loading {
             position: absolute;
             top: 10%;
             left: 0%;
             height: 25%;
             width: 100%;
             text-align: center;
             line-height: 0
}
#hoverNav {
             position: absolute;
             top: 0;
             left: 0;
             height: 100%;
             width: 100%;
             z-index: 10;
}
#imageContainer>#hoverNav {
             left: 0;
}
#hoverNav a {
             outline: none
}
#prevLink, #nextLink {
             width: 49%;
             height: 100%;
             background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;
}
#prevLink {
             left: 0;
             float: left
}
#nextLink {
              right: 0; float: right
}
#prevLink:hover, #prevLink:visited:hover {
              background: url(../images/prevlabel.gif) left 15% no-repeat
 }
#nextLink:hover, #nextLink:visited:hover {
              background: url(../images/nextlabel.gif) right 15% no-repeat
}
#imageDataContainer {
              font: 10px Verdana, Helvetica, sans-serif;
              background-color: #fff;
              margin: 0               auto;
              line-height: 1.4em;
              overflow: auto;
	 width: 100%
}
#imageData {
               padding: 10px;
               color: #666
}
#imageData #imageDetails {
               width: 70%;
               float: left;
               text-align: left
}
#imageData #caption {
               font-weight: bold
}
#imageData #numberDisplay {
              display: block;
              clear: left;
              padding-bottom: 1.0em
}
#imageData #bottomNavClose {
              width: 66px;
              float: right;
              padding-bottom: 0.7em
}
#overlay {
              position: absolute;
              top: 0;
              left: 0;
              z-index: 90;
              width: 100%;height: 500px;
              background-color: #000
}