html, body { border: 0; margin: 0; padding: 0; height: 100%; max-height: 100%;  }

body { font: 0.8125em Verdana, sans-serif; line-height: 1; }           
  
img { border: none }

/* Menu bar layout */

#container {
   width: 100%;
   height: 100%;
   min-height: 100%;
   z-index: 4;
}

#menuwrapper, #controlswrapper {
   margin: 0;
   z-index: 10;
   position: absolute;
}

#menu {
  margin: 0 auto;
  overflow: hidden;
}

#menupadding {
   margin: 0;
   padding: 0;
}

#menu table, #controls table {
   height: 100%;
   width: 100%;
}   

#menuitems {
   vertical-align: middle;
   width: auto;
   padding: 0;
   margin: 0;
}   

#menuitems ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   background: red;
}

.topmenu #menuitems li {
   display: inline;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.leftmenu #menuitems li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/* Content layout */

#content ul, #content ol {
   margin-top: 13pt;
   margin-bottom: 13pt;
   margin-left: 7%
}

#contentCenterer {
   margin: 0 auto;
}

#content h1 {
   font-size: 180%;
}

#content h2 {
   font-size: 130%;
}

#content h3 {
   font-size: 110%;
}

#content p {
}

#brandingwrapper {
   z-index: 5;
}

/* Gallery Index */

#albumIndex {
   margin: 0 auto;
}

#content a.albumLink, #content a.albumLink:hover {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: transparent;
   z-index: 5;
}

.albumBox {
  overflow: hidden;
  position: relative;
  float: left;
}

.albumThumb {
   float: left;
}

.albumText {
}

/* Contact page */

#contact-area {
   display: inline-block;
   margin: 0 auto;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area td {
   vertical-align: top;
}

#contact-area label {
   text-align: right;
}

.LV_invalid {
   display: block;
}   

.LV_valid {
   display: none;
} 

#thanks {
   text-align: center;
   font-weight: bold;
   margin-top: 70px;
}   

/* Gallery page */

#filmstripBackground {
   position: absolute;
   position: fixed;
   width: 100%;
}   

#menu {
   position: absolute;
   position: fixed;
}

#filmstripContainer {
   position: absolute;
   width: 100%;
   z-index: 2;
}
  
#filmstrip {
   position: absolute;
   width: 100%;
   white-space: nowrap;
   text-align: center;
}

.imageContainer {
   display: inline;
   padding: 0;
   height: 100%;
   position: relative;
}

.imageContainer img {
   height:100%;
   width: auto;
   padding: 0;
   margin: 0;
   border-style: solid;
   -ms-interpolation-mode:bicubic;
}

.descriptionWrapper {
   position: absolute;
   display: block;
   left: 0px;
   bottom: 3px;
   width: 100%;
}

.description {
   position: absolute;
   text-align: left;
   white-space: normal;
   overflow: hidden;
}

#controlsWrapperWrapper {
   position: absolute;
   position: fixed;
   bottom: 0;
   margin-left: auto;
   width: 100%;
   text-align: center;
   z-index: 3;
   overflow: hidden;
}

#controlsWrapper {
   float: left;
   position: relative;
   left: 50%;
}

#controls {
   float: left;
   position: relative;
   left: -50%;
}

#controls ul {
   list-style: none;
}

#controls li {
   display: block;
   float: left;
   list-style: none;
}

.button {
   font-family:  Arial, sans-serif;
   font-weight: bold;
}

#infobutton, #infobutton a {
}