/* CSS Document */

/*---Code courtesy of Stu Nicholls, CSS Play, www.cssplay.co.uk------*/

#gallery {
	width:650px; 
	height:400px; 
	padding:10px; 
/*	border:1px solid #333; 
*/	background: transparent url(../images/bkgd.jpg) -55px -154px no-repeat; 
	position:relative; 
}

#gallery b.default {
	position:absolute; 
	left:10px; 
	top:10px; 
	width:400px; 
	height:400px; 
	text-align:center;
}

#gallery b.default img {
	display:block; 
	margin:0 auto 10px auto; 
	border:1px solid #eee; 
	border-color:#555 #ddd #eee #333;
}

#gallery b.default span {
	display:block; 
	color:#112e51; 
	font-family:verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	width:300px; 
	margin:0 auto;
}

#gallery ul {
	list-style:none;
	padding:0; 
	margin:0; 
	width:240px; 
	position:relative; 
	float:right;
}

#gallery ul li {
	display:inline; 
	width:52px; 
	height:52px; 
	float:left; 
	margin:0 0 5px 5px;
}

#gallery ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	border:1px solid #000; 
	border-color:#eee #555 #333 #ddd;
}

#gallery ul li a span {display:none;}

#gallery ul li a img {
	display:block; 
	width:50px; 
	height:50px; 
	border:0;
}

#gallery ul li a:hover {
	white-space:normal; 
	border-color:#555 #ddd #eee #333; 
	background:#112e51;
}

#gallery ul li a:hover b {
	position:absolute; 
	left:-410px; 
	top:0; 
	width:402px; 
	height:401px; 
	text-align:center; 
	background: transparent url(../images/bkgd.jpg) -65px -164px no-repeat; 
	z-index:20;
}

#gallery ul li a:hover span {
	display:block; 
	color:#112e51; 
	font-family:verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	width:402px; 
	margin:-2px auto 0 auto;
}

#gallery ul li a:hover img {
	margin:0 auto 10px auto; 
	width:auto; 
	height:auto; 
	border:1px solid #eee; 
	border-color:#555 #ddd #eee #333;
}

#gallery ul li a:active, #gallery ul li a:focus {
	white-space:normal; 
	border-color:#555 #ddd #eee #333; 
	background:#112e51;
}

#gallery ul li a:active b, #gallery ul li a:focus b {
	position:absolute; 
	left:-410px; 
	top:0; 
	width:402px; 
	height:300px; 
	text-align:center; 
	background: transparent url(../images/bkgd.jpg) -65px -164px no-repeat; 
	z-index:10;
}

#gallery ul li a:active span, #gallery ul li a:focus span {
	display:block; 
	color:#112e51; 
	font-family: verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	width:402px; 
	margin:-2px auto 0 auto;
}

#gallery ul li a:active img, #gallery ul li a:focus img {
	margin:0 auto 10px auto; 
	width:auto; 
	height:auto; 
	border:1px solid #eee; 
	border-color:#555 #ddd #eee #333;
}