/* --------------------------------------- */
/* Portfolio Area
/* --------------------------------------- */

#portfolioWrap {
	width:100%;
	height:300px;
	margin:0 0 20px 0;
	overflow:hidden;
}
#portfolioWrap.subpage { overflow:visible; height:auto; }

#portfolio { position:relative }

.container_12 #previous,
.container_12 #next {
	font-size:75px;
	width:40px;
	height:40px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:100px }
	
	#next.pagination { background:url('../graphics/right_arrow_on.png') no-repeat    }
	#previous.pagination { background:url('../graphics/left_arrow_on.png') no-repeat    }
	
	#next.pagination.inactive { background:url('../graphics/right_arrow_off.png') no-repeat    }
	#previous.pagination.inactive { background:url('../graphics/left_arrow_off.png') no-repeat    }
	
	.pagination.inactive { cursor:default !important }
	
	.hoverBlock .grid_4 {
	margin-bottom:20px;
	position:relative;
	width:240px !important;
	height:250px;
	border:3px solid #e7e7e7;
	overflow:hidden
}

#portfolio #previous { left:-60px }
#portfolio #next {
	right:-60px
}

#portfolio img.portfolio-image { position:absolute; top:0; left:0; display:block; margin:0  }

#portfolio .portfolio-info {
	height:220px;
	padding:12px 15px;
	width:220px;
	background:#000 url('../../functionals/graphics/portfolio_hover_bg.gif') repeat-x top  }

.entry-1 { margin-left:0 }

.portfolio-info h3 {
	font-size:14px;
	margin:0 0 1px 0;
	padding:0;
	color:#df7d07;
	text-transform:uppercase }
	
.portfolio-info small {
	font-size:11px;
	color:#a7a7a7;
	display:block;
	margin:0 0 10px 0;
	padding:0 }
	
.portfolio-info p {
	font-size:14px;
	line-height:17px;
	margin:0 0 22px 0;
	color:#e4e4e4 }
	
.portfolio-info .button {
	float:left }
	
	.portfolio-info .button.left { margin:0 10px 0 0 }