/* BLokken */
		div.object {
			float: left;
			width: 600px;
			height: 240px;
			margin: 0px 0px 60px 0px;
			padding: 0px 0px 0px 0px;
			position: relative;

		}
		
		.dotline {
		position: absolute;
			bottom: -30px;
			left: 0px;
	width: 600px;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #eee;
}
	
		div.object a:hover {
			text-decoration: none;
		}
	
		div.object img {
			float: left;
			width: 120px;
			height: 120px;
			border: 0px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;

		
		}
		
		div.object .arrow  {
			position: absolute;
			bottom: 0px;
			right: 0px;
			width: 30px;
			height: 30px;
			background:  url("../images/arrow-big.png") no-repeat 0px 0px;
			z-index: 999;
		}


		div.object .title  {
			float: left;
			margin-left: 140px;
			 z-index: 999;
		}

		
		div.object .title span.subtitle {
		
			color: #232323;
			font-size: 22px;
			line-height: 26px;
			display: block;
			position: relative;
			padding: 10px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
            z-index: 999;
		}
		div.object .title .description {
			position: relative;
			padding-right: 20px;
			display: block;
			font-size: 12px;
			line-height: 21px;
			 z-index: 999;
			 color: #737373;
		}
		

/*General Mosaic Styles*/


.mosaic-block {
	float:left;
	position:relative;
	cursor: pointer;
	width:600px;
	height:120px;
	margin:0px;
	background: url(../images/progress.gif) no-repeat 50% 20%;
	border:0px solid #fff;
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background: none;
	}
	

	.mosaic-overlay {
		display:none;
		z-index:998;
		position:absolute;
		width:100%;
		height:120px;


	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		
		.fade .mosaic-overlay {

			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:  url(../images/fade-600.png) no-repeat;
			
		}