#backdrop { background: #000000; opacity: 0.9; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100% }
#wrapper { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100% }
#wrapper img { margin: 0px }
#wrapper a  img { border: 0px #000000 none }
#thumbnail_bar { height: 95px; background: #000000; text-align: center; overflow: hidden; position: relative }
#thumbnail_bar .gallery_pic { width: 84px }
#thumbnail_scroller { height: 95px; background: #000000; border: 2px #000000 solid; overflow-y: hidden; overflow-x: scroll; position: absolute; bottom: 0px; width: 100%; z-index: 9999 }
#imgfooter { position: absolute; left: 50%; bottom: 95px; width: 160px; margin-left: -80px; height: 35px; background: #000000; z-index: 1000; opacity: 0.8; text-align: center }
#imgfooter:hover { opacity: 1 }
#imgfooter a { margin: 5px; color: #ffffff; text-decoration: none }
#closelink { position: absolute; top: 25px; right: 20px; z-index: 1001; opacity: 0.8 }
#lnknext { position: absolute; top: 50%; right: 20px; z-index: 1000; opacity: 0.8; margin-top: -60px }
#lnkprev { position: absolute; top: 50%; left: 20px; z-index: 1000; opacity: 0.8; margin-top: -60px }
#lnknext:hover, #lnkprev:hover { opacity: 1 }
#mainimage img { margin: 0px auto; display: block; max-width: 100%; max-height: 100% }
#mainimage { position: absolute; bottom: 100px; top: 10px; left: 0px; right: 0px; overflow: hidden; background: url(./galleryicons/ajax-loader.gif) center center no-repeat }
#imagetitle { position: absolute; top: 10px; left: 50%; width: 200px; margin-left: -100px; padding-bottom: 5px; background: #000000; color: #ffffff; text-align: center; opacity: 0.7; z-index: 1000; font-weight: bold }
#imagetitle:hover { opacity: 1 }

#backdrop, #wrapper { position: fixed }