/*=== PORTFOLIO
==================================================*/


#portfolio-content {
	width: 880px;
	height: 630px;
	overflow: hidden;
	position: relative;
	border: solid 0px #FF0000;
}

/*
	if Javascript is on, these classe will be disabled
*/

/*begin*/
	.js-off-overflow { 
		overflow: visible !important;
	}
	
	.js-off-position {
		position: relative !important; 
	}
/*end*/


.portfolio-nav {
	list-style: none;
}

.portfolio-nav li {
	display: inline;
}

.portfolio-nav li a {
	font-size: 12px;
	margin-right: 10px;
	color: #000000;
	background: #ffffff;
	padding: 6px 10px;
}

.portfolio-nav li a:hover {
	background: #47ad85;
	text-decoration: none;
}

.portfolio-nav li a.current { 
	background: #47ad85;
}


ul.portfolio-thumbs {
	z-index: 0;
	list-style: none;
	position: absolute;
}

ul.portfolio-thumbs li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

ul.portfolio-thumbs a {
	display: block;
	width: 190px;
	height: 190px;
	overflow: hidden;
}

.overlay {
	font-size: 11px;
	line-height: 16px;
	background: #2b2b2b;
	position: absolute;
	top: 190px;
	left: 0;
	z-index: 5;
	width: 150px;
	height: 150px;
	padding: 20px;
}

.overlay p {
	padding-bottom: 0px;
}

.overlay h5 {
	font-family: Bebas, Arial, sans-serif;
	font-size: 22px;
	color: #db7030;
	font-weight: normal;
	margin-bottom: 20px;
}

ul.portfolio-thumbs li .zoom-btn, ul.portfolio-thumbs li .play-btn {
	padding: 5px;
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

ul.portfolio-thumbs li .zoom-btn {
	background: url(../img/zoom.png) center no-repeat #db7030;
}

ul.portfolio-thumbs li .play-btn {
	background: url(../img/play.png) center no-repeat #db7030;
}

ul.portfolio-thumbs li .zoom-btn:hover, ul.portfolio-thumbs li .play-btn:hover {
	background-color: #ffcc00;
}