@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------- */
/*                            portfolio                          */
/* ----------------------------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}


ol,ul {
	list-style:none;
}


.container {
	width:100%;
	margin:0px;
	height:530px;
}



.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	height:150px;
	margin:10px 25px 15px 0px;
	background:#111 url(../images/progress.gif) no-repeat center center;
	border:1px solid #666;
	
	
	
}



.details h4 {font-size:16px; font-weight:normal; color:#FFF;  font-family:'Open Sans Condensed', sans-serif; padding:20px 0px 0px 10px; text-transform:uppercase;}

.details p {font-size:10px; font-weight:normal; color:#fff;  font-family:DINCompPro; padding:0px 10px 10px 10px }




	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.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) ***/
		
		
		
		.bar .mosaic-overlay {
			bottom:-150px;
			height:80px;
			background:url(../images/bg-black.png);
		}
		
	
		
		
		
		.tj_container{
	width:1020px;
	height:550px;
	position:relative;
	margin:0px 10px 0px 0;
}
.tj_nav{
	position:relative;
	float:right;
	padding-right:30px;
	
	
}
.tj_nav span{
	width:60px;
	height:31px;
background-image:url(../images/prev.png);
	position:absolute;
	bottom:0px;
	left:-140px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	*/
}
.tj_nav span.tj_next{
	width:60px;
	height:31px;
	background-image:url(../images/next.png);
	top:auto;
	bottom:0px;
	left:-80px;
}
.tj_nav span:hover{
	opacity:1.0;
}
.tj_wrapper{
	width:100%;
	height:100%;
	position:relative;
	margin:0px;
}
.tj_wrapper ul li{
	float:left;
}
.tj_wrapper ul li a{
	outline:none;
	display:block;
	
	background:transparent url(../images/bg_thumb.jpg) no-repeat center center;
}
.tj_wrapper ul li a img{
	display:block;
	border:none;
	opacity:0.7;
	-moz-box-shadow:2px 2px 4px #8e8e8e;
	-webkit-box-shadow:2px 2px 4px #8e8e8e;
	box-shadow:2px 2px 4px #8e8e8e;
	/*
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	*/
}
.tj_wrapper ul li a img:hover{
	opacity:1.0;
}