#container { 
	width: 50%;
	margin: 0 auto;
	text-align: left;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 48%;
	border: 1em solid white;
	text-align: left;
	z-index:1001;
	overflow: hidden;	
}

#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]
{ /* IE6 and below Can't See This */    
position:fixed;  
}

#overlay[id]
{ /* IE6 and below Can't See This */    
position:fixed;    
}

/* typography
----------------------------------------------- */
p {	line-height: 1.5em;	margin-bottom: 1.0em; font-size: 0.9em;}
p.lead { font-size: 1.0em; }
pre{
	display: block;
	margin: 1.0em 0;
	padding-left: 0.8em;
	border-left: 1px solid #ccc;
	background-color: #eee;
	overflow: auto;
	}
code{ font-size: 11px; background-color: #eee;}
pre code{ line-height: 1.1em;}
kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}


/* misc
----------------------------------------------- */
.section{ border-top: 1px solid #edede3;  padding-top: 1.0em; }

.download{
	background-color: #f3f3e6;
	border: 1px solid #ddddd3; 
	padding: 0.7em 1.5em; }
.download li{
	list-style: none;
	padding: 0.3em 0;
	border-bottom: 1px dotted #ddddd3;
	}

.gallerycontainer {
  position: relative;
  top: -6px;
  text-align: center!important;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

div.headerbox {
  margin: 0px auto;
}

div.thumbnail {
  padding: 0px;
}

div.thumbnail a {
  float: left;
  background-color: #EFF4F0;
  border: 1px solid #ddd;
  height: 15px;
  width: 15px;
  display: block;
}
div.thumbnail a:hover {
  background-color: white;
  border: 1px solid #C0C0C0;
}	

div.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
text-align: center!important;
padding: -2px!important;
margin: 0!important;
left: -1000px;
visibility: hidden;
color: black;
/*background-color: #EFF4F0;*/
text-decoration: none;
}

div.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

div.thumbnail:hover span
{ /*CSS for enlarged image*/
display: none;
visibility: visible;
top: 40px;
left: 8px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.caption{ font-size: 0.9em; padding-top: 0.2em ;	}



/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}