div#gallery {
	width: 500px;
	height: 380px;
	margin: 10px auto 0 auto;
	background: #C0C0C0 url('../images/gallery/asha1.jpg') no-repeat 0
32px;
	text-align: center;
}

.slideShowButton
{
	cursor:hand;
	font-size:11px;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	background:#000000;
	text-align:center;
	width:26px;
	height:27px;
	line-height:24px;
	border:1px solid #444;
	margin:2px;
}

.slideShowButtonSelected
{
	cursor:hand;
	font-size:11px;
	float:left;
	text-decoration:none;
	color:#fff;
	background:#ff8e08;
	text-align:center;
	width:26px;
	height:27px;
	line-height:24px;
	border:1px solid #444;
	margin:2px;
}


/* default link style - needed to make the :active work correctly in IE */
input:hover, input:active {
color:#fff;
background:#ff8e08;
} 

/* style the hover background color for the text boxes */
#gallery input:hover {
	background:#ddd;
	color:#000000;
}
/* style the active/focus colors for the text boxes (required for IE) */
#gallery input:active, #gallery input:focus {
	background:#ff8e08; 
	color:#fff;
}

/*Credits:Dynamic Drive CSS Library */
/*URL:http://www.dynamicdrive.com/style/ */

.thumbnail 
{
	position:relative;
	z-index:0;
	text-align:center;
}

.thumbnail img 
{ /*CSS for image*/
	height:333px;
	width:500px;
	top:-6px;
	left:0;
	border:none;
	padding:0;
	margin:0;
}

.thumbnail:hover 
{
	background-color:transparent;
	z-index:50;
}

.thumbnail span img
{ /*CSS for enlarged image*/
	position:relative;
	background-color:black;
	padding:5px;
	border:1pt solid black;
	visibility:hidden;
	color:black;
	text-decoration:none;
	border-width:0px;
}

.thumbnail:hover span 
{ /*CSS for enlarged image on hover*/
	visibility:visible;
	top:-10px;
	left:-20px; /*position where enlarged image should offset horizontally */
}