/* CSS Document */

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

#gallery {
	width:675px; 
	height:300px; 
	padding:10px;
	margin-left: 35px;
	border:1px solid #333; 
	background: transparent url(../images/bkgd.jpg) -185px -200px no-repeat; 
	position:relative; 
}

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

#gallery b.default img {
	display:block; 
	margin:0 auto 2px 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:297px; 
	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:-380px; 
	top:0; 
	width:365px; 
	height:300px; 
	text-align:center; 
	background: transparent url(../images/bkgd.jpg) -193px -210px 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:365px; 
	margin: 0 auto;
}

#gallery ul li a:hover img {
	margin:0 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:-380px; 
	top:0; 
	width:365px; 
	height:300px; 
	text-align:center; 
	background: transparent url(../images/bkgd.jpg) -193px -210px 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:365px; 
	margin: 0 auto;
}

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