.cf:before,
.cf:after {
	content	: " ";
	display	:table;
}

.cf:after{
	clear	: both;
}

.container{
	width			:	auto;
	padding			:	3px;
	margin			:	0 340px 0 0;
	background		:	rgba(245,208,0, .7);
	border			:	1px solid #eee;
}

.gallery{
	width			:	100%;
}

.gallery-item{
	float			:	left;
	background		:	#fff;
	width			:	19%;
	margin			:	2%;
	padding			:	1%;
	padding-bottom	:	1%;
	box-shadow		:	2px 2px 3px rgba(0,0,0,.4);
}

.gallery-item img{
	width			:	100%;
}

.gallery-item:hover{
	cursor			:	pointer;
}

.image-div{
	background		:	#eee;
	position		:	absolute;
	margin			:	0 auto;
	display			:	none;
	padding			:	1px;
	border			:	1px solid #eee;
	box-shadow		:	2px 2px 3px rgba(0,0,0,.4);
	text-align		:	center;
}

#image-disp{
	margin			:	0 auto;
	text-align		:	center;
}

#image-disp img{
	width			:	100px;
}

#image-info{
	position		:	absolute;
	top				:	0px;
	right			:	10px;
	
	margin			:	0 auto;
	text-align		:	right;
	font-size		:	24px;
	font-family		:	Tahoma;
	
	
	
}

#image-info{
	color			:	#eee;
	width			:	10px;
	height			:	10px;
	color			:	white;
}

#image-info:hover{
	cursor			:	pointer;
}