html { overflow: -moz-scrollbars-vertical; } /* Always show scrollbar in FF (even if not required) */
/*
=================================================================================
  Global Reset
=================================================================================
*/
  *{
    margin: 0;
    padding: 0;
    }

/*
=================================================================================
  Text Content Styles
=================================================================================
*/

  img{
    border: 0;
    }
  a:link,
  a:visited,
  a:active
  {
    text-decoration: underline;
    color: #B69452;
    }
  a:hover{
    text-decoration: none;
    }
  p{
    padding-bottom: 22px;
    }
    p.subPara{
      font-size: 11px;
      line-height: 16px;
      padding-bottom: 14px;
      }
  ul{
    margin-top: -6px;
    padding-bottom: 22px;
    }
    ul li{
      list-style: none;
      padding-left: 8px;
      background: url(../img/bullet.gif) 0 10px no-repeat;
      height: 1%; /* Stop IE6 from losing the bullet */
      }
  h1{
    font-size: 36px;
    line-height: 40px;
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0 0 18px 0;
    }
  h2{
    font-size: 17px;
    line-height: 22px;
    font-weight: normal;
    color: #ccc;
    padding: 0;
    margin: 0;
    }
  h3{
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
    color: #ccc;
    padding: 0;
    margin: 0 0 15px 0;
    }
	h4{
    font-size: 11px;
    line-height: 22px;
    font-weight: normal;
		font-style: normal;
		text-transform: uppercase;
	  letter-spacing: 2px;
		color: #fff;
		padding-bottom: 12px;
		}
  .clearer{
    clear: both;
    }  
/*
==========================================================================
  This makes #outer as tall as the browser window if the page content is
  too short to make this happen naturally, ensuring background swirls 
  aren't cut off.
==========================================================================
*/
  html,
  body,
  * html #outer           /* IE6 */
  {
    height: 100%;
    }
  #outer
  {
    min-height: 100%;
    }
/*
==========================================================================
*/

/*
=================================================================================
  Begin Layout
=================================================================================
*/
body {
  text-align: center;
  background: #02071e url(../img/bg_body.gif) 0 0 repeat-x;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 22px;
  color: #B69452;
  font-style: italic;
	min-width: 900px;
  }
  #outer{
    width: 100%;
    background: url(../img/bg_swirls.gif) center 0 no-repeat;
    background: url(../img/bg_swirls_wiiiiide.gif) center 0 no-repeat;
    }
  #inner{
    width: 900px;
    margin: auto;
    position: relative;
    z-index: 2;
    }
    #flair{
      z-index: 1;
      }
    #header,
    #content
    {
      position: relative;
      z-index: 2;
      }
/*
=================================================================================
  Header Including Navigation
=================================================================================
*/
    #header{
      height: 210px;
      }
      #nav{
        position: absolute;
        bottom: 0;
        left: 125px;
        }
        #nav a{
          float: left;
          padding: 0 13px 0 13px;
          text-decoration: none;
          background: url(../img/bg_activeMenuItem.gif) center -1000px no-repeat;
          font-size: 11px;
          letter-spacing: 2px;
          color: #CAB46F;
          font-style: normal;
          }
        #nav a:hover{
          background-position: center 0;
          }
          #nav a img{
            height: 50px;
            background: url(../img/text_mainMenu.gif) 0 25px no-repeat;
            }
      #logo{
        position: absolute;
        left: 354px;
        top: 57px;
        width: 193px;
        height: 75px;
        }
      #buttonReserve{
        position: absolute;
        right: 47px;
        top: 0;
        width: 204px;
        height: 43px;
        }

/*
=================================================================================
  Slideshow With Thumbs
=================================================================================
*/
      #slideshow,
      #largeSlide,
			#largeSlide img,
      #slideshowNav
      {
        height: 386px;
				overflow: hidden;
        }
      #slideshow{
			  overflow: visible;
			  }

      #slideshow{
        position: relative;  
        width: 900px;
        margin-bottom: 30px;
        /* background: #fff; */
        background: #020b33;
        }
        #largeSlide{
          float: left;
					position: relative;
					z-index: 1;
          }
        #largeSlide,
          #largeSlide img
          {
            width: 651px;
            }
          #largeSlide img{
            display: none;
            }
        #slideshowNav{
          float: right;
          width: 247px;
          border-left: solid 2px #B69452;
          }
          #slideshowNav img{
            width: 247px;
            height: 95px;
            border-bottom: solid 2px #B69452;
            background-position: 0 0;
            background-repeat: no-repeat;
            cursor: pointer;
            }
          /* #slideshowNav img.hovered, */
          #slideshowNav img.active
          {
            background-position: 0 -95px;
            cursor: default;
            }
          #slideshowNav img.last{
            border-bottom: none;
            }

				#slideshowFrameLeft,
				#slideshowFrameRight
				{
				  position: absolute;
					top: 0;
					width: 56px;
					height: 386px;
					background-position: 0 0;
					background-repeat: no-repeat;
					z-index: 999;
				  }
				#slideshowFrameLeft{
					left: -36px;
				  background-image: url(../img/flair_slideFrameL.png);
				  }
				#slideshowFrameRight{
					right: -36px;
				  background-image: url(../img/flair_slideFrameR.png);  /* Could use sprites but supersleight() would break it in IE6 */
				  }

/*
=================================================================================
  Slideshow Without Thumbs
=================================================================================
*/
    #rotation{
      position: relative;  
      width: 900px;
      margin-bottom: 45px;
      background: url(../img/bg_rotations.jpg) 0 0 no-repeat;
      }
			#rotation #rotationImages{
				float: left;
				}
			#rotation #rotationImages,
				#rotation #rotationImages img
				{
					width: 450px;
					height: 194px;
					position: relative;
					z-index: 1;
					}
				#rotation #rotationImages img{
					float: right;
					display: none;
					}
			#rotation h1{
				position: absolute;
				z-index: 1;
				}
      #rotation .flair{
        position: absolute;
        bottom: 0;
        z-index: 2;
        }

/*
=================================================================================
  Footer
=================================================================================
*/
    #footer{
      position: relative;
      z-index: 2;
      width: 100%;
      border-top: solid 1px #676A78;
      padding: 10px 0 10px 0;
      margin: 10px 0 0 0;
      text-align: center;
			text-transform: uppercase;
      }
    #footer,
      #footer a:link,
      #footer a:visited,
      #footer a:active
      {
        color: #666;
        font-size: 10px;
        letter-spacing: 3px;
        }
      #footer a:link,
      #footer a:visited,
      #footer a:active
      {
			  text-transform: none;
				font-variant: small-caps;
        font-style: normal;
				}
      #footer a#fbLink:link,
      #footer a#fbLink:visited,
      #footer a#fbLink:active
      {
			  /*
				font-size: 10px;
				letter-spacing: normal;
				*/
				}
				#fbLink img{
				  width: 16px;
					height: 16px;
					margin-bottom: -3px;
				  }

/*
=================================================================================
  Page Decorations e.g. Butterflies, Awards, etc.
=================================================================================
*/
    #flair .flair{
      position: absolute;
      background-position: 0 0;
      background-repeat: no-repeat;
      display: none;
      }