body {
  font-family: Arial, Helvetica, Verdana, sans-serif ;
  font-size: .9em ;
  background-color: #444 ;
}

a {
  color: #50d ;
}

p {
  margin: .5em 0 1em 0;
}

strong {
  font-weight: bold ;
}

em {
  font-style: italic ;
}

.note,
.error,
.success {
  border: 2px solid #000 ;
  padding: .5em ;
  margin: .5em 0 ;
}
  .note {
    border-color: #336 ;
    color: #336 ;
    background-color: #aaf ;
  }
  .error {
    border-color: #633 ;
    color: #633 ;
    background-color: #faa ;
  }
  .success {
    border-color: #363 ;
    color: #363 ;
    background-color: #afa ;
  }
ul.error {
  list-style: disc ;
}
  ul.error li {
    margin-left: 2em ;
  }

div#header {
  background: #444 ;
  padding: 1.5em 2.5em 3.5em 2.5em ;
  color: #fff ;
}
  div#header h1 {
    font-size: 2em ;
    text-transform: lowercase ;
    height: 50px ;
  }
    div#header h1 span {
      display: none ;
    }
  div#header div#subtitle {
    display: none ;
  }

body#splash div#header {
  width: 580px ;
  margin: 0 auto ;
}

div#navigation {
  background: #333 ;
  height: 2em ;
  padding-left: 2em ;
  font-size: .9em ;
  text-transform: uppercase ;
  min-width: 70em ;
}
  div#navigation ul {
    margin-left: 402px ;
    line-height: 1em ;
  }
    div#navigation ul li {
      float: left ;
      border-right: 2px solid #333 ;
    }
      div#navigation ul li a {
        display: block ;
        padding: .5em ;
        color: #fff ;
        text-decoration: none ;
        letter-spacing: .2em ;
      }
      div#navigation ul li.selected a,
      div#navigation ul li a:hover {
        background: #111 ;
        color: #fff ;
      }
      
div#content {
  background-color: #fff ;
}
  div#content h2 {
    font-size: 1.5em ;
    margin: 0 0 .7em 0 ;
    text-transform: lowercase ;
  }
  div#content h3 {
    font-size: 1em ;
    margin: 0 0 1em 0  ;
    font-weight: bold ;
  }

/* FORM ELEMENTS... */

table.form {
  
}
  table.form tr th,
  table.form tr td {
    vertical-align: top ;
    padding: 0 .3em .3em 0 ;
    border: none ;
  }
  table.form tr th {
    padding-top: .4em ;
    text-align: right ;
  }
  table.form tr td {
    
  }

input.submitButton,
input.cancelButton,
input.warnButton {
  background-color: #666 ;
  border: 2px solid #000 ;
  margin: .5em .4em 0 0 ;
  color: #fff ;
  font-weight: bold ;
  padding: .25em .5em ;
  text-transform: uppercase ;
  cursor: pointer ;
}
  input.submitButton {
    background-color: #6d6 ;
  }
  input.warnButton {
    background-color: #900 ;
  }

div#page {
  min-height: 500px ;
  background: url(/images/content_background.gif) repeat-y top left ;
}
  div#page div#pagePhoto,
  div#page div#mediaPlayer {
    float: left ;
    width: 402px ;
    min-height: 500px ;
    background-color: #ddd ;
  }
  div#page div#mediaPlayer div#mediaContainer {
    padding: 2em ;
  }
  div#page div#mediaPlayer div#description {
    margin-top: .5em ;
  }
  div#page div#pageContainer {
    padding: 2em ;
    margin-left: 402px ;
  }
    div#page div#pageContainer div#pageContent {
      line-height: 1.3em ;
      color: #333 ;
      font-size: .93em ;
    }
  div#page div#blankContainer {
    padding: 2em ;
  }
    
div#splashSelector {
  border-top: 6px solid #000 ;
  border-bottom: 6px solid #000 ;
  background-color: #222 ;
  text-align: center;
}

div#splashPhotos {
  white-space: nowrap ;
  overflow: hidden ;
}
  div#splashPhotos img {
    border-left: 4px solid #000 ;
  }
  div#splashPhotos img.photo1 {
    background: url(/images/splash_photo_background_1.gif) repeat-y top left ;
    padding-left: 27px ;
    border-left: none ;
  }
  div#splashPhotos img.photo3 {
    background: url(/images/splash_photo_background_3.gif) repeat-y top right ;
    padding-right: 27px ;
  }

div#gallery div#browser {
  background-color: #eee ;
  width: 368px ;
  padding: 30px ;
  min-height: 450px ;
  float: left ;
}
  div#gallery div#browser div#resultString {
    font-style: italic ;
    margin: .5em 0;
    display:none ;
  }
  div#gallery div#browser div#pageNav,
  div#gallery div#browser div#keywordForm {
    margin: 0 0 1em 0;
  }
  div#gallery div#browser div#resultPhotos {
    
  }
    div#gallery div#browser div#resultPhotos div {
      float: left ;
      height: 110px ;
      width: 110px ;
      background-color: #fff ;
      border: 2px solid #aaa ;
      margin: 0 6px 6px 0 ;
      background-repeat: no-repeat ;
      background-position: 50% 50% ;
    }
      div#gallery div#browser div#resultPhotos div:hover,
      div#gallery div#browser div#resultPhotos div.selected {
        border-color: #000 ;
      }
      
div#gallery div#view {
  overflow: hidden ;
  padding: 30px ;
  min-height: 450px ;
}
  div#gallery div#view img {
    border: 4px solid #000 ;
    padding: 20px ;
    margin-bottom: .5em ;
  }
  div#gallery div#view div#photoTitle {
    font-size: 1.2em ;
    margin: 0 0 .2em 0 ;
  }
  div#gallery div#view div#photoCaption {
    font-style: italic ;
  }

/* MEDIA ELEMENTS... */

ul#mediaList {
  
}
  ul#mediaList li {
    padding: .5em ;
  }
  ul#mediaList li.selected {
    background-color: #ffc ;
  }
    ul#mediaList li h3 {
      margin-bottom: .5em ;
    }
    ul#mediaList li div.description {
      margin-left: 2em ;
    }

/* PACKAGE ELEMENTS... */

table#packageMatrix {
  font-size: .9em ;
  border-top: 1px solid #999 ;
  border-right: 1px solid #999 ;
}
  table#packageMatrix td,
  table#packageMatrix th {
    border-left: 1px solid #999 ;
    border-bottom: 1px solid #999 ;
    padding: .4em .6em ;
  }
  table#packageMatrix th {
    text-align: center ;
    font-weight: bold ;
  }
  table#packageMatrix td.checkCell {
    text-align: center ;
  }

div#packagePriceFootnote {
  font-size: .8em ;
  font-style: italic ;
  color: #999 ;
  margin: .5em 0 ;
}

/* CONTACT ELEMENTS... */

table#contactForm {
  font-size: .9em ;
  margin-top: 1em ;
}