#lightbox{

        position: absolute;

        top: 40px;

        left: 0;

        width: 100%;

        z-index: 100;

        text-align: center;

        line-height: 0;

        }



#lightbox a img{ border: none; }



#outerImageContainer{

        position: relative;

        background-color: #643400;

        width: 250px;

        height: 250px;

        margin: 0 auto;

        }



#imageContainer{

        padding: 5px;

        }



#loading{

        position: absolute;

        top: 40%;

        left: 0%;

        height: 25%;

        width: 100%;

        text-align: center;

        line-height: 0;

        border: 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/lightbox/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-image: url(../images/lightbox/prevlabel.png) !important;

          background-image: url(../images/lightbox/prevlabel.gif);

          background-repeat: no-repeat;

          background-position: 0 5px;

}

#nextLink:hover, #nextLink:visited:hover {

          background-image: url(../images/lightbox/nextlabel.png) !important;

          background-image: url(../images/lightbox/nextlabel.gif);

          background-repeat: no-repeat;

          background-position: 100% 5px;

}



#imageDataContainer{

        font: 10px verdana, sans-serif;

        background-color: #643400;

        margin: 0 auto;

        line-height: 1.4em;

        }



#imageData{

        padding:0 10px;

        }

#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;        }



#prevLink, #prevLink:hover, #prevLink:visited:hover,

#nextLink, #nextLink:hover, #nextLink:visited:hover,

#bottomNavClose, #bottomNavClose:hover, #bottomNavClose:visited:hover {

          border: 0;

          background-color: none;

}



#overlay{

        position: absolute;

        top: 0;

        left: 0;

        z-index: 90;

        width: 100%;

        height: 500px;

        background-color: #000;

        filter:alpha(opacity=60);

        -moz-opacity: 0.6;

        opacity: 0.6;

        }





.clearfix:after {

        content: ".";

        display: block;

        height: 0;

        clear: both;

        visibility: hidden;

        }



* html>body .clearfix {

        display: inline-block;

        width: 100%;

        }



* html .clearfix {

        /* Hides from IE-mac \*/

        height: 1%;

        /* End hide from IE-mac */

        }