/*----------------------------
	Green filter bar
-----------------------------*/


#filter {
	display: block;
	position: relative;
	background:url(../img/slash-line.png) repeat-x bottom left;
	width:100%;
	float:left;
	padding:0px 0px 38px 0px;
	margin:0px 0px 10px 0px;
}

#filter li{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0;
}

#filter a{ background:url(../img/buttons/smallbtn2-r.png) no-repeat top right; display: block; float: left; height: 25px; padding-right: 15px; text-decoration: none; font-size:12px;  text-transform:none; }

#filter a span{
	background:url(../img/buttons/smallbtn2-l.png) no-repeat; 
	display: block; 
	line-height: 25px; 
	padding: 0px 0 0px 15px; 
	color: #5b5b5d; 
	text-shadow:1px 1px 0px #f7ffff;
 }

#filter a:hover span, #filter .active a span{ background-position: 0 -25px; color: #4d4d4d; }

#filter a:hover, #filter .active a{ background-position: right -25px; }
/*----------------------------
	portfoliocontainer area
-----------------------------*/
#portfolio-container{
	margin:0;
	padding:0;
	width:100%;
	margin-bottom:-30px;
}
#portfolio-container li{
	float: left;
	margin:0px 20px 30px 0px;
	padding:0;	
	list-style: none outside none;
	position: relative;
}

#portfolio-container ul.twocols {
	margin-bottom:10px;
}

#portfolio-container ul.threecols,#portfolio-container ul.fourcols,#portfolio-container ul.vidgallery  {
	margin-bottom:10px;
}


#portfolio-container ul.twocols li, #portfolio-container ul.threecols li , #portfolio-container ul.fourcols li ,#portfolio-container ul.vidgallery li {
	margin-bottom:20px;
}

#portfolio-container ul{
	overflow:hidden;
}

#portfolio-container ul.hidden{
	display:none;
}
#portfolio-container li.omega{
	margin-right:0;
}
.recent-title{
	width:100%;
	background:#ddd;
	background:url(../img/slash-line.png) repeat-x bottom left;
	padding-bottom:20px;	
	margin-bottom:20px;	
}
.view-folio-4clum{
	float:left;	
	width:220px;
	position:relative;
	margin:0;
	padding:0;
}
.view-folio-3clum{
	float:left;	
	width:300px;
	position:relative;
	margin:0;
	padding:0;
}
.view-folio-2clum{
	float:left;	
	width:460px;
	position:relative;
	margin:0;
	padding:0;
	
}
.video-des{
	float:left;	
	width:460px;
	position:relative;
	margin:0;
	padding:0;
}
span.live{
	float:left;	
}
span.live a{
	background: url(../img/icons/eye.png) no-repeat left 2px;
	padding-left:20px;
}
span.detail{
	float:right;	
}
span.detail a{
	background: url(../img/icons/detail.png) no-repeat left 2px;
	padding-left:20px;
}
span.love a{
	background: url(../img/icons/love.png) no-repeat left 4px;
	padding-left:30px;
}
span.download a{
	background: url(../img/icons/download.png) no-repeat left 4px;
	padding-left:30px;
}
span.date a{
	background: url(../img/icons/date.png) no-repeat left 4px;
	padding-left:30px;
}
span.created a{
	background: url(../img/icons/created.png) no-repeat left 4px;
	padding-left:30px;
}
span.type a{
	background: url(../img/icons/type.png) no-repeat left 4px;
	padding-left:30px;
}
span.categorie a{
	background: url(../img/icons/categorie.png) no-repeat left 4px;
	padding-left:30px;
}
a.zoomer{
	list-style: none outside none;
	position: relative;
	display:block;
}
.zoom{
	margin:16px 6px 20px 6px;
	background: url(../img/zoom-bg.png) repeat top left;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}
.small-zoom{
	width:208px;
	height:123px;
}
.medium-zoom{
	width:288px;
	height:159px;
}
.big-zoom{
	width:608px;
	height:177px;
}
.onehalf-zoom{
	width:448px;
	height:177px;
}
.full-zoom{
	width:928px;
	height:317px;
}
.detail-zoom{
	width:608px;
	height:177px;
	margin-top:6px;
}
span.small-zoom img{
	margin: 35px 0px 0px 0px;
}
span.medium-zoom img{
	margin: 55px 0px 0px 0px;
}
span.onehalf-zoom img, span.big-zoom img, span.detail-zoom img{
	margin: 65px 0px 0px 0px;
}
span.full-zoom img{
	margin: 75px 0px 0px 0px;
}