body,td,th {
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	color: #fff;
	background-color: #222;
}
body	a:link, a:visited, a:active {
	color: #888;
	text-decoration: none;
}
body	a:hover {
	color: #fff;
	text-decoration: underline;
}
#bg {
	position: fixed;
	overflow: hidden;
	left: 40px;
	bottom: -100px;
	filter: alpha(opacity = 20);
	opacity: .20;
	border: 0px;
	height: 90%;
	z-index: -100;
}
h1 {
	font-size: 1.25em;
	color: #ccc;
	font-weight:lighter;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: .5em;
	text-align: left;
	padding: 20px 20px 20px 40px;
	-webkit-transition: -webkit-transform .3s ease-in-out;
}
h2 {
	font-size: 0.75em;
	color: #888;
	font-weight:lighter;
	text-transform: uppercase;
	letter-spacing: .4em;
	text-align: left;
	padding: 20px 20px 0px 40px;
}
h3 {
	font-size: 0.75em;
	color: #fff;
	max-width: 750px;
	text-align: left;
	font-weight: normal;
	line-height: 1.75em;

}
#nav {
	background-color: #000;
	padding: .25em;
}
#nav li {
	display:inline;
	padding-right: 50px;
}
#nav li a:link, a:visited, a:active {
	color: #888;
	text-decoration: none;
}
#nav li a:hover {
	color: #fff;
	text-decoration: none;
}
#gallery {
	padding: 10px 40px;
}
#gallery a img{
	border: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	filter: alpha(opacity = 70);
	opacity: .70;
	-webkit-transition: opacity .15s ease-in-out;
}
#gallery a:hover img{
	filter: alpha(opacity = 100);
	opacity: 1;
}
#gallery li {
	font-size: 0.75em;
	color: #888;
	text-decoration: none;
	list-style-type: square;
	margin-left: 70px;
	line-height: 2em;
}
#gallery li a:link, a:visited {
	color: #888;
	text-decoration: none;
	
}
#gallery li a:hover, a:active {
	color: #fff;
}
#copy {
	position: relative;
	margin-left: 40px;
	bottom: -50px;
	text-align: left;
	font-size: .65em;
	color: #888;
	font-weight:lighter;
	text-align: left;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img{ /* actual image displayed in the lightbox */
	width: auto;
	height: auto;
}
#lightbox a img{ /* "close" button image */
	border: none;
	width: auto;
	height: auto;
}
#outerImageContainer{ /* white area containing the image */
	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;
}
#imageDataContainer{ /* section containing image caption */
	font: 10px Tahoma, Geneva, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	;
}
#imageData{ /* image caption segment*/
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails{
	width: 70%;
	float: left;
	text-align: left;
}	
#imageData #caption{ /* image caption font detail*/
	font-weight: bold;
}	
#imageData #caption a{ /* image caption hyperlink*/
	color:#00709e;
	text-decoration: none;
}
#imageData #caption a:hover{ /* image caption hyperlink*/
	text-decoration: underline;
}	
#imageData #bottomNavClose{
	width: 66px;
	float: right; 
	padding-bottom: 0.7em;
	outline: none;
}	 	
#overlay{ /* overlay section covering contents of the webpage */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 2000px;
	background-color: #000;
}