
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{

	margin:0;

	padding:0;

}



table{

	border-collapse:collapse;

	border-spacing:0;

}



fieldset,img{

	border:0;

}



address,caption,cite,code,dfn,em,strong,th,var{

	font-style:normal;

	font-weight:normal;

}



ol,ul{

	list-style:none;

}



caption,th{

	text-align:left;

}



h1,h2,h3,h4,h5,h6{

	font-size:100%;

	font-weight:normal;

}



q:before,q:after{

	content:'';

}



abbr,acronym{

	border:0;

}

/**/
#page {

	background-image: url(/images/grid.png);/**/

/*	background-position: top left; /**/

/*	background-position: -2px; /**/1

	background-repeat: repeat-y;

}



div {

	/* border: 1px solid gray; /**/

}



#content, #page, #menu, #footer, #container  {

/*	border: 1px solid orange; /**/

}



.row {

/*	border: 1px solid orange; /**/

}



.column {

/*	border: 1px solid red; /**/

/*	background: orange; /**/

}

.thumbnail {

/*	background: orange; /**/

}



object {

/*	border: 1px solid red; /**/

}



.highlight {

/*background: orange;/**/

}



div {

/*background: orange;/**/

/*border: 1px solid orange; /**/

}



#header {

/*	border: 1px solid orange; /**/

}



#navigation * {

/*	border: 1px solid red; /**/

}



#navigator * {

/*	border: 1px solid red; /**/

}





div {

/*	border: 1px solid orange; /**/



}



div1 {

	border: 1px solid red;

}


#mail label {

	color: rgb(119, 119, 119);

	font-size: 1.2em;

	clear: left;

	display: block;

}



#mail div.subfield {

	display: block;

	float: left;

/*	margin-right: 8px; */

	margin-bottom: 1em; /**/

}



#mail div.subfield + .subfield {

	margin-left: 8px;

}





#mail input, #mail textarea {

	font-size: 18px;

/*	padding: 0.15em; */

	padding-left: 0.5em;

	padding-right: 0.5em;

	color: #333;

	background-color: #ddd;

	border: 1px solid #bbb;

}



#mail input {

/*	border: 1px solid rgb(238, 238, 238); */

	padding-top: 5px;

	padding-bottom: 5px;	

	width: 350px;

	margin-top: 1em;

}



#mail input.labelled {

	color: #999;

	font-size: 1em;

}



#mail textarea {

	width: 300px !important;

}



#mail input.city {

	width: 205px;

}



#mail input.state {

	width: 40px;

}



#mail input.zip {

	width: 50px;

}



#mail legend {

	font-size: 1.5em;

	margin-left: 0em;

	padding-left: 0em;

}



#mail textarea {

	width: 363px;

	height: 430px;

}



#mail fieldset {

	border: none;

	margin-bottom: 2em;	

}



#mail div.checkboxgroup {

	display: block;

	clear: both;

	width: 100%;

}



#mail div.checkboxgroup div {

	display: block;

	clear: both;

	width: 100%;

	margin-left: 1em;

}



#mail div.checkboxgroup input {

	float: left;

}



#mail div.checkboxgroup label {

	float: left;

	clear: none;

	margin-left: 1em;

}



#mail fieldset .radiogroup div {

	width: 88px;

}



#mail .buttons {

	background-color: white;

	border: 1px solid gray;

	color: red;

	font-size: 90%;

	letter-spacing: 0.2em;

	margin-bottom: 2em;

	padding: 1em;

	text-align: center;

	text-transform: uppercase;

	width: 7em;

}



#contact .description {

	padding-top: 0.5em;



}



#contact p  {

/*	letter-spacing: 0.07em; */

	line-height: 1.35;

	padding-right: 2em;

}



#contact p + p {

	margin-top: 1em;

}



#contact p + h4 {

	margin-top: 2em;

}



#mail button {

	border: 1px solid gray;/**/

/*	border: None;

/*	padding: 1em; */

/*	background: black;

/*	width: 8em;	/**/

	background: #ggg;

	color: #333;

	width: 100px;	/**/

	height: 3em;

	padding: 0.5em 0.75em 0.5em 0.75em;

/*	margin-left: 0.75em; /**/

	margin-top: 3em;

	margin-left: 3em;

	text-transform: uppercase;

	letter-spacing: 0.2em;

}



#mail button + button {

	margin-top: 3em;

}



#mail button:hover {

	color: red;

}



.column, .wide-column, .two-column, .three-column {

/*	border: 1px solid red; */

}





#mail legend, #mail label {

	font-size: 1em;

	text-transform: uppercase;

	letter-spacing: 0.15em;

	margin-bottom: 0.5em;

	margin-top: 1em;

}



#mail label {

	font-size: 0.8em;

}



.mailContent {

	color: #777;

	width: 960px;

/*	background: #eee; /**/

/*	border: 1px solid red; /**/

	display: block;

	padding-bottom: 4em;

	padding-top: 80px;

	padding-left: 150px;;

/*	height: 600px; /**/

}



.mailContent {

	top: 0px;

	position: fixed;

	width: 100%;

	height: 100%;

	background-image: url('/images/images/t1_crop.jpg/w/1350');

	background-repeat: no-repeat; /**/

	background-position: 0% 0%;

}



#emailForm {

	width: 800px;

/*	height: 700px; /**/

	height: 80%;	

	display: block;

	background: #eee;

	padding: 1em;

    opacity: 0.7;

	filter: alpha(opacity = 70);

}



.emailColumn {

	width: 525px !important;

}



.tabs a {

	font-size: 12px !important;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	color: gray !important;

}



#mailtabs {

	margin-top: 2em;

	width: 100%;

}



#mailtabs .panel {

	padding: 0em;

	padding-top: 1em;

	z-index: 50;

}



#mailtabs ul.tabs li.selected {

/*	border-bottom: 1px solid #eee; /**/

	border: 1px solid #bbb;

	border-bottom: 1px solid #eee; /**/

}



#mailtabs .panel {

	border-top: 1px solid #bbb;

}

#mailtabs ul.tabs li {

	margin: 0px 0.4em -1px 0px !important;

/*	border-bottom: 1px solid black; /**/

	border: None;



}
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;

}






/*

h1, h2, h3, h4, h5 {

*/

h1, h2, h3 {

/*	font-size: 11px; */

	text-transform: uppercase;

	letter-spacing: 0.2em;

}



h1, h2, h3, h4, h5 {

	line-height: 1.5;

}



h4, h5 {

/*

	letter-spacing: 0.15em;

	line-height: 0.75;

*/	

    font-size: 0.8em; 

	line-height: 1.3;    

}



* {

	font-family: sans-serif; 

/*	color: gray; /**/

	}

a { text-decoration: none; }



a:active { border: None !important; } 

a:hover {

/*    color: red; /**/

}
html { 

/*	background: rgb(221, 221, 221); */

/*	background: rgb(200, 200, 200);	 */

/*    background: black; /**/

	}

	

#header, #footer { 

    background: #333; /**/

}	



#container, .container {

/*	background: white; */



}



#header { 

/*	border: 1px solid red; /**/

/*	background: white; */

}



.breadcrumb a:hover {

/*	color: red; */

}



#page {

/*    background: black; /**/

}
