/* Thumbnail Effects Style */
#tj_container { clear: left; }
.tj_container{
	width:732px;
	height:144px;
	background: #eee;
	overflow: hidden;
	position: relative;
}
.tj_nav{
	height:70px;
	width:39px;
	position: absolute;
	z-index: 9000;
	right: 20px;
	top: 40px;
}
.tj_nav span{
	width:39px;
	height:25px;
	background:transparent url(../images/thumbs/prev.png) no-repeat top left;
	position: absolute;
	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{
	background-image:url(../images/thumbs/next.png);
	top:auto;
	bottom:0px;
	left:0px;
}
.tj_nav span:hover{
	opacity:1.0;
}
.tj_wrapper{
}
.tj_wrapper ul { margin: 0; padding: 0;}
.tj_wrapper ul li{
	float:left;
	list-style:none;
	margin: 0; padding: 0;
}
.tj_wrapper ul li a{
	outline:none;
	display:block;
	background:transparent no-repeat center center;
}
.tj_wrapper ul li a img{
	display:block;
	width: 143px;
	height: 104px;
	border:none;
	opacity:0.7;
	margin: 20px 0 20px 20px;
	-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;
}

/* Specific style for the examples */
.example10 .tj_container{
	height:144px;
}