html, body, ul, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
}
a {
	color: #000;
}
a:hover {
	color: #F2AB9E;
}
.clear {
	clear: both;
}

body {
	background: black;
	text-align: center;
	color: white;
	font: 11px verdana, sans-serif;
}
#wrapper {
	text-align: left;
	margin: 15px auto;
	width: 778px;
	position: relative;
	background: maroon url(images/bg.jpg) repeat-y;
	border: 5px solid #9f9f9f;
}
#head-1 {
	background: url(images/head_1.jpg) no-repeat;
	width: 409px;
	height: 386px;
	top: 0;
	left: 369px;
	position: absolute;
}
#head-2 {
	background: url(images/head_2.jpg) no-repeat;
	width: 156px;
	height: 38px;
	top: 386px;
	left: 622px;
	position: absolute;
}

#nav {
	margin: 11px 0 25px 35px;
	color: #9F9F9F;
}
#nav a {
  text-decoration: none;
  color: black;
}
#nav ul {
  font-size: 14px;
  font-weight: bold;  
}
#nav li {
  background: bottom left url(images/nav_bg.jpg) no-repeat;
  _height: 1%;
  padding: 8px 12px 16px 110px;
}
#nav li.last {
  background: bottom left url(images/nav_bg_last.jpg)   no-repeat;
}
#gallery img {
	display: block;
}
h1 {
  height: 172px;
  background: url(images/logo.jpg) no-repeat;
  color: black;
  font-weight: normal;
}
h1 span {
  display: block;
}
h1 em {
  font-style: normal;
  color: white;
  padding-right: 3px;
}
h1 .hone {
  padding: 65px 0 0 58px;
  font: 50px Keaton, "Arial Narrow", "Tahoma", arial, sans-serif;
}
h1 .htwo {
  position: relative;
  top: -0.2em;
  left: 3em;
  font-size: 17px;
}
h1 .hthree {
  position: relative;
  top: -0,3em;
  left: 4.4em;
  font-size: 12px;
  letter-spacing: 2px;
  color: white;
}
h2 {
  background: 120px 0.5em url(images/dot_dot_dash.jpg) no-repeat;
  font: 28px times;
  font-weight: normal;
  font-style: italic;
  color: black;
}
h2 em {
  color: white;
}
h3 {
  font: 14px;
  color: white;
}
#body-left {
	float: left;
	width: 645px;
	padding-left: 55px;
}
#gallery {
	border: 1px solid #9f9f9f;
	background:#13277b;
	margin: 13px 10px 0 30px;
	height: 320px;
	position: relative;
}
.gal {
	background: #9f9f9f;
	padding: 3px;
	position: absolute;
}
#gzero {
	top: 20px;
	left: 50px;
	width: 100px;
}
#gone {
	top: 120px;
	left: 50px;
	width: 100px;
}
#gtwo {
	top: 220px;
	left: 50px;
	width: 100px;
}
#gthr {
	top: 20px;
	left: 250px;
	width: 100px;
}
#gfour {
	top: 120px;
	left: 250px;
	width: 100px;
}
#gfive {
	top: 220px;
	left: 250px;
	width: 100px;
}
#gsix {
	top: 20px;
	left: 450px;
	width: 100px;
}
#gseve {
	top: 120px;
	left: 450px;
	width: 100px;
}
#geigh {
	top: 220px;
	left: 450px;
	width: 100px;
}
#footer {
	text-align: right;
	color: black;
	border-top: 1px solid white;
	padding: 6px 25px 20px 0;
}
.spacer {
	height: 18px;
}
#lightbox{	
         position: absolute;	
         left: 0; 
         width: 100%;
         z-index: 100; 
         text-align:          center; line-height: 0;
}
#lightbox img{ 
         width: auto; 
         height: auto;
}
#lightbox a img{ 
            border: none;
}
#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%; 
        background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}
#prevLink { 
       left: 0; 
       float: left;
}
#nextLink {        right: 0; 
       float: right;
}
#prevLink:hover, 
#prevLink:visited:hover { 
       background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, 
#nextLink:visited:hover { 
       background: url(../images/nextlabel.gif) right 15% no-repeat; 
}
#imageDataContainer {        font: 10px Verdana, Helvetica, sans-serif; 
       background-color: #fff; 
       margin: 0 auto;        line-height: 1.4em; 
       overflow: auto; width: 100%	; 
}
#imageData {
	padding:0 10px;         color: #666; 
}
#imageData 
#imageDetails { 
        width: 70%; 
	float: left; 
	text-align: left; 
}
#imageData 
#caption { 
	font-weight: bold;	
}
#imageData 
#numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}
#imageData 
#bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}
#overlay { 	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 	background-color: #000;
}