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

a {
	color:#348;
	text-decoration:none;
	outline:none;
	cursor: pointer;
}
a:hover {
	color:#67a;
}
.caption {
	color:#513237;
	font-size: 80%;
	font-style:italic;
	margin: 0;
	padding: 0;
}
.demo {
	position:relative;
	float: left;
	margin: 20px 0 20px 0;
}
#main ul.gallery_demo {
	width:520px;
	margin: 0;
	padding: 0 0 0 20px;
}
#main .gallery_demo li {
	width:70px;
	height:40px;
	border:3px double #CCC;
	margin: 0 10px 6px 0;
	padding: 0;
	background: #DCDBD9;
	float: left;
	cursor: pointer;
}
.gallery_demo li div {
	left:240px
}
.gallery_demo li div .caption {
	font-size: 80%;
	font-style:italic;
}
#main_image {
	margin:0 auto 60px auto;
	height:300px;
	width:500px;
}
#main_image img {
	border: 1px #DCDBD9 solid;
}
#main_image img {
	margin-bottom:10px;
}
p.nav {
	padding: 20px 0 0 25px;
	margin: 0;
	display: block;
	text-align:left;
	font-size: 90%;
	font-style:italic;
	font-weight: bold;
	color: #E39755;
}
.info {
	text-align:left;
	width:400px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}
.info p {
}

li.active  {
	display:block
}




.galleria {
	list-style:none;
	width:200px
}
.galleria li {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
}
.galleria li a {
	display:none
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img {
	cursor:pointer
}
.galleria li.active div img, .galleria li.active div {
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption {
	display:block;
	padding-top:.5em
}
* html .galleria li div span {
	width:400px
} /* MSIE bug */