#portfolio-feature {
	float:left;
	width:100%;
	height:548px;
	border-top:solid 1px #424242;
	border-bottom:solid 1px #424242;
}

#slider {

	/* You MUST specify the width and height */
	width:860px;
	height:548px;
	position:relative;	
	overflow:hidden;
	margin:0 auto;
}

#mask-gallery {
	
	overflow:hidden;
	padding:50px 0;
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:610px;
	z-index:500;
	
	/* width should be lesser than #slider width */
	width:250px;
	overflow:hidden;	
	height:548px;
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;  
	-khtml-opacity: 0.7;
	opacity: 0.7;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:250px;
	background-color:#000;
	overflow:hidden;
	color:#fff;	
}

	#excerpt li {
		height:450px;
		padding:55px 5px;
	}

#buttons a {
	width:45px;
	height:45px;
	display:inline-block;
}

#buttons a:hover {
	background-position:0 -45px;
}

#btn-prev{
	background-image:url(images/btn-prev.png);
	margin-right:340px;
}

#btn-pause{
	background-image:url(images/btn-pause.png);
}

#btn-play{
	background-image:url(images/btn-play.png);
}

#btn-next{
	background-image:url(images/btn-next.png);
	margin-left:340px;
}
.portfolio-page{
	width:880px;
	padding:0 30px;
}