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

.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
	
.details{
	text-align: center;
	margin-top: 70px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 0px;
}	
.title{ font:300 16px, line-height:100%; letter-spacing:0.15em; color:#fff; }

.read-more{
	font-size: 11px;
}

a{ text-decoration:none; }


/*Portfolio-2-Columns*/

.portfolio2-details{
	text-align: center;
	margin-top: 125px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 0px;
}	

.portfolio2-block {
	float: left;
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 280px;
	width: 360px;
	background-color: #FBF8F7;
	background-image: url(../images/mosaic/progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	border: 8px solid #333333x;
}

	.portfolio2-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.portfolio2-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}

	/*** Custom Animation Styles (You can remove/add any styles below) ***/
	.circle .portfolio2-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 .portfolio2-overlay {
		opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
		filter:alpha(opacity=00);
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.6);
	}
		
		.bar .portfolio2-overlay {
	bottom:-280px;
	height:280px;
	width: 355px;
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.6);
	vertical-align: top;
	display: block;
		}
		
		.bar2 .portfolio2-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .portfolio2-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .portfolio2-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
	
/*** End Animation Styles ***/


/*Portfolio-3-Columns*/

.portfolio3-details{
	text-align: center;
	margin-top: 70px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 0px;
}	

.portfolio3-block {
	float: left;
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 180px;
	width: 233px;
	background-color: #FBF8F7;
	background-image: url(../images/mosaic/progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	border: 8px solid #333333x;
}

	.portfolio3-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.portfolio3-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}

	/*** Custom Animation Styles (You can remove/add any styles below) ***/
	.circle .portfolio3-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 .portfolio3-overlay {
		opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
		filter:alpha(opacity=00);
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.6);
	}
		
		.bar .portfolio3-overlay {
	bottom:-280px;
	height:280px;
	width: 355px;
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.6);
	vertical-align: top;
	display: block;
		}
		
		.bar2 .portfolio3-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .portfolio3-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .portfolio3-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
	
/*** End Animation Styles ***/

		
/* BLOG */

.blog-block {
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	height:250px;
	width: 470px;
	position: relative;
	float: left;
	-moz-box-shadow: 1px 1px 2px #a3a0a3;
	-webkit-box-shadow: 1px 1px 2px #a3a0a3;
	box-shadow: 1px 1px 2px #a3a0a3;
	background-image: url(../images/mosaic/progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;	
}


	
	
.blog-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .blog-overlay {
	background:url(../images/mosaic/link.png) no-repeat center center;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}


/*** End Animation Styles ***/