/*
	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:100%;
	height:250px;
	background:url(../images/progress.gif) no-repeat center center transparent;
}
.mosaicBlockFourT {
	float:left;
	position:relative;
	overflow:hidden;
	width:100%;
	height:130px;
	background:url(../images/progress.gif) no-repeat center center transparent;
}
.mosaicBlockFourC {
	float:left;
	position:relative;
	overflow:hidden;
	width:100%;
	height:200px;
	background:url(../images/progress.gif) no-repeat center center transparent;
}
.mosaicBlockOneThirdC {
	float:left;
	position:relative;
	overflow:hidden;
	width:100%;
	height:280px;
	background:url(../images/progress.gif) no-repeat center center transparent;
}
.mosaicBlockOneThirdT {
	float:left;
	position:relative;
	overflow:hidden;
	width:100%;
	height:187px;
	background:url(../images/progress.gif) no-repeat center center transparent;
}

	.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:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../images/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		/*** End Animation Styles ***/
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.mosaicBlockFourT {height:100px;}
		.mosaicBlockFourC {height:152px;}
		.mosaicBlockOneThirdC {height:216px;}
		.mosaicBlockOneThirdT {height:144px;}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.mosaicBlockFourT {height:250px;}
		.mosaicBlockFourC {height:340px;}
		.mosaicBlockOneThirdC {height:340px;}
		.mosaicBlockOneThirdT {height:253px;}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.mosaicBlockFourT {height:170px;}
		.mosaicBlockFourC {height:240px;}
		.mosaicBlockOneThirdC {height:240px;}
		.mosaicBlockOneThirdT {height:174px;}
}