.galleria{list-style:none;width:40%}


.galleria li{display:block;width:80px;height:74px;overflow:hidden;float:left;margin:0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.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:100%} /* MSIE bug */


	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.demo{position:relative;margin-top:2em;}
	
 	.gallery_demo{width:40%;margin:0;float:left;}
	.gallery_demo li{width:83px;height:76px;border:1px solid #111;margin: 0 2px;}

	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
		
	#main_image{margin:0;height:350px;width:380px;float:left;}
	#main_image img{margin-bottom:10px;}
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align:center}

@media all and (max-width: 700px) {
	.galleria{display:none;}
	.gallery_demo{width:100% !important;margin:1em auto 3em auto;float:none !important;overflow:hidden}	
	.galleria_wrapper {margin:1em auto 3em auto;float:none !important;overflow:hidden}	
	
		.galleria_wrapper {margin:1em auto 3em auto;float:none !important;height:380px;overflow:hidden}	
		.gallery_demo_unstyled   {height:380px;overflow:hidden;margin:1em auto 3em auto;}
}