.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 */
*
{
	margin:0;
	padding:0;
}
body
{
	background:white;
	color:#555;
	font:80%/140% 'helvetica neue',sans-serif;
	width:800px;
	margin: 0 auto;
}
h1,h2
{
	font:bold 120% 'helvetica neue',sans-serif;
	color:#000;
	letter-spacing:3px;
	text-transform:uppercase;
	padding: 1em 0 1em 0;
}
a
{
	color:#348;
	text-decoration:none;
	outline:none;
}
a:hover
{
	color:#67a;
}
.caption
{
	color:#666;
	position:absolute;
	top:250px;
	left:3px;
	width:190px;
	background-color:white;
}
.demo
{
	position:relative;
	margin-top:1em;
	background-color:white;
}
.gallery_demo
{
	width:190px;
	float:left;
}
.gallery_demo li
{
	width:54px;
	height:54px;
	border:3px double #eee;
	margin: 0 2px 2px 0;
	background:#eee;
}
.gallery_demo li.hover
{
	border-color:#bbb;
}
.gallery_demo li.active
{
	border-style:solid;
	border-color:#222;
}
.gallery_demo li div
{
	left:190px;
}
.gallery_demo li div .caption
{
	font:italic 0.8em/1.4 georgia,serif;
}

.galleria_container
{
	margin:0 auto 10px auto;
	height:400px;
	width:600px;
	float:right;
	text-align:center;
	background-color:white;
}
.nav
{
	padding-top:15px;
	clear:both;
}

.info
{
	text-align:left;
	margin:0px 0;
	border-top:1px dotted #221;
	padding-top:0em;
	padding-bottom:1em;
	clear:both;
	background-color:white;
}
.info p
{
	margin-top:1em;
}

.footer
{
	border-top:1px dotted #221;
	text-align:right;
	margin:40px 0 0 0;
}

.nav
{
	position:absolute;
	top:410px;
	left:0;
}

/* header bar accross top of page */
#header 
{
        margin: 0px;
        padding: 0px 0px 0px 0px;
        height: 55px; /* the height of the header graphic */
        width: 100%;
        background-image: url(../img/header.jpg);
        background-repeat: no-repeat;
        background-color: white;
}

#header h1 
{
	text-align: right;
}