.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 */

/* BEGIN DEMO STYLE */

.galleria a {color:#348;text-decoration:none;outline:none;}

.galleria a:hover {color:#67a;}

.caption {color:#888;position:absolute;top:250px;left:3px;width:200px;}

.demo { position:relative; }

.gallery_demo {
	position: absolute;
	top: 0;
	right: -12px;
	width: 268px;
}

.gallery_demo li {
	position: relative;
	display: inline;
	margin: 0 12px 12px 0;
	width: 115px;
	height: 51px;
	border: 1px solid #000;
	background-color: #000;
}

.gallery_demo_unstyled li { background-color: #000; }

.gallery_demo_unstyled a {
	display: block;
	width: 100%;
	height: 100%;
}

.gallery_demo li.hover { border-color: #000; }

.gallery_demo li.active { border-color: #000; }

.gallery_demo li div { left: 240px; border: 2px solid #c00; }

.gallery_demo li div .caption {font:italic 0.7em/1.4 georgia,serif;}

.galleria_container {
	margin: 0;
	width: 500px;
	height: 333px;
	overflow: hidden;
}

.nav {
	clear: both;
	width: 494px;
	padding: 8px 6px 8px 0;
	text-align: right;
	font-size: 70%;
	color: #fff;
	background-color: #000;
	text-transform: uppercase;
}

.nav a:link, .nav a:visited { 
	color: #fff;
	text-decoration: none;
	margin: 0 8px;
}

.nav a:hover { 
	color: #ccc;
	text-decoration: none;
}

.info {text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}

.info p{margin-top:1.6em;}