/***********************************************************************************

Portfolio

************************************************************************************/

/* Filter Styling */
.filter {
	
}
ul.filter li {
	list-style:none;
	display: inline;
	float: left;
	margin:0 5px 5px 0;
}
ul.filter li a {
	display:block;padding:0 10px;line-height:25px;font-size: 13px;text-shadow:0 1px 1px rgba(255,255,255,.5);border:1px solid #dadada;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);background:#fdfdfd;background:-moz-linear-gradient(90deg,#fdfdfd,#f9f9f9);background:-webkit-gradient(linear,center top,center bottom,from(#fdfdfd),to(#f9f9f9));
}
ul.filter li a:hover {
	background:#f4f4f4;background:-moz-linear-gradient(90deg,#f4f4f4,#fefefe);background:-webkit-gradient(linear,center top,center bottom,from(#f4f4f4),to(#fefefe));
}
ul.filter li.active a{
	background:#e7e7e7;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
	}
.filterable-grid {
	display:inline-block;
	
}

ul.filterable-grid > li {
	float:left;
	margin:7px;
	width: 216px;

	overflow:hidden;
}
ul.filterable-grid  > li  > a {
	color:#fff;
	text-decoration:none;
	font:bold 13px "Arial";
	display:inline-block;
	width:100%;
	padding:8px 0 8px 0;
}
ul.filterable-grid  > li {
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 2px 4px rgba(0,0,0, 0.3);
box-shadow:         0px 2px 4px rgba(0, 0,0, 0.3);
}
ul.filterable-grid > a{text-decoration:none; color:#fff;}

.jcarousel-wrapper{
border: solid 3px #2f3342;

}
ul.filterable-grid  > li p {
	text-align:left;
	display:block;
	line-height:19px;
}
.hide{display:none;}

.thumb-links{
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
	display:none;
	width:210px;
}
.view-icon, .link-icon{
	display: block;
	float: left;
	margin-left: 2px;
	width: 28px !important;
	height: 28px !important;
	text-indent: -9999px;
	background-color:rgba(0, 0, 0, 0.7);
	background-repeat: no-repeat;
	background-image: url("../images/portfolio-overlay.png");
	
}

.view-icon{
background-position: -56px 0;
}

.link-icon{
background-position: -84px 0;
}

ul.filterable-grid h2 {
padding: 8px 0;
margin: 0;
font-size:18px;
}


.portfolio-title {
position: relative;
text-align: center;
padding: 0px 0 5px;
border-bottom: 1px solid #293036;
background-color: #293036;

}

.portfolio-title h3 {
padding-bottom: 0;
color: #fff;
font-size: 14px;
margin:0;
font-weight: normal;
padding: 8px 0 8px;
}

/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (max-width: 640px) {
ul.filterable-grid li {
 float:left;
 margin: 18px 12px 0 13px;
 width:250px;
}
ul.filterable-grid li a img {
width:250px;
height:196px;
}
}
@media screen and (max-width: 550px) {
ul.filterable-grid li {
 width:180px;
}
}
@media screen and (max-width: 480px) {
ul.filterable-grid li {
 width:250px;
}
}
#portfolio-cont{display:inline-block;}
