/* ================================================================
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;
	margin-left: 155px;
}
#gallery li {
	width:150px; 
	background:#aa8; 
	margin-right:1px; 
	float:left;
	}
	
#gallery li p {
	font: 12px eurostile, sans-serif, Arial, Helvetica;
	color:#fff;
	height:25px;
	line-height:25px;
	padding:0 0 0 25px;
	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; 
	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:30px; 
	top:25px; 
	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:662px; 
	width:662px; 
	text-align:center; 
	background:#664; 
	color:#fc6; 
	font-family:eurostile, sans-serif, Arial, Helvetica; 
	font-weight:normal; 
	font-size:14px; 
	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;
	}