@charset "UTF-8";
/* CSS Document */

/* ================================================================ 
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:900px;
	height:725px;
	position:relative;
	background-color: #FFF;
}
#gallery li {
	width:125px;
	margin-right:2px;
	float:left;
	background-color: #E26621;
}
#gallery li p {
	font: 12px arial, verdana, sans-serif;
	color:#fff;
	height:25px;
	line-height:25px;
	cursor:pointer;
	margin: 0;
	padding: 0;
	text-align: center;
}
#gallery li.galleryon p {
	color:#FFF;
	background-color: #A2BF3E;
	text-align: center;
}
#gallery ul {display:none;}

#gallery li.galleryon ul {
	display:block;
	width:502px;
	height:500px;
	position:absolute;
	left:0;
	top:25px;
	background-color: #E8E8E8;
	border-top-width: 20px;
	border-bottom-width: 20px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A2BF3E;
	border-bottom-color: #A2BF3E;
	padding-top: 80px;
	padding-right: 80px;
	padding-bottom: 40px;
	padding-left: 80px;
}
#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;
	float:left;
	margin:0;
	text-align:center;
	padding-top:9px;
	cursor:pointer;
	background-color: #666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #333;
	border-left-color: #333;
}
#gallery li.galleryon ul li:hover {
	background-color: #666;
} /* 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:10px;
	height:85px;
}

#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;
	color:#333;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	background-color: #A5C340;
}
#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;}