/* base galleria styles */
 
 table.contentpaneopen.gallery{
 	position:relative;
	width:100%;
 }
 
div.galleria_container{
 	float:right;
	margin-right:-30px;
	margin-left: auto;
	height:700px;
 }
 

.galleria_wrapper img{
	position:relative;
}
ul.galleria{
 	float:left;
 }
 
 .style1 {
	color: #2A1F55;
	font-size: 14px;
	border-top-width: 100px;
	font-style: normal;
	padding: 10px;
	text-decoration: none;
	font-family: "Futura Std Light", "Arial", "Helvetica Neue";
}
/*box that contains thumbnails*/
.demo{
	position:relative;
	margin-top:0px;
	left:-5px;
}

.gallery_demo{
	float:left;	
	width:180px;
}
.gallery_demo li{
	width:55px;
	height:70px;
	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:#3d33ff;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}


	
.nav{
	padding-top:15px;
	clear:both;
	float:left
}
	
.galleria{list-style:none;width:200px;margin-right:20px}
/*the following line sets the thumbnail container's size*/
.galleria li{display:block;width:50px;height:60px;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 */

/* added for joomla template integration */