.galleria {
	list-style:none;
	width: 200px;
}

/* Controls the thumbnails which are displayed using a list*/
.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:300px;
}

.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: 0.5em;
}

* html .galleria li div span {
	width: 400px;
} /* MSIE bug */

/* BEGIN DEMO STYLE */
.span {
}

.caption {
	color: #ffffff;
	line-height: 3em;
}

.demo {
	width:890px;
	position:relative;
	padding-bottom: 30px;
}

/*.gallery_demo controls the styling for the gallery thumbnail area*/
.gallery_demo {
	float:left;
	width:192px;
	padding:8px;
	margin:0;
	background:#00455c;
	margin-top: 20px;
}

/*.gallery_demo li controls the styling for the gallery thumbnails themselves*/
.gallery_demo li{
	width:44px;
	height:44px;
	margin:2px;
	background:#00455c;
	line-height:16pt;
}
/*.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}*/

/*#main_image controls the styling for the box surrounding the graphics*/
#main_image {
	float:right;
	width:620px;
	background:#00455c;
	padding: 10px;
	margin-right: 0px;
	margin-top: -42px;
}

/*#main_image controls the styling for the graphics*/
#main_image img {
	background-color:#FFFFFF;
	margin: 0 auto;
	width:620px; /* Required for IE6 */
	height: auto; /* Required for IE6 */
}

.nav {
	padding-top:15px;
	clear:both;
	font:80% 'Trebuchet MS',sans-serif;
}


.info {
	text-align: left;
	width:500px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}

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