/* Thumbnail Effects Style */
.tj_container{
	width:906px;
	height:424px;
	position:relative;
	margin:10px auto 0;
}
.tj_nav{
	position:absolute;
	right:-45px;
	top:50%;
	margin-top:-35px;
	height:80px;
	width:39px;
}
.tj_nav span{
	width:33px;
	height:33px;
	background:transparent url(../images/prev.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:0px;
	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/next.png);
	top:auto;
	bottom:0px;
	left:0px;
}
.tj_nav span:hover{
	opacity:1.0;
}
.tj_wrapper{
	width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
}
.tj_wrapper ul li{
	float:left;
}
.tj_wrapper ul li p{
	line-height: 0px;
	color: transparent;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.tj_wrapper ul li a{
	outline:none;
	display:block;
	margin:1px;
	background:transparent url(../images/bg_thumb.jpg) no-repeat center center;
	text-decoration:none;
}


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

/* Thumbnail Effects Style */
.portfolio_container{
	width:100%;
	height:485px;
	position:relative;
	margin:10px auto 0;
}
.portfolio_nav{
	position:absolute;
	right:-45px;
	top:50%;
	margin-top:-35px;
	height:80px;
	width:39px;
}
.portfolio_nav span{
	width:33px;
	height:33px;
	background:transparent url(../images/prev2.png) no-repeat top left;
	position:absolute;
	top:15px;
	left:-1015px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;

}
.portfolio_nav span.portfolio_next{
	background-image:url(../images/next2.png);
	top:15px;
	bottom:0px;
	left:0px;
}
.portfolio_nav span:hover{
	opacity:1.0;

}
.portfolio_wrapper{
	width:100%;
	height:490px;
	position:relative;
	margin:0px auto;
}
.portfolio_wrapper ul li{
	float:left;
}
.portfolio_wrapper ul li p{
	line-height: 0px;
	color: transparent;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.portfolio_wrapper ul li a{
	outline:none;
	display:block;
	margin:1px;
	background:transparent url(../images/bg_thumb.jpg) no-repeat center center;
	text-decoration:none;
}

.portfolio_wrapper ul li a .caption{
	height:0px;
	overflow:hidden;
	background-color:#FFFFFF;
	color:#006e9b;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
	position:absolute;
	z-index:1000;
	width:140px;
	font-size:11px;
	line-height:14px;
	text-align:right;
	padding-right:5px;
}

.portfolio_wrapper ul li a:hover .caption{
	height:35px;
	overflow:hidden;
	width:140px;
	margin-top:-40px;
	padding-top:5px;
	padding-right:5px;
	text-decoration:none;
}

.portfolio_wrapper ul li a img.greyonhover{
	display:block;
	border:none;
	opacity:0.7;
 	/* Firefox 10+, Firefox on Android */
 	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

	/* IE 6-9 */
	filter: gray;
	  /*
		Chrome 19+,
		Safari 6+,
		Safari 6+ iOS,
		Opera 15+
	  */
	-webkit-filter: grayscale(100%);
}

.portfolio_wrapper ul li a img:hover{
	opacity:1.0;
	filter: none; /* IE6-9 */
	-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}