.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
* html .galleria li div span{width:400px} /* MSIE bug */
title {font: 0.7em/1.4 lucida sans, tahoma, san serif;}
.gallery_demo{width:190px;float: right;margin: 0; padding: 0}
.gallery_demo li{width:80px;height:80px;border:2px 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:#222;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font: 0.7em/1.4 lucida sans, tahoma, san serif;}
	
.galleria_container{margin:0px auto 0px auto;height:600px;width:450px;float:left;}
.demo img {margin-left:auto; margin-right:auto; display:block; text-align:center;} 

	
.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}

.caption{color:#c3c3c3c;position:absolute;top:265px;left:590px;width:180px;}

/*scroller///////*/
.scroller {width: 100px; float: left; margin: 0 5px 0 0}

div.sc_menu_wrapper {
  float: left;
  margin-right: 10px;
  height: 500px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 115px;
  overflow: auto;
}
div.sc_menu {
  padding: 0px 0;
}
.sc_menu a {
  display: block;
  margin-bottom: 5px;
  width: 90px;

  border: 2px #fff solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;              

  /* When image support is turned off */
  color: #fff;
}
.sc_menu a:hover {
  border-color: rgb(130, 130, 130);
  border-style: dotted;
}
.sc_menu img {
  display: block;
  border: none;
}

.sc_menu span {
  /* We want a caption to display on the next line */
  font-family: lucida sans,georgia,serif;
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 10px;
  color: #000;
}