.galleryLeft {
	top:			50px;
	height: 		80px;
	width:			24px;
	background-color:	rgba(0,0,0,.5);
	background-image:	url('ui_images/galleryLeft.gif');
	background-position:	center;
	background-repeat:	no-repeat;
	position:		absolute;
	left:			-25px;
	z-index:		100;
}
.galleryRight {
	top:			50px;
	height: 		80px;
	width:			24px;
	background-color:	rgba(0,0,0,.5);
	background-image:	url('ui_images/galleryRight.gif');
	background-position:	center;
	background-repeat:	no-repeat;
	position:		absolute;
	left:			533px;

	z-index:		100;
}
.galleryItem {
	height:			200px;
	width:			178px;
	float:			left;
	background-color: 	rgb(15,33,71);
	position:		Relative;
	margin:			0 auto;
	background-size:	100% 100%;

	
}
.galleryItem .galleryVideo {
	position:	absolute;
	width:		60px;
	height:		50px;
	top:		70px;
	left:		58px;
	//z-index:	300;
	//background-image:	url("ui_images/YouTube-icon.png");

}
.galleryItem div {
	width:			160px;
	height:			39px;
	background-color:	rgba(0,0,0,.7);
	position:		absolute;
	bottom:			3px;
	left:			3px;
	padding:		3px 3px 0px 3px;
	text-align:		center;
	overflow:		hidden;
}
.galleryItem a {

	color:			white;
	text-decoration:	none;
}
.conGallery {
	position:		relative;
	//width:			100%;
	height:			200px;
	//border:			solid 1px red;
	//margin: 		0 auto;
	//margin-left:		1.2%;
	overflow:		hidden;
}
.galleryOverlay {
	position:		absolute;
	width:			528px;
	//top:			0;
	//left:			0;

	background-color:	rgba(0,37,72,.7);
	padding:		10px 3px 12px 3px;
	text-align:		left;
	color:			white;	
	font-weight:		bold;
	//font-size:		22px;
	z-index:		300;
	top:			0px;
	//padding-left:		72px;
	
	background-image:	url("ui_images/camera-icon.gif");
	background-repeat:	no-repeat;
	background-size:	auto 100%;
	background-position:	12px;
	
	padding-left: 58px;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 6px;
}
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	display:	none;
    }

.overlay-galleryItem {
	height:			100%;
	width:			800px;
	float:			left;
	background-color:	black;
	position:		Relative;
	margin:			0 auto;
	background-size:	100% auto;
	background-repeat:	no-repeat;
	//background-size:	cover;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.overlay a {
	color:			white;
}

.overlay a:visited {
	color:			white;
}

.conOverlay {
	position:		relative;
}
.overlay-conOverlay {
	position:		relative;
}
.overlay-conGallery {
	position:		relative;
	width:			600px;
	left:			0px;
	top:			25%;
	overflow:		hidden;
	background-image:	url("ui_images/loading.gif");
	background-repeat:	no-repeat;
	background-position:	214 180;
}
.overlay-video {
	width:			600px;
	height:			400px;
	//background-color:	red;
	display:		none;
	margin:			auto;
	//position:		absolute;
	z-index:		1001;
}
.overlay-gallery {
	width:			800px;
	height:			660px;
	display:		none;
	margin:			auto;
	z-index:		1001;
	position:		relative;
	overflow:		hidden;
}
.overlay-galleryLeft {
	height: 		200px;
	width:			24px;
	background-color:	rgba(0,0,0,.5);
	background-image:	url('ui_images/galleryLeft.gif');
	background-position:	center;
	background-repeat:	no-repeat;
	position:		absolute;
	left:			-24px;
	top:			50%;
	//float:			left;
	z-index:		100;
}
.overlay-galleryRight {
	height: 		200px;
	width:			24px;
	background-color:	rgba(0,0,0,.5);
	background-image:	url('ui_images/galleryRight.gif');
	background-position:	center;
	background-repeat:	no-repeat;
	position:		absolute;
	left:			800px;
	top:			50%;
	//float:			right;
	z-index:		100;
}