* html .galleria li div span{width:400px} /* MSIE bug */
	/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
	body{padding:20px;background:black ;color:#555;font:80%/140% 'helvetica neue',sans-serif;width:1000px;margin: 0 auto;float:left;text-align:left;}
	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{color:#888;position:absolute;top:632px;right:700px;}
	.demo{
	width:200px;
    height:750px;
    position:absolute;
    top:60px;
    left:10px;
	}
	.gallery_demo{width:230px;float:left;}
	.gallery_demo li{width:50px;height:30px;border:1px double #222;margin: 0 4px 4px 0;background:#222;}
	.gallery_demo li.hover{border-color:grey; background:grey;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	

	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;margin-top:670px;clear:both;}
	.info p{margin-top:1.6em;}
	.footer{color:#222; }
	hr{color:black;height: 4px; border:0px;}
	
	
	
	ul.gallery {

	}
ul.gallery li {
	display: block;
	float: left;
	width: 40px;
	height: 30px;
	margin: 0 5px 5px 0;
	border: 2px solid black;
	padding: 0px;

	}
	
ul.gallery a {
	color:#393939
	}
	
ul.gallery li:hover { border: 2px solid #0f1b21; }



p.caption {
    position:absolute;
    top:643px;
    left:598px;
	width:300px;
    height:50px;
	text-align:right;
	font-size: .8em;
	text-transform: uppercase;
	padding: 1em 0;
	display: block;
	color:#555;
	}
#main_image {
    position:absolute;
	margin-left: 200px;
	margin-top: 15px;
	height: 610px;
	width: 473px;
	}
	
/*	* CSS bug fixing */
.clear { clear: both; }
/* Clearfix */
.cf:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.cf {
    display: inline-block;
}
 html[xmlns] .cf {
    display: block;
}
* html .cf {
    height: 1%;
}