body {
	height: 100%;
	margin: 0px;
	position: relative;
	text-align: justify;
	background: black;
	overflow:hidden;
}

/* hack for floated content */
.spacer { clear: both; height: 0px; }

/* */
#container, #header, #content, #footer, #menu, .container {

}

#container {
	z-index: 2000;
}

#navigation, #footer {
	margin: auto;
}

.headerContainer {
	width: 1300px;; /**/
}

#header { 
/*	width: 1000px;; /**/
	height: 50px;
	padding-top: 15px;
	position: absolute;
	z-index: 1000;
}

#menu, #header, #footer, #photoThumbnails {
    opacity: 0.7;
	filter: alpha(opacity = 70);
}

#menu {
	position: absolute;
	z-index: 1001;
	top: 75px;
	left: 20px;
	display: block;
	background: #666;
	padding: 1em;
/*	visibility: hidden; /**/
	font-size: 1.2em;
	line-height: 1.75em;
}

#menu a {
	color: white;
}

#menu a:hover {
	color: red; /**/
}

#menu .menu + .menu,
#menu .menu + h3
{
	margin-top: 1em;
}

#footer {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	margin: auto;
	text-align: left;
	background: #666;
	padding: 0.5em;
	color: #999;
	padding-left: 50%;
}

#footer .reserved {
	margin-left: 800px;
}

img.vertical {
	height: 100%;
}

img.horizontal {
	width: 100%;
}

#photos {
/*	top: 65px;	 /**/
	position: relative;
	height: 100%;
	width: 100%;
	clear: both;
	display: block;
/*	margin-left: 5%;
/*	height:auto;
/*	background: blue; /**/
}

#container {
/*	height: 90%;
	width: 90%; /**/
	margin: 0 auto;
}

.imageDetail {
/*
	margin-left:50px;
	height: 90%;
	width: 80%; */
	top: 0px;
	position: relative; /**/	
/*	position: absolute; /**/

/*	min-width: 850px;
/*	height: 95%; /**/
	height: 100%; /**/
    width: 100%;
	margin: auto;
/*	border: 1px solid blue; /**/
}

.imageDetail p {
	width: 100%;
	height: 100%;	
/*	text-align: center;
/*	border: 1px solid red; /**/
}

.imageDetail img {
	height: 100%;

}
p.vertical {
	text-align: center;
}

.photoCaption {
	position: fixed;
	display: block;
	bottom: 0px;
	padding: 1em;
	padding-left: 2em;
	margin-left: 150px;
	z-index: 2000;
	color: white;
}

.counter {
	position: fixed;
	display: block;
	bottom: 0px;
	padding: 1em;
	padding-left: 2em;
	z-index: 2000;
	color: white;
	width: 200px;
}

.counter .indicator, .counter h3 {
	float: left;
}

.popupControls {
	position: absolute;

}
#photos2 {
	position: relative;
}

div {
/* 	border: 1px solid orange; /**/
}


#page {
/*	border: 1px solid red; /**/
/*	padding-top: 2em; /**/
	padding-top: 0.5em; /**/
	padding-bottom: 20em;
	width: 1000px;
}

#page {
/*	border: 1px solid red; /**/
	padding-bottom: 20em;
/*	min-height: 1000px;
/*	width: 750px;
/*	display: block;
	float: left;
/*	margin-left: 250px; /**/
}

#container,  .container {
/*
	padding-left: 20px;
	padding-right: 20px;	 /**/
}

#header * {
	height: 100%;
}


#header {
	line-height: 35px;
}

.counter, .photoCaption, #footer {
	padding-bottom: 0.25em; /**/
/*	line-height: 30px; /**/
}

#header, #footer {
    padding-left: 2em; /**/
    width: 100%;
}

.head, .subhead {
	height: 100%;
	vertical-align: bottom;
	display: block;
	float: left;    
    text-transform: uppercase; /**/
 /*   font-family: sans-serif;
/*    font-weight: bold; */
/*    color: gray; /**/

}

.head p {
	opacity: 100%;
}

.head a {
	font-weight: bold;
/*	color: #ff0000; /**/
	color: orange; /**/	
	text-decoration: none;
}

.head {
    letter-spacing: 0.05em;
    text-transform: uppercase; /**/
	width: 500px;
    font-size: 40px;
}

.subhead * {
	color: white;
}

.subhead {
/*	width: 500px; /**/
    font-size: 30px;
    letter-spacing: 0.15em;
}

.contact {
	width: 250px;
	text-align: right;
}

.contact1g {
	margin-top: 1em;
	clear: both;
	text-align: left;
}


.half-column {
/*	border: 1px solid red; /**/
	width: 120px; /**/
	padding-right: 10px; /**/
	display: block; 
	height: 100%;
	float: left;
}
/*
.row {
	border: 1px solid red;
}
.half-column img {
	border: 1px solid red;
}
*/
.column {
	/* column width is 1/4 page: 250px (230 + 20 padding on right) */
	width: 240px; /**/
	padding-right: 10px; /**/
	display: block; 
	float: left;
/*	background: orange; /**/
}

.three-column {
	width: 720px; /**/
	padding-right: 10px; /**/
	display: block; 
	float: left;
}

.three-column-two {
	width: 720px; /**/
	margin-left: 130px;
	padding-right: 10px; /**/
	display: block; 
	float: left;
}

.three-column2 {
/*	border: 1px solid red; */
	width: 745px; /**/
	padding-right: 0px; /**/
	display: block; 
	float: left;
}


.column * {
/*	background: yellow; /**/
}
.two-column {
	/* two column width is 1/2 page: 500px (480 + 20 padding on right) */
	width: 490px; /**/
	
	padding-right: 10px; /**/
	display: block; 
	float: left;
}

.two-column-np {
	/* two column width without padding: 500px */
	width: 500px; /**/
	display: block; 
	float: left;
}

.wide-column {
	/* width is 1/2 3 columns: (250px * 3) / 2 (20 padding on right) */
	/* almost 2/5 width of page */

	width: 355px; /**/
	padding-right: 20px; /**/
	display: block; 
	float: left;
}

.skip-column {
	margin-left: 250px;
}

.skip-half-column {
	margin-left: 125px;
}

.whole-column {
	height: 100%;
/*	border: 1px solid red; /**/
}

.row {
	clear: left;
}
/*
.visible {
	visibility: hidden;
}
.hidden {
	visibility: hidden;
}
*/

.thumbnails {
	/*	width: 63em; /**/
}

.thumbnailrow {
	margin-bottom: 1em;
	width: 100%;
}

.thumbnail, .kioskitem {
	width: 100px;
	float: left;
/*	min-height: 10em; /**/
/*	vertical-align: middle;	
/*	padding: 1em; */
/*	padding-bottom: 1em;
/*	margin-bottom: 4em; */
/*	margin-bottom: 4em; */
	text-align: center;
}
.kioskitem {
	margin-right: 2em;
}

.thumbnail p {
	width: none !important; 
	padding: 0em;
	margin: 0em;
/*	width: 12em; /**/
	vertical-align: middle !important;
	text-align: center;
/*	border: 1px solid red;/**/
	/* to align vertically, there must be an absolute 
	   line height, >2ems less than the div, above. */
/*	line-height: 7em;  /**/
}

.thumbnailimage {
	height: 100%;
/*	border: 1px solid red !important; /**/
	margin: auto;
}
.thumbnail p {
/*	border: 1px solid red !important; /**/

}

#navigation {
	display: block;
	padding-left: 20px;
	padding-right: 20px;	
	padding-top: 0em;
	border-top: 1px solid white; /**/
/*	border: 1px solid red; /**/
	height: 42px;
}

#navigation ul {
	display: block;
/*	text-indent: 0px !important;
	margin-left: 0px !important; */
	padding: 0;
	margin: 0;
	margin-top: 1em;
/*	border: 1px solid red; /**/
/*	border: 1px solid yellow; /**/
/*	width: 100%;
	
	list-style-type: none;
/*	margin-top: 12px;
	margin-bottom: 30px; */
}

#navigation li { 
	text-indent: none;
	margin-left: none;
	padding-left: none;

	display:  block; 
	float: left; 
/*	height: 1.5em; /**/
	height: 45px; 
	width: 115px; 
/*	margin-left: 10px; */
	vertical-align: middle;
	}

#navigation li + li {
	margin-left: 10px; 
}

#navigation li  a, #navigation li  a:hover, #navigation li a:visited { 	
	display: block;
	color: white; 
	vertical-align: middle;
	text-align: left;
	width: 100%;
/*	border: 1px solid white; /**/
}	


option {
/*	max-width: 500px;
	overflow: scroll; */
	width: auto !important;
}

#splash {
	height: 400px;
}


.mainContent, .popWindow, #splash {
	height: 600px;
}



#photos img1 {
	height: 100%;
	width: 100%;
}

   
#photoThumbnails {
    position: fixed;
    bottom: 30px;
    z-index: 1000;
    width: 1000%;
    background-color: #333;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 20px;    
    visibility: hidden;
}

.frame {
    width: 1000px;
    margin-left: 30px;
}

.canvas {
/*    margin-left: 20px; /**/
/*    border: 1px solid orange; /**/
}

#photoThumbnails li.left { 
	text-indent: 5000px;
	display: block;
	position: fixed;
	left: 10px;
	height: 100px;
	bottom: 22px;
}

#photoThumbnails .left a { 
	color: none;
	height: 100%;
	height: 100px;
	width: 50px;
	display: block;
	background-image: url(/images/left-gray-thumb.png);
	background-repeat: no-repeat;
}

#photoThumbnails li.right { 
	text-indent: 5000px;
	display: block;
	position: fixed;
	left: 1070px;
	height: 100px;
	bottom: 22px;
}

#photoThumbnails .right a { 
	height: 100%;
	height: 100px;
	width: 50px;
	display: block;
	background-image: url(/images/right-gray-thumb.png);
	background-repeat: no-repeat;
}

.byline {
	color: white;
}

#photos .popupControls {
	visibility: hidden;
}

a:visited {
 color: none;
}
a:hover {
 color: none;
}