/* {
border: 1px solid purple;
}*/

html, body {
  margin: 0;
  color: #738cde;
  font-family: verdana, sans-serif;
  background-image: url("images/sub_banner2.png");
  background-repeat: no-repeat;
  background-position: 150px 48px;
}

body#bookings p {
  margin-right: 20%;
}

body#oban_page p {
  margin-right: 35%;
}

a {
  color: #8000f8;
}

a:hover {
  background-color: #d6e0fe;
}

h1 span {
  display: none;
}

h1 img {
  position: absolute;
  width: 760px;
  top: 0;
}

h3#contact_details {
  margin-top: 50px;
}

#darkblue {
  background-color: #3f66d4;
  background-image: url("images/header2.gif");
  background-repeat: no-repeat;
  height: 48px;
  margin: 0;
}

#content {
  margin-left: 18%;
  margin-top: 75px;
  margin-right: 5%;
}


#home a, #aboutus a, #accommodation a, #contact a, #oban a {
  display: block;
  height: 30px;
  width: 156px;
  text-indent: -5000px;
}

#home a {
  background-image: url("images/home.gif");
}

#aboutus a {
  background-image: url("images/aboutus.gif");
}

#accommodation a {
  background-image: url("images/accommodation.gif");
}

#contact a {
  background-image: url("images/contact.gif");
}

#oban a {
  background-image: url("images/oban.gif");
}

#navbar {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  background-image: url("images/lightblue.gif");
  padding-bottom: 500px;
  background-repeat: no-repeat;
}

#navbar li {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#navbar li a:hover {
  background-position: 0% -30px;
}

#markies {
  position: absolute;
  top: 250px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}

#markies a {
  display: block;
  height: 60px;
  width: 156px;
  text-indent: -5000px;
  background-image: url("images/navbar_visit_markie_dans.png");
}

#markies a:hover {
  background-position: 0% -60px;
}

ul.side_images {
  list-style: none;
  float: right;
  margin-top: 100px;
  padding-right: 5%;
}

ul.side_images img {
  padding-bottom: 30px;
}

/* visit markie dans link 

#markie_dans {
  position: absolute;
  width: 235px;
  left: 40%;
  margin-top: 385px;
}

#markie_dans a {
  display: block;
  float: right;
  background-image: url(images/visit_markie_dans.png);
  background-repeat: no-repeat;
  padding-right: 240px;
  padding-bottom: 60px;
  width: 0;
  border: 1px solid #738cde;
}

#markie_dans span {
  display: none;
}

#markie_dans a:hover {
  background-position: 0px -60px;
}

#markie_dans a {
  border: none;
}*/

/*accommodation*/

ul.button_links {
  list-style: none;
  padding-bottom: 29px;
  margin-bottom: 50px;
}

ul.button_links span {
  display: none;
}

ul.button_links li {
  display: inline;
}

ul.button_links a {
  float: left;
  display: block;
  padding-bottom: 29px;
  padding-right: 200px;
  width: 0;
  background-repeat: no-repeat;
}

li#dorm a {
  background-image: url(images/dorm_beds.png);
}

li#guest a {
  background-image: url(images/guest_rooms.png);
}

li#sea a {
  background-image: url(images/seaview_rooms.png);
}

li#about_oban a {
  background-image: url(images/about_oban.png);
}
li#location a {
  background-image: url(images/location.png);
}

li#directions a {
  background-image: url(images/directions.png);
}

#dorm a:hover, #guest a:hover, #sea a:hover, #about_oban a:hover, #location a:hover, #directions a:hover {
  background-position: 0px -29px;
  background-color: transparent;
}

th#space {
  width: 60px;
}

table td {
  width: 10%;
}

table td+td {
  text-align: center;
}

th {
  font-size: 95%;
}

table tbody td {
  background-color: #d6e0fe;
}

table tbody tr.even td, th.white, td.white  {
  background-color: #fff;
}

td.white {
  width: 3%;
}

ul.footnotes {
  list-style-type: square;
}

.accomodation_images {
  text-align: center;
}

.accomodation_images li {
  display: inline;
  padding-right: 5%;
}

/*Oban */

#interesting_links td, #travel_links td {
  background-color: transparent;
  text-align: left;
}

.top_of_page {
  text-align: right;
  font-size: small;
}

#tartan {
  clear: both;
  background-image: url("images/tartan.gif");
  background-repeat: repeat-x;
  height: 85px;
}