/*************************************************************
	7. PORTFOLIO
 *************************************************************/

.hover_img {
	position: relative;
	width:280px;
	height:200px;
}

.hover_img:hover {
	position: relative;
	background-color: #111;
}

.portfolio_zoom {
	display: none;
	width: 51px;
	height: 51px;
	position: absolute;
	left: 40%;
	top: 40%;
	margin: 0px 0px 0 3px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
}

.portfolio_zoom a, .portfolio_link a {
	display: block;
	width: 51px;
	height: 51px;
	text-indent: -9999px; 
	z-index: 100;	
}

.portfolio_zoom:hover, .portfolio_link:hover {
	opacity: 0.85;
}

.hover_img:hover .portfolio_zoom, .hover_img:hover .portfolio_link, .hover_img:hover .item_description {
	display: block;
}

.item_description {
    position: relative;
	padding: 8px 15px 10px;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5; 
	font-size: 12px;
	color: #999;
}

.item_description a {
	text-decoration: none;
}	

.item_description:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.item_description:after {
	border-bottom-color: #f5f5f5;
	border-width: 10px;
	left: 3%;
}

.item_description a {
	font-size: 13px;
	color: #666;
}

.item_description a:hover {
	color: #444;
}

.item_description:hover {
	border-bottom-color: #aaa;
}

/* Isotope Filtering */
.isotope-item { z-index:2; }
.isotope-hidden.isotope-item { pointer-events:none; z-index:1; }
/* Isotope CSS3 transition */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.element { 
	overflow: hidden;
	position: relative;
	margin-bottom:20px;
}

.element img {
	max-width: 100%;
}

#options {
	padding: 0 0 10px;
}

#filters {
	position: relative;
	padding: 0;
	margin: 10px 0 0;
}

#filters li {
	margin-top: -7px !important;
}

#filters li a:link{
	display: block;
	margin: 0 10px 10px 0;
	float: left; 
	padding: 6px 10px;
	list-style: none;
	font-weight: 400;
	text-transform: uppercase;
	background: #eee; 
	text-decoration: none;
}

#filters li a.selected {
	background: #aaabbb;
	text-decoration: none;
	color: #fff;
}

#filters li a:hover {
	background: #bbb;
	color: #fff;
}