/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/


/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	/*width:400px;*/
	width:100%;
	height:200px;
	/*margin:10px;*/
	background:#111 url(../img/progress.gif) no-repeat center center;
	/*border:1px solid #E8E8E8;*/

	border:1px solid #fff;
	/*-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);*/


}

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.mosaic-backdrop img{

}
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
	cursor:help;
}
	
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background:url(../img/hover-magnify.png) no-repeat center center;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}

.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../img/bg-black.png);
}

.bar .mosaic-overlay {
	bottom:-100px;
	height:100px;
	background:url(../img/bg-black.png);
}

.bar2 .mosaic-overlay {
	bottom:-165px;
	height:200px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
	transition-property: opacity, -ms-filter, filter;
	transition-duration: 1.4s;
}

.bar2 .mosaic-overlay:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}

.bar3 .mosaic-overlay {
	top:-100px;
	height:100px;
	background:url(../img/bg-black.png);
}
/*** End Animation Styles ***/

.content .mosaic-block h4{ 
	color:#fff; 
	text-shadow:1px 1px 0 rgb(0,0,0);
	font-weight:500;
	margin-bottom: 10px;
	font-size:0.9rem;
}
.content .mosaic-block p{ 
	color:#efefef; 
	text-shadow:1px 1px 0 rgb(0,0,0);
	font-weight:300;
	font-size:0.8rem;
	line-height:16px;
	margin-bottom: 10px;
	margin-top:6px;
}
.content .mosaic-block a{ text-decoration:none; }
.content .mosaic-block .details{
	padding:5px;		
}