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

* {
	outline: none !important;
}

.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }

.mosaic-block {/*General Mosaic Styles*/
	float:left;
	position:relative;
	overflow:hidden;
	width: 170px;
	height: 120px;
	margin: 15px;
	background: #111 url(../js/img/progress.gif) no-repeat center center;
	border:1px solid #000;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

	.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%;
	}
	
		.bar .mosaic-overlay {
			bottom: -20px;
			height: 45px;
			background:url(../js/img/bg-black.png);			
		}
		.bar1 .mosaic-overlay {
			bottom: -70px;
			height: 70px;
			background:url(../js/img/bg-black.png);			
		}

		.bar2 .mosaic-overlay {
			bottom: -60px;
			height: 60px;
			background:url(../js/img/bg-black.png);			
		}
		
		.bar3 .mosaic-overlay {
			bottom: -95px;
			height: 95px;
			background:url(../js/img/bg-black.png);			
		}

.mosaic-block .details{ margin: 0; }	

	.bar1 h5{ font-size: 1.0em; font-weight: bold; line-height:150%; text-shadow:1px 1px 0 rgb(0,0,0); padding: 2px 0 0 5px;
		font-style: normal; color: #fff;
	}
	.bar1 h5 span{ font-size: 1.0em; font-weight: normal; display: block; line-height:130%; text-shadow:1px 1px 0 rgb(0,0,0); padding: 1px 0 0 15px;
		background: url(../../images/lila/site.gif) 0px 0px no-repeat; font-style: normal; margin: 0 0 0 -3px;
	}

	.bar2 h5{ font-size: 1.0em; font-weight: normal; line-height:150%; text-shadow:1px 1px 0 rgb(0,0,0); padding: 4px 0 0 15px;
		background: url(../../images/lila/site.gif) 0px 5px no-repeat; font-style: normal;
	}

	.bar3 h5{ font-size: 1.0em; font-weight: normal; line-height:150%; text-shadow:1px 1px 0 rgb(0,0,0); padding: 4px 0 0 15px;
		background: url(../../images/lila/site.gif) 0px 5px no-repeat; font-style: normal;
	}

.bar h5{ font-size: 1.0em; font-weight: normal; line-height:150%; text-shadow:1px 1px 0 rgb(0,0,0); padding: 4px 0 0 15px;
		background: url(../../images/lila/site.gif) 0px 5px no-repeat; font-style: normal;
}

.mosaic-block .details p{ font: 0.8em 'Lucida Grande', Tahoma, Verdana, sans-serif; color: #E5E6EA; text-shadow:1px 1px 0 #000; margin-left: 2px}
					
.mosaic-block .details p a{ font-weight: normal !important;}
