/*
	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
*/

* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

/*General Mosaic Styles*/
.mosaic-block {
	float: left;
	position: relative;
	overflow: hidden; width:100%;
	height:200px;
	margin: 0px;
	background: rgba(0,0,0,0.2);
	/*	background:#111 url(../img/progress.gif) no-repeat center center;
*/	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.mosaic-block img{ border: solid 1px #717171;}



	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:97%;
		height:100%;
		background:#111; left:5px;
	}
	
	.mosaic-overlay p {
		color:#FFF!important; font-size:11px; margin:7px 10px 10px 10px; text-align:justify; line-height:18px; border-bottom:#454542 solid 1px; padding:0 0 5px 0;
	}
	.mosaic-overlay .more{ float:right;  color:#FFF; padding:5px 10px 5px 10px; background-color:#090;  margin:0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.mosaic-overlay .more:hover{ color:#FFF;}
	
		/*** 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:-110px;
			height:146px;
			opacity:0.9;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=90);
			background:rgba(0,18,39,0.9)
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:0.9;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=80);
				font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ***/
		
		.thumbDetails{margin:0px; padding:0px;}
		.thumbDetails h4{margin:0px; padding:10px 5px 5px 5px; text-align:center;  font-size:14px; color:#FFF; font-weight:bold;  line-height:16px;}