body
{
  padding: 0px;
  margin: 16px auto;
  width: 960px;
  color: #ccc;
  background-color: #000000;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a { color: #ccc; }

a:hover { color: #fff; }

#main {
    position: relative;
}

#nav {
    width: 960px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

/* navigation bar */
#nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#nav li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
}

#nav a {
  display: block;
  margin: 0 0 0px 0;
  padding: 4px 10px;
  text-align: right;
  text-transform:uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  color: #888;
}

#nav a:hover {
  background: #333;
  color: #fff;
}

body#index a#nav-index,
body#house a#nav-house,
body#grounds a#nav-grounds,
body#eat a#nav-eat,
body#todo a#nav-todo,
body#environment a#nav-environment,
body#enquiries a#nav-enquiries
{
/*  background: #222; */
  color: #fff;
}


/* generic bits */

h1, h2 {
  position: relative;
  display: block;
  text-indent: -2000px;
  background-repeat: no-repeat;
  background-position: top left;
}

/*
.welcome {
    padding: 0px 0px 30px 0px;
}
*/

.welcome span {
  padding: 0px 0px 10px 0px;
  display: block;
  color: #666;
/*  font-weight: bold; */
  font-size: 18px;
}

.blurb {
  position: absolute;
  margin: 0px;
  padding: 10px 10px 10px 10px;
  top: 0px;
  left: 0px;
  width: 500px;
  background-repeat:no-repeat;
/*  outline: 1px solid #000044;  */
}

.photos {
  position: absolute;
  top: 100px;
  left: 600px;
  padding: 0px 0px 0px 10px;
  margin: 0px;
  width: 350px;
/*  outline: 1px solid #440000; */
}

.photos img {
    padding-bottom: 10px;
}


/* page-specific bits */
body#index h1 {
  width: 415px;
  height: 55px;
  background-image: url( 'img/theglasspavilion_txt.png' );
  left: -20px;
}

body#enquiries .photos,
body#environment .photos {
  top: 0px;
}
body#enquiries .blurb {
    top: 80px
}

body#house h2 { width: 415px; height: 55px; background-image: url( 'img/thehouse_txt.png' ); }
body#grounds h2 { width: 283px; height: 55px; background-image: url( 'img/thegrounds_txt.png' ); }
body#eat h2 { width: 355px; height: 46px; background-image: url( 'img/butwhattoeat_txt.png' ); }
body#todo h2 { width: 407px; height: 45px; background-image: url( 'img/ohwhatshallwedo_txt.png' ); }
body#environment h2 { width: 263px; height: 50px; background-image: url( 'img/environment_txt.png' ); }