/* 
Template name : Grider responsive template
Author		  : iWebStudio
Version		  : 1.0
*/

	


/* =====================  Portfolio  ====================== */

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

#filter {
	display: block;
	position: relative;
	width:100%;
	float:left;
}

#filter li{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0;
	height: 32px;
	line-height: 31px;
	margin-bottom: 0px;
	overflow: hidden;
}

#filter a{
	text-decoration: none;
	color: #5b5b5d;
	display: block;
    background:#f5f5f5;
	outline: none;
	height: 30px;
	padding: 0 10px 0 10px;
}
#filter a:hover{
    background:#666666;
	color:#fff;  	
}
#filter a:active, #filter .active  a{
	outline:none;
	color:#fff;  
	text-decoration: none;
}
#stage{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

.boxcaption{
	float:left;
	position: absolute; 
	background: url(../images/caption.png) repeat top left;
	cursor:pointer;
	z-index:300;
}
/* ------------- Box caption for portfolio 2 column & Image size 448 x 175  ---------------- */
ul.portfolio-2column li{
	float:left;
	height:175px;
	margin:0px 0px 30px 0px;
	overflow:hidden;
	position:relative;
}

.portfolio-2column li .boxcaption{
	top: 135px;
	left: 0px;
}

.box_2{
	width:100%;
	height:100%;
	padding:10px 10px 10px 10px;
}

.project-name{
	float:left;
	width:100%;
	padding-bottom: 10px;
}

.project-name h5{
	color:#fff;
	font-size:12px;
	font-family:Arial,sans-serif;
}

.project-text{
	float:left;
	width:100%;		
}
.project-text a.textlink{
	background:url(../images/caption-link.png) no-repeat left 8px;
	padding-left:24px;
	font-style:italic;	
}
.project-text a:hover{
	color: #F9E509;  	
}
.project-text p{
	font-size:12px;
	line-height:16px;
	color:#fcfcfc;
}

.project-text a{
	float:left;
	font-size:12px;
	color:#fcfcfc;
}

.project-text a.small{
	float:left;
	font-size:10px;
	margin-top:16px;
	margin-right:5px;
}