@charset "utf-8";
/* CSS Document */
.thumbnail-item {
	/* position relative so that we can use position absolute for the tooltip */
	position: relative;
	float: left;
}

.thumbnail-item a { 
	display: block; 
}

.thumbnail-item img.thumbnail {
	border:3px solid #ccc;	
}
		
.tooltip { 
	/* by default, hide it */
	display: none; 
	/* allow us to move the tooltip */
	position: absolute; 
	/* align the image properly 
	padding: 8px 0 0 8px; */
	border:3px solid #ccc;
}

	.tooltip span.overlay { 
		/* the png image, need ie6 hack though */
		background: url(images/overlay.png) no-repeat; 
		/* put this overlay on the top of the tooltip image */
		position: absolute; 
		top: 0px; 
		left: 0px; 
		display: block; 
		width: 520px; 
		height: 585px;
	}