.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:500px} /* MSIE bug */

	/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}

	.gallery_demo{width:500px;}
	.gallery_demo li{width:68px;height:50px;border:3px double #EEE;margin: 0 2px;background:#CCC;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image {margin:0 auto 20px 20px;width:400px; text-align: left; }
	#main_image img{margin-bottom:10px; padding:5px; background:#FFF; float: left; }
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:500px;margin:30px auto;border-top:1px dotted #221;padding-top:10px;}
	.info p{margin-top:1.6em;}

/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../_images/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:500px; 
    height:400px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../_images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}