/* CSS Document */
<style type="text/css"> 
/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}
 
#holder {
	position:relative;
	margin-bottom:10px;
	width:400x;
	height:250px;
	background-color: transparent;
	background-image: url(images/photos/2010mpls/uncapher_20100116_6551-1.jpg);
	background-repeat: no-repeat;
	background-position: 30px center;
}
#scrollbox {
	padding:0; 
	margin:0; 
	width:80px; 
	list-style:none; 
	height:175px; 
	overflow:auto; 
	float:right;}
#scrollbox li {
	float:left;} 
#scrollbox a {
	display:block; 
	color:#999; 
	text-decoration:none; 
	border:1px solid #fff; 
	width:50px; 
	height:35px; 
	float:left; 
	padding:5px; 
	font-family:"trebuchet ms", sans-serif; 
	font-size:24px; 
	text-align:center;}

#scrollbox a span {
	display:block; 
	position:absolute; 
	left:-9999px; 
	top:0;}
#scrollbox a span img {
	border:0;}
 
#scrollbox a:hover {
	border:1px solid #888;}
#scrollbox a:hover span {
	width:425px;
	height:250px;
	left:7px;
	z-index:100;
	background-color: #DEC5E4;
}
 
#scrollbox a:active {
	border:1px solid #000;}
#scrollbox a:focus {
	border:1px solid #000; 
	outline:0;}
 
* html #scrollbox a:active span {
	width:425px;
	height:250px;
	top:0;
	left:7px;
	color:#000;
	z-index:-1;
	background-color: #DEC5E4;
}
#scrollbox a:focus span {
	width:425px;
	height:250px;
	top:0;
	left:7px;
	color:#000;
	z-index:10;
	outline:0;
	background-color: #DEC5E4;
}
 
</style>