.spotlightWrapper ul { 
			list-style-type: none; 
			margin:0px; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.spotlightWrapper ul li { 
			float:left; /* important: left float */
			margin:10px;
			position:relative; /* so we can use top and left positioning */
			padding:10px; /* remove default padding */
			background-color:#FFF;
			color:#808080; 
			border:1px solid #E8E8E8; 
			text-align:left;
		}
		.spotlightWrapper ul li a img { 
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}
		.spotlightWrapper ul li a img.active {
			border:4px solid #E6CC64; /* choose whatever you like */
			z-index:1; /* show it on top of the other images (they have z-index 0) */
		}
		
		.clear { clear:both; } /* to clear the float after the last item */

#gallery {
	position:relative;
	height:460px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:2
	}

	#gallery .caption {
		z-index:3; 
		background-color:#FFD700; 
		color:#213441; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#FFFF00;
	}