.gallery_area
{
	margin-top:20px;
	margin-bottom:0px;
	overflow:hidden;
}
.gallery_area .img_box
{
	display:inline-block;
	float:right;
	width:285px;
	height:295px;
	margin-left:10px;
	margin-bottom:10px;
	overflow:hidden;
}
.gallery_area .img_box.last {margin-left:0px;}

.gallery_area .img_box .img,
.gallery_area .img_box .img img
{
	width:285px;
	height:295px;
}
.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:210px;
	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 .text
{
	height:165px;
	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:295px;
}
.gallery_area .img_box:hover .hover,
.gallery_area .img_box:focus .hover
{
	top:-295px;
	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;
}


/******************/
/*  project page  */
/******************/

.media_border
{
	background-image:url('../images/bg_lines_under.png');
	background-repeat:repeat-x;
	height:35px;
	float:right;
	width:100%;
}

.gallery_area.project iframe
{
	width:874px;
	height:660px;
	border:0;
}
.gallery_area.project img
{
	width:874px;
	height:auto;
}
.gallery_area.project .img
{
	display:block;
	width:874px;
	border:3px solid transparent;
	overflow:hidden;
}
.gallery_area.project .img:hover,
.gallery_area.project .img:focus
{
	border:3px solid blue;
}
.gallery_area.project .img_desc
{
	overflow:hidden;
	/*margin-top:50px;*/
}
.gallery_area.project .img_link
{
	overflow:hidden;
	display:block;
	color:red;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-size:10pt;
}

.gallery_area.image_page img, .gallery_area.image_page iframe
{
	width:100%;
	/*height:750px;*/
}


body.ltr .gallery_area .img_box
{
	float:left;
	margin-left:0px;
	margin-right:10px;
}
body.ltr .gallery_area .img_box.last {margin-right:0px;}
body.ltr .gallery_area .img_box .title_area div{float:left;}
body.ltr .gallery_area .img_box .title_area .icon
{
	margin-left:0px;
	margin-right:5px;
	background-image:url('../images/arrow icon ltr.PNG');
}
body.ltr .gallery_area .img_box .title_area .title span{float:left;}
body.ltr .gallery_area .img_box:hover .title_area .title,
body.ltr .gallery_area .img_box:focus .title_area .title 
{
	right:0px;
	left:-30px;
}
body.ltr .media_border{float:left;}