
* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 62.5%;
}

body {
  font-size: 1em;
}

body {
  background-color: white;
  background-image: url(http://lukaslodge.com/images/background.png);
  background-repeat: repeat-x;
  line-height: 160%;
}

li {
  margin-left: 1em;
}

p {
  margin: 1em 0;
}

div#wrapper {
  background-color: #eeeeec;
  width: 75%;
  margin: 48px auto 16px;
  border: 20px solid white;
  padding: 16px;
  -webkit-box-shadow: 0px 0px 15px #2e3436;
  -moz-box-shadow: 0px 0px 15px #2e3436;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2e3436, offX=0, offY=0, positive=true);
}

img#logo {
  margin: auto;
  display: block;
}

/* links + navigation */

a img#logo {
  border: none;
}

div#content {
  margin: 36px 8px 0;
  font-size: 1.2em;
  font-family: sans-serif;
}

a {
  text-decoration: none;
}

div#nav a {
  color: #888a85;
  padding: 4px;
}

div#nav a:hover {
  background-color: white;
}

div#nav {
  font-variant: small-caps;
  text-align: center;
  color: #888a85;
  font-size: 1.5em;
  word-spacing: 24px;
  margin-top: 12px;
}

/* booking links */

p.pricing {
  text-align: center; 
  margin-left: 5em;
  margin-right: 5em;
}

p.booking {
  text-align: center;
}

ul.booking li {
  display: inline;
  font-size: 1.5em;
  border: 1px solid #888a85;
  padding: 8px;
  background-image: url(http://lukaslodge.com/images/button.jpg);
  background-repeat: repeat-x;
  background-color: #f4f4f4;
}

ul.booking li a {
  color: #555753;
}

ul.booking li:hover {
  border: 1px solid black;
}
  

ul.booking {
  display: block;
  margin: 24px auto 12px;
  text-align: center;
}

/* home page slideshow */

div#slideshow {
  margin: 0px auto 24px;
}

/* directions */

div#directions div.photo {
  margin: 16px;
  text-align: center;
}

div#directions div.photo img {
  border: 10px solid white;
  -webkit-box-shadow: 0px 0px 15px #2e3436;
  -moz-box-shadow: 0px 0px 15px #2e3436;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2e3436, offX=0, offY=0, positive=true);
}

div#directions div.intro {
  margin: 14px 0;
}

/* about */

img.about {
  margin: auto;
  display: block;
  border: 10px solid white;
  -webkit-box-shadow: 0px 0px 15px #2e3436;
  -moz-box-shadow: 0px 0px 15px #2e3436;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2e3436, offX=0, offY=0, positive=true);
}

div.slideshow {
  margin: auto;
  display: block;
  border: 10px solid white;
  -webkit-box-shadow: 0px 0px 15px #2e3436;
  -moz-box-shadow: 0px 0px 15px #2e3436;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2e3436, offX=0, offY=0, positive=true);
}

/* landscape slideshows */
div#rooms, div#facilities, div#slideshow {
  width: 500px;
  height: 334px;
}

/* portrait slideshows */
div#location, div#cottage {
  width: 334px;
  height: 500px;
}


/* reviews */
div#reviews li {
  margin: 0.5em 1em 0.5em;
  list-style-type: square;
}

div#reviews li div.author {
  font-size: 0.7em;
  color: gray;
  font-variant: small-caps;
}

/* map */
div#gmap {
  width: 600px;
  height: 400px;
  border: 10px solid white;
  margin: 24px auto;
  -webkit-box-shadow: 0px 0px 15px #2e3436;
  -moz-box-shadow: 0px 0px 15px #2e3436;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2e3436, offX=0, offY=0, positive=true);
}

div#map div.intro {
  margin: 14px auto;
  width: 600px;
  font-size: 0.8em;
  color: gray;
}
