/*body { background: #fff; margin: 0; padding: 5px; font-family: Lucida Sans, Arial; font-size: 12px; }*/
.container { height: 485px; width: 729px; margin: 0 auto; position: relative; background-image: url(../images/bg.png); }
* html .container { background-image: url(../images/bg.gif); }

/* Inner container definitions */
div.gallery div.left { background-image: url(../images/left.png); width: 185px; height: 425px; position: absolute; top: 0px; left: 0px; overflow-y: auto; overflow-x: hidden; }
* html div.gallery div.left { background-image: url(../images/left.gif); }
div.gallery div.bottom { height: 50px; left: 200px; width: 629px; position: absolute; bottom: 25px;}
div.gallery div.right { position: absolute; top: 0px; left: 200px; width: 629px; height: 425px; padding-bottom: 20px; overflow: auto; }

div.gallery div.overlay { display: none; background: #fff; position: absolute; top: 0px; left: 200px; width: 629px; height: 585px; padding-bottom: 5px; overflow: auto; z-index: 20; text-align: center; }
* html div.gallery div.overlay { height: 585px; }
div.gallery div.overlay img { cursor: pointer; cursor: hand; border: 1px solid #fff; padding: 0px; background-color: #eee; position: absolute; }
div.gallery div.overlay img:hover { border: 1px solid #fff; background-color: #fff; }
div.gallery div.overlay div.head { position: absolute; z-index: 20; background: #fefefe; top: 0px; right: 0px; padding: 1px; color: #000; cursor: hand; cursor: pointer; }

/* Styling the left hand navigation */

div.gallery ul.items { list-style-type: none; margin: 0; padding: 10px; }
div.gallery ul.items a { text-decoration: none; display: block; position: relative; color: #333; height: 100px; margin-bottom: 10px; }
div.gallery ul.items a:hover { background: #eee; }
div.gallery ul.items a:focus { background: #eee; }
div.gallery ul.items a.over { background: #eee; }
div.gallery ul.items a span { position: absolute; top: 35px; left: 95px; display: block; width: 70px; }
div.gallery ul.items li div.thumb { border: 1px solid #333; width: 50px; height: 80px; position: absolute; top: 10px; left: 5px; }
div.gallery ul.tree { list-style-type: none; margin: 0; padding-left: 10px; }

/* The slider control at bottom */
div.gallery div.bottom div.slider { height: 22px; width: 200px; position: absolute; top: 15px; right: 60px; background-image: url(../images/slider_bg.png); background-position: 0px 1px; }
* html div.gallery div.bottom div.slider { background-image: url(../images/slider_bg.gif); }
div.gallery div.bottom div.slider div.handle { position: absolute; top: 2px; left: 0px; height: 22px; width: 23px; background-image: url(../images/slider.png); }

#heading { color: #ff9900; position: absolute; top: 10px; left: 10px; font-size: 22px; letter-spacing:1px; font-family: Verdana; }
#logo { position: absolute; top: 10px; right: 0px; border: 0; opacity: 0.8; }
#logo:hover { opacity: 1; }

/* The main thumbnails */
div.gallery div.right img.thumb { border: 1px solid #333; width: 100px; height: 150px; float: left; position: relative; margin-left: 10px; margin-top: 10px; cursor: pointer; cursor: hand; }
div.gallery div.right img.hover { border: 1px solid #fff; z-index: 5;}


/* Drag & Drop */
div.draggable img { width: 100px; border: 1px solid #AED5EA; }