@charset "utf-8";
/* CSS Document */

.gallery{
	margin: 0 auto;
	position:relative;
	overflow:hidden;
	}
	
.gallery a{
	text-decoration:none;
	}
	
.galleryInfoImage{
	display:block;
	margin-right:0px;
	margin-bottom:5px;

	}
.galleryInfoImage a{
	cursor:pointer;
	}	
	

.galleryInfoImage.last{
	margin-bottom:0;
	}
	


	
.galleryInfoHeading{
		background:#d2d3d5;
		height:85px;
		width:26%;
		
		/*text-align:center;*/
		z-index:100;
	}
	

	

	
.galleryInfoHeading h1{
	color:#535353;
	text-decoration:none;
	font:14px  'Roboto Condensed', sans-serif;
	padding-top:33px;
	padding-left:30%;
	margin:0;
	position:relative;
	z-index:110;
	}


	
.galleryInfoImage a:hover .galleryInfoHeading {
	width:28%;
	background:#b6312c;
	}	
			
.galleryInfoHeading:hover h1{
	color:#fff;
	}		
	
.galleryInfoDecription{
	display:none;
	position:absolute;
	
	margin-left:28%;
	z-index:50;
	padding-top:30px;
	margin-top:-52px;
	background:rgba(255,255,255,0.8);
	height:55px;
	width:70%;
	padding-left:2%;
	font:1em   'Roboto Condensed', sans-serif ;
	color:#535353;
	}
	

.galleryInfoImage img{
	width:100%;
	height:100%;
	display:none;
	
	position:absolute;
	right:0;
	top:0;
	
	}	
	
.galleryImage{
	height:0px;
	overflow:hidden;
	display:inline-block;
	width:74%;
	position:absolute;
	right:0;
	top:0;
	z-index:-5;
	/*opacity:0;
	transition: opacity .2s;*/
	/*z-index:0;*/
	/*display:none;*/
	}
	
.mainImage{
		display:inline-block;
	width:74%;
	position:absolute;
	right:0;
	top:0;
	z-index:-50;
	height:100%;
	background:rgb(128,128,128);
	
	}
	
.gallery:hover .mainImage img{
	opacity:0.5;
	}	
.galleryInfoImage a:hover .galleryInfoDecription{
	display:block;
	}
	
	
.galleryInfoImage:hover .galleryImage{
	display:inline-block;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	opacity:1;
	}
.galleryInfoImage:hover .galleryImage img{
	display:inline-block;
	}