
/*General Mosaic Styles*/
.mosaic-block { float:left; position:relative; overflow:hidden; width:286px; height:175px;}
.mosaic-backdrop { display:none; position:absolute; top:0; height:100%; width:100%;}
.mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:url(../images/overlay-bg.png) repeat;}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;			
			display:none;
		}
		
		.fade .mosaic-overlay {			
			background:url(../img/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-141px;
			height:175px;			
		}
		
			.bar2 .mosaic-overlay:hover {
				
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ***/

.details{ margin:0px 14px;}	
.details h4{ 
	font-size:18px; 
	padding-top:8px; 
	color:#fff; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1; 
	font-weight:bold; 
}
.details p{ 
	font-size:17px; 
	color:#fff; 
	border-top:1px solid #fff; 
	padding-top:10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1; 
	font-weight:400;
}
.details img { margin-top:30px;}
.mosaic-block a{ text-decoration:none; }
