.gallery_area
{
	margin-top:20px;
	margin-bottom:0px;
	overflow:hidden;
}

.gallery_area .img_box
{
	display:inline-block;
	float:right;
	width:265px;
	height:275px;
	margin-right:15px;
	margin-bottom:10px;
	overflow:hidden;
}

.gallery_area .img_box.last
{
	margin-left:0px;
}

.gallery_area .img_box .img
{
	width:265px;
	height:275px;
}

.gallery_area .img_box .img img
{
	width:265px;
	height:275px;
}

.gallery_area .img_box .title_area
{
	height:55px;
	overflow:hidden;
}

.gallery_area .img_box .title_area div
{
	overflow:hidden;
	height:55px;
	background-color:rgba(0,0,0,0.5);
	float:right;
}

.gallery_area .img_box .title_area .icon
{
	background-image:url('../images/arrow icon.png');
	background-repeat:no-repeat;
	background-position:center;
	width:70px;
	margin-left:5px;
}

.gallery_area .img_box .title_area .title
{
	width:190px;
	position:relative;
}

.gallery_area .img_box .title_area .title span
{
	display:inline-block;
	float:right;
	margin:15px 20px;
	color:white;
	font-size:1em;
}

.gallery_area .img_box .bar
{
	height:1px;
	background-color:white;
	margin:10px;
}

.gallery_area .img_box .desc
{
	height:155px;
	overflow:hidden;
	font-size:0.833em;
	color:white;
	margin:0px 10px;
}

.gallery_area .img_box .bottom_bar
{
	height:55px;
	background-image:url('../images/blue circle arrow.PNG');
	background-repeat:no-repeat;
	background-position:center -32px;
	background-color:rgba(0,0,0,0.5);
}

.gallery_area .img_box .hover
{
	overflow:hidden;
	position:relative;
	top:-55px;
	height:275px;
}

.gallery_area .img_box:hover .hover,
.gallery_area .img_box:focus .hover
{
	top:-275px;
	background-color:#2fc7e2;
}

.gallery_area .img_box:hover .title_area div
{
	background-color:transparent;
}

.gallery_area .img_box:focus .title_area div
{
	background-color:transparent;
}

.gallery_area .img_box:hover .title_area .title,
.gallery_area .img_box:focus .title_area .title
{
	right:-30px;
	top:5px;
}