/* Elements */
    body
    {
      background-color: Black;
      overflow-y: hidden;
      margin: 0;
      border: 0;
    }
    
    div
    {
      z-index: 1;
    }

    h1
    {
      font-size: 1em;
      text-decoration: underline;
      font-style: italic;
    }

    h2
    {
      font-size: 1em;
      font-weight: bold;
    }


/* Classes */

  /* Transparencies */ 
    .transparent
    {
      opactiy: .2;
      filter: alpha(opacity=20);
      -moz-opacity: .2;
      -khtml-opacity: 0.2;
    }

  /* Border Properties */

    .border
    {
      margin: 0px;
      border-style: solid;
      border-width: 10px;
    }

    .brdrSlateGray
    {
       border-color: #708090;
    }

    .brdrBlue
    {
      border-color: #DD00EE;
    }

    .brdrGreen
    {
      border-color: #00EE00;
    }

  /* Backgrounds */

    .bg00FF00
    {
      background-color: green;
    }

    .bg0000FF
    {
      background-color: blue;
    }

    .bgDD00FF
    {
      background-color: #FFFFFF;
    }

    .bgFFFFFF
    {
      background-color: white;
    }

    .bg000000
    {
      background-color: black;
    }

    .pageBackground
    {
      position: absolute;
      text-align: center;
      top: 0px;
      height: 100%;
      width: 100%;
      z-index: -2;
    }

    .pageBackground img
    {
      height: 100%;
      width: 100%;
    }

  /* Positions */

    .posTop
    {
      position: absolute;
      top: 0px;
      text-align: right;
      width: 100%;
      height: 15%;
    }

    .posRight
    {
      position: absolute;
      width: 33%;
      margin-right: 15px;
      height: 75%;
      right: 0px;
      top: 14%;
    }


    .posLeft
    {
      position: absolute;
      text-align: center;
      width: 63%;
      margin-left: 15px;
      height: 75%;
      left: 0px;
      top: 14%;
    }
 
    .galleryContainer
    {
      display: block;
    }
    


  /* Images */

    .logo
    {
      margin-top: 1%;
      margin-left: 1%;
    }

    .shrink
    {
      height: 75px;
      bordeR: 0px;
    }

  /* Controls */

    #dock
    {
      position: absolute;
      bottom: -30px;
      width: 100%;
      text-align: center;
    }
    
    #myGallery
    {
      width: 600px !important;
      height: 450px !important;
    }

    .posLeft .spiffyfg
    {
      align: center;
    }

    div.menu
    {
       position: absolute;
       top: 7%;
       right: 1%;
    }
    ul.menu
    {
      display: block;
      list-style: none;
    }
    .menu li
    {
      list-style: none;
      display: inline;
      padding-right: 10px;
      font-weight: bold;
      color: White;
      font-family: Century Gothic;
    }

    .menu li a
    {
      color: #FFFFFF;
      text-decoration: none;
    }
    .menu li a:hover
    {
      color: #AAAAAA;
      text-decoration: overline;
    }

  /* Layering */

    .zbg
    {
      z-index: -1;
    }
 
    .zTopmost
    {
      z-index: 9999;
    }

  /* Rounded Div Corners */

  .spiffy{display:block}

  .spiffy *{
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
  }

  .spiffy1{
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #333344;
    border-right:1px solid #333344;
    background: #333344}

  .spiffy2{
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #333344;
    border-right:1px solid #333344;
    background:#333344;}

  .spiffy3{
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid #333344;
    border-right:1px solid #333344;}

  .spiffy4{
    border-left:1px solid #333344;
    border-right:1px solid #333344;}

  .spiffy5{
    border-left:1px solid #333344;
    border-right:1px solid #333344;}

.spiffyb1{
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #DDDDEE;
    border-right:1px solid #DDDDEE;
    background: #DDDDEE;}

  .spiffyb2{
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #DDDDEE;
    border-right:1px solid #DDDDEE;
    background:#DDDDEE;}

  .spiffyb3{
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid #DDDDEE;
    border-right:1px solid #DDDDEE;
    background:#CCCCDD;
    }

  .spiffyb4{
    border-left:1px solid #DDDDEE;
    border-right:1px solid #DDDDEE;
    }

  .spiffyb5{
    border-left:1px solid #DDDDEE;
    border-right:1px solid #DDDDEE;}

  .spiffyfg{
    height: 100%;
    padding: 6px;
    padding-left: 0px;
  }

  /* Layout */

  .bgLeft .spiffy *, .bgLeft .spiffyfg{
    background: #778899;
  }

  .bgRight .spiffy *, .bgRight .spiffyfg{
    background: #778899;
  }

  .posRight .spiffyfg
  {
    overflow-y: auto;
  }


/*Photo Menu */

ul.photomenu
{
  list-style-type: none;
  list-style-image: none;
}

ul.photomenu lh
{
  font-style: oblique;
  font-weight: bold;
  display: block;
  font-size: 1em;
}

ul.photomenu li
{
  padding: 5px 96px 5px 0px;
  margin: 5px;
  display: inline-block;
  padding-bottom: 90px;
}

ul.photomenu li div
{
  position: relative;
}

ul.photomenu li div a
{
  border: 0px;
  text-decoration: none;
}

ul.photomenu li div a:hover span
{ 
  opacity: 0.1;
  -moz-opacity: 0.1;
  filter: alpha(opacity=10);
  -khtml-opacity: 0.1;
}

ul.photomenu li div a span
{
  display: block;
  position: absolute;
  top: 6em;
  width: 7em;
  height: 2.5em;
  border-color: #222;
  border-left: 8px solid;
  border-right: 8px solid;
  border-top: 0px;
  border-bottom: 0px;
  background-color: #333;
  text-align: center;
  font-size: .8em;
  font-weight: bold;
  color: #333;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  z-index: 1;
}

ul.photomenu li div a:hover blockquote
{
  opacity: 0.1;
  -moz-opacity: 0.1;
  filter: alpha(opacity=10);
  -khtml-opacity: 0.1;
}

ul.photomenu li div a blockquote
{
  display: block;
  position: absolute;
  vertical-align: middle;
  top: 6em;
  width: 7em;
  height: 2.5em;
  margin: 0px;
  margin-left: 1em;
  padding: 0px;
  text-align: right;
  font-weight: bold;
  color: #CFCFCF;
  font-size: .8em;
  z-index: 2;
}


ul.photomenu li div a div
{
  position: absolute;
  height: 64px;
  z-index: 0;
}

ul.photomenu li div a div img
{
  height: 7em;
  border-width: 0px;
}

div.frontandcenter
{
  text-align: center;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}