#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
    border: none;
    width: 30%;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
  left: 0;
}
#hoverNav a {
  outline: none;
}
#prevLink, 
#nextLink {
	width: 49%;
	height: 100%;
	display: block;
}
#prevLink  {
  left: 0; 
  float: left;
  background: url(../graphics/prevlabel.gif) left 15% no-repeat; 
}
/* 
/freya/graphics/nextlabel.gif
*/
#nextLink  {
  right: 0; float: right;
  background: url(../graphics/nextlabel.gif) right 15% no-repeat; 
}
#prevLink:hover, 
#prevLink:visited:hover  {
}
#nextLink:hover, 
#nextLink:visited:hover  {
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData {
 	padding:0 10px; color: #666; 
}
#imageData #imageDetails {
  width: 70%; 
  float: left; 
  text-align: left; 
  letter-spacing: initial;
}	
#imageData #caption {
  font-weight: bold;	
  font-size: 1.3em;
  color: var(--teal-pale);
}
#imageData #numberDisplay {
  display: block; clear: left; padding-bottom: 1.0em;	
}			
#imageData #bottomNavClose {
  width: 66px; float: right;  padding-bottom: 0.7em;	
}	
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity: .9!important;
}
/* Min-Width */
.lbWidth  {
  /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	
}
* html .lbContent  {
  /* IE6 */
	margin-left: -790px;
	position:relative;
}
* html .lbMinWidth  {
  /* IE6 */
	padding-left: 790px;
}
	
/* Clearfix */	
.clearfix:after  {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix  {
 display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix  {
 height: 1%;
}
.clearfix  {
 display: block;
}
/* End hide from IE-mac */ 
	
			div.dynamicalbum {
		    width: 95%;
		    margin: 0 auto;
		}
		.dynamicalbum ul {
		    columns: 3;
		    column-gap: 0.45em;
		    padding-left: 0;
		    list-style-type: none;
		}
		.dynamicalbum img {
			width: 100%;
		}