/*General Styles*/
.mosaic-block {
	width: auto;
	height: 25%;
	float: left;
	position: relative;
	overflow: hidden;
	display: inline;
	margin: 0 1px 1px 0;
	clear:left;
}
.mosaic-block a { 
	color: #EEEEEE;
	text-shadow: 1px 1px 0 #000000;
	text-align:center;
	position: absolute;
	left:0px;
} 
.mosaic-block h4 { 
	font-size: 12px;
	color:#FFFFFF;
	text-shadow:none
}

.mosaic-backdrop {
	height: 25%;
	display: none;
	
}
.details {
	text-align: left;
	padding-top:6px;
	padding-left:6px;
	text-shadow:none;
	color:#FFFFFF;
}	
.mosaic-overlay {
	width: auto;
	height: 100%;
	display: none;
	z-index: 5;
	position: absolute;

}
.fade {
	width: auto;
	height: 25%;
}
*html.fade {
	width: auto;
	height: 100%;
}
.fade .mosaic-overlay {
	width:100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background: url(../images/bg-blue.png);
	
}

.clearfix { 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}