.image-overlay {
	/* text-align: left; */
	display: block;
}

.image-overlay a:link,.image-overlay a:visited,.image-overlay a:hover,.image-overlay a:active
	{
	text-decoration: none;
}

.image-overlay a:link img,.image-overlay a:visited img,.image-overlay a:hover img,.image-overlay a:active img
	{
	border: none;
}

.image-overlay a {
	float: 			left;
	overflow: 		hidden;
	position: 		relative;
}

.image-overlay img {
	position: 		absolute;
	top: 			0;
	left: 			0;
	border: 		0;
}

.image-overlay .overlaycaption {
	float: 				left;
	position: 			absolute;
	background-color: 	#000;
	width: 				100%;
	cursor: 			pointer;
	margin: 			0 0 0 0;
	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk. 
		To play it safe, disable overlay opacity in IE. */
	/* For Firefox/Opera/Safari/Chrome */
	opacity: 			0.6;
	/* For IE 5-7 */
	/* filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); */
	/* For IE 8 */
	/* -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.image-overlay .overlaycaption h1,.image-overlay .overlaycaption h2,.image-overlay .overlaycaption h3,.image-overlay .overlaycaption h4,.image-overlay .overlaycaption h5,.image-overlay .overlaycaption h6
	{
	margin: 10px 0 10px 2px;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0 5px;
}

.image-overlay p {
	text-indent: 0;
	margin: 10px;
	font-size: 1em;
}