/* ================================================================ 
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:664px;
	height:725px;
	background:#fff;
	position: relative;
}
#gallery li {
	width:60px;
	background:#aa8;
	float: left;
	margin-right: 1px;
}
#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:502px;
	height:500px;
	border:1px solid #664;
	border-width:20px 1px;
	background:#eee;
	padding:80px;
	left:0;
	top:25px;
	position: absolute;
}
#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;
	border:1px solid #664;
	position: absolute;
	left: 80px;
	top: 10px;
}
#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;
	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;
	position: absolute;
}
#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;}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666644;
}