* { margin: 0; padding: 0; }

body { font-family: 'Source Serif Pro', serif; font-size: 100%; }

h2 { color: #333; font-weight: lighter; margin-bottom: 1em; }
p { color: #4F5247; font-weight: lighter; line-height: 145%; margin-bottom: 1em; }

a.button { background: #93816B; border: 0; color: white; display: inline-block; margin-top: 10px; padding: 7px 7px; text-decoration: none; }

div.inner { margin: 0 auto; max-width: 1000px; width: 100%; }

#nav { background: #93816B; padding: 0.7em 0; width: 100%; }
#nav ul { list-style: none;text-align: center; }
#nav ul li { display: inline-block; line-height: 155%; margin: 0 10px; }
#nav ul li a { color: white; text-decoration: none; }
#nav ul li a:hover { color: #2C2C34; }
#nav ul li a.highlight { border: 1px solid white; padding-left: 7px; padding-right: 7px; text-transform: uppercase; }
#nav p { display: none; }


/* Logo */

#logo { background: #6B767A; height: 60px; position: relative; width: 100%; z-index: 500; }
#logo div.inner { text-align: center; }
#logo div.inner img { max-width: 349px; width: 40%; }


/* Slideshow */

#slideshow { /*border-top: 1px solid yellow;*/ margin: 0 !important; padding: 0 !important; width: 100%; }
#slideshow ul { /*border-top: 1px solid gold;*/ margin: 0 !important; padding: 0 !important; }
#slideshow ul li { /*border-top: 1px solid red;*/ margin: 0 !important; padding: 0 !important; }
#slideshow ul li img { /*border-top: 1px solid purple;*/ display: block; margin: 0 !important; padding: 0 !important; width: 100%; }
#slideshow ul li img.nudge { margin-top: -23px !important; }


/* Book Online */

#book { background: #2C2C34; padding: 2em 0; width: 100%; }
#book div.inner { text-align: center; }
#book div.inner h3 { color: white; border: 1px solid white; display: inline-block; font-weight: normal; margin-bottom: 1em; padding: 5px 7px; text-transform: uppercase; }
#book div.inner dl { display: inline-block; margin-right: 10px; }
#book div.inner dl dt { display: inline-block; color: white; margin-right: 10px; }
#book div.inner dl dd { display: inline-block; }
#book div.inner dl dd input { font-size: 0.9em; padding: 10px; }
input[type='submit'] { background: #93816B; border: 0; color: white; font-size: 0.9em; padding: 12px; }
input[type='submit']:hover { cursor: pointer; }
#startDate, #endDate { background: white url('scripts/datepicker/date.png') 94% center no-repeat !important; }

  @media screen and (max-width: 600px) {
    input[type='submit'] { margin-top: 1em; }
  }

  @media screen and (max-width: 400px) {
    #book div.inner dl { margin-bottom: 0.8em; margin-right: 0; width: 100%; }
    input[type='submit'] { clear: both; font-size: 1em; width: 165px; }
  }


/* Content */

#content { padding: 2em 0; width: 100%; }
#content div.text { display: inline-block; vertical-align: top; width: 50%; }
#content div.text div { margin: 0 1em; text-align: center !important;  }
#content div.side { display: inline-block; vertical-align: top; width: 50%; }
#content div.side img { margin-bottom: 1em; width: 100%; }

@media screen and (max-width: 555px) {
  #content div.text, #content div.side { width: 100%; }
}


  /* Homepage */

  div.row { margin-bottom: 1em; width: 100%; }
  div.row > img { width: 100%; }
  div.row div.inner { }
  div.row div.inner div.boxes { display: inline-block; width: 50%; }
  div.row div.inner div.boxes.left { text-align: right; }
  div.row div.inner div.boxes.right { text-align: left; }
  div.row div.inner div.boxes img { display: inline-block; width: 48%; }
  div.row div.inner div.boxes.left img.img1 { margin-left: 4%; }
  div.row div.inner div.boxes.right img.img0 { margin-right: 4%;}
  div.row div.inner div.text { text-align: center; }
  div.row div.inner div.text div { margin: 0 1em; }

    @media screen and (max-width: 600px) {
      div.row { margin-bottom: 0; }
      div.row div.inner div.boxes { width: 100%; }
      div.row div.inner div.text { margin: 1em 0; width: 100% !important; }
    }


/* Social */

#social { background: #93816B; padding: 2em 0; width: 100%; }
#social div.inner { text-align: center; }
#social div.inner img { margin: 0 10px; width: 50px; }


/* Footer */

#footer { background: #2C2C34; padding: 2em 0; width: 100%; }
#footer div.inner { text-align: center; }
#footer div.inner h4 { color: white; font-size: 2em; font-weight: normal; margin-bottom: 1em; }
#footer div.inner h4 a { color: white; }
#footer div.inner p { color: white; margin-bottom: 1em; }
#footer div.inner p.brown { color: #93816B; }
#footer div.inner p a { color: white; }

#footer div.inner p a.map { background: #6B767A; border: 0; color: white; display: inline-block; margin-top: 0px; padding: 7px 7px; text-decoration: none; }

  @media screen and (max-width: 600px) {
    #footer div.inner { line-height: 145%; }
    #footer div.inner h4 { font-size: 1em; }
  }