/* ================================================================ 
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.cssplay.co.uk/menu/slide_show.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:800px;
	height:600px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
#gallery li {
	width:70px;
	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 10px 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:600px;
	height:370px;
	border:1px solid #664;
	border-width:20px 1px;
	background:#eee;
	padding:70px;
	position:absolute;
	left:0px;
	top:20px;
}
#gallery li.galleryon ul li em {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:25px; cursor:pointer; background:#888;}
#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:30px; height:97px;}

#gallery li.galleryon ul li.page em {display:block; position:absolute; left:100px; top:10px; border:1px solid #664;}
#gallery li.galleryon ul li.hz em {
	left:35px;
	top:15px;
}
#gallery li.galleryon ul li.page em img {display:block;}