/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/multi-page2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins */
#gallery, #gallery ul {padding:0; margin:0; list-style:none;}

#gallery {width:525px; height:725px; background:#fff; position:relative; }
#gallery li {width:50px; background:#aa8; margin-right:1px; float:left;}
#gallery li p {font: 12px arial, verdana, sans-serif; color:#fff; height:25px; line-height:25px; padding:0 0 0 10px; margin:0; cursor:pointer;}
#gallery li.galleryon p {background:#664; color:#fc0;}
#gallery ul {display:none;}

#gallery li.galleryon ul {display:block; width:525px; height:500px; border:1px solid #664; border-width:20px 1px; background:#eee; padding:80px; position:absolute; left:0; top:25px;}
#gallery li.galleryon ul li em {display:none;}
#gallery li.galleryon ul li b {display:none;}
#gallery li.galleryon ul li {width:118px; height:109px; border:1px solid #000; border-color:#eee #444 #000 #ccc; float:left; margin:0; text-align:center; padding-top:9px; cursor:pointer; background:#888;}
#gallery li.galleryon ul li:hover {background:#777;} /* for all browsers except IE6 and lower */

#gallery li.galleryon ul li span img {border:1px solid #fff; border-color:#000 #ccc #eee #444;}
#gallery li.galleryon ul li.hz {padding-top:21px; height:97px;}

#gallery li.galleryon ul li.page em {display:block; position:absolute; left:80px; top:10px; border:1px solid #664;}
#gallery li.galleryon ul li.hz em {left:10px; top:80px;}
#gallery li.galleryon ul li.page em img {display:block;}
#gallery li.galleryon ul li.page b {display:block; position:absolute; left:0; top:660px; width:662px; text-align:center; background:#664; color:#fc6; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; line-height:15px;}
#gallery li.galleryon ul li.page b a, #gallery li.galleryon ul li.page b a:visited {color:#fff;}
#gallery li.galleryon ul li.page b a:hover {text-decoration:none;}
#gallery li.galleryon ul li.page b a.expand {padding-left:25px; background:transparent url(../slide/expand.gif) left center no-repeat;}