@charset "UTF-8";

.galleria{list-style:none;width:200px}
.galleria li{display:block; width:80px; height:58px; overflow:hidden; float:left; margin:0 0px 0px 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 */


.caption{color:#888;position:absolute;top:250px;left:3px;width:200px;}
.gallerie{}
.gallery_demo{width:450px;float:left;}
.gallery_demo li{
	width:80px;height:58px;
	margin: 0 20px 30px 0; padding:5px;
	background:url(../images/templates/thumbs-bg.jpg) top left no-repeat;
}

.gallery_demo li:hover{ background:url(../images/templates/thumbs-hover-bg.jpg) top left no-repeat;}
.gallery_demo li:active{ background:url(../images/templates/thumbs-bg.jpg) top left no-repeat}

.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
.galleria_container {
	float:right;
	height:330px;width:450px;
	margin:0px 0px 0px 0px; padding:5px;
	background: url(../images/templates/galerie-photo-bg.jpg) top left no-repeat;
}
	
.nav{
	clear:both;
	text-align:right;
	padding:0px 10px 20px 0px;
	
}