.photo{
	position					: relative;
}

.photo h3{
	margin-top			: 60px;
	background-image: url("../images/pic.png");
	background-position: 20px 0;
	background-color: #F5B04B;
	font-size				: 2em;
	text-align			: center;
}

.photo h4{
	margin					: auto;
	text-align			: center;
	font-size				: 22px;
	color						: #64502E;
}

.photo ul:after{
	content		: "";
	clear			: both;
	display		: block;
}

.photo ul{
	padding: 25px;
}

.photo ul  li span{
	font-weight: bold;
}

.photo ul  li span:last-of-type{
	padding: 50px 50px 50px 0;
}


.photo ul li img{
	float			: left;
	display		: table;
	/*padding		: 20px;*/
	margin		: auto;
	/*border-top: 5px solid #F9CE8F;*/
	border		: 2px solid #fff;
}

/* gallery */
ol{
	padding			: 0;
	margin			: auto;
	width				: 455px;
	font-size		: 25px;
	font-weight	: bold;
}

ol:after{
	content			: "";
	display			: block;
	clear				: both;
}

ol a{
	display					: block;
	width						: 455px;
	text-decoration	: none;
	color						: #3D2C12;
}

ol a:hover{
	color						: #000;
	background-image: url("../images/dot.png");
	background-position: 0 -20px;
	transition			: all 0.8s ease 0s;
	opacity					: 0.6;
}

.selected{
	background-color: #F5B04B;
}

ol li{
	text-align			: center;
	list-style			: none;
}

ol li{
	background-color:#FFE3BA;
	border			: 1px solid #FFF1DD;
}