ul.map {
  background: url(images/holmepierrepont.jpg) no-repeat;
  border: 1px solid #999;
  margin: 0px;
  padding: 0px;
  text-align:left;
  width: 836px;
  height: 836px;
  position: relative;
}

ul.map li {
  display: inline;
}


ul.map a.location {
  display: block;
  outline: none;
  text-decoration: none;

  position: absolute;
  z-index: 10;
}


ul.map a#CarParking1 {
  background: url(images/parking.png) no-repeat;
  top: 370px;
  left: 330px;
  width: 32px;
  height: 32px;
}
ul.map a#CarParking1:hover {
  background: url(images/CarPark1-hover.png) no-repeat;
  top: 370px;
  left: 330px;
  width: 320px;
  height: 32px;
}

ul.map a#CarPark2 {
  top: 446px;
  left: 382px;
  background: url(images/Parking.png) no-repeat;
  width: 32px;
  height: 32px;
}
ul.map a#CarPark2:hover {
  background: url(images/CarPark1-hover.png) no-repeat;
  top: 446px;
  left: 382px;
  width: 320px;
  height: 32px;
}
ul.map a#CarPark3 {
  top: 660px;
  left: 360px;
  background: url(images/Parking.png) no-repeat;
  width: 32px;
  height: 32px;
}
ul.map a#CarPark3:hover {
  background: url(images/CarPark1-hover.png) no-repeat;
  top: 660px;
  left: 360px;
  width: 320px;
  height: 32px;
}
ul.map a#BlottsPit {
  background: url(images/Blotts.png) no-repeat;
  top: 490px;
  left: 360px;
  width: 116px;
  height: 80px;
}
ul.map a#BlottsPit:hover {
  background: url(images/Blotts-hover.png) no-repeat;
  top: 490px;
  left: 360px;
  width: 116px;
  height: 80px;
}


ul.map a#FPonds {
  background: url(images/FPonds.html) no-repeat;
  top: 320px;
  left: 500px;
  width: 32px;
  height: 32px;
}
ul.map a#FPonds:hover {
  background: url(images/Finger-hover.png) no-repeat;
  top: 320px;
  left: 500px;
  width: 32px;
  height: 32px;
}

ul.map a#A52 {
  background: url(images/A52.png) no-repeat;
  top: 560px;
  left: 40px;
  width: 240px;
  height: 115px;
}
ul.map a#A52:hover {
  background: url(images/A52-hover.png) no-repeat;
  top: 560px;
  left: 40px;
  width: 240px;
  height: 115px;
}

ul.map a#Skylarks {
  background: url(images/Skylarks.png) no-repeat;
  top: 380px;
  left: 230px;
  width: 100px;
  height: 32px;
}
ul.map a#Skylarks:hover {
  background: url(images/Skylarks-hover.png) no-repeat;
  top: 380px;
  left: 230px;
  width: 100px;
  height: 32px;
}

ul.map a#FPonds {
  background: url(images/Finger.png) no-repeat;
  top: 260px;
  left: 420px;
  width: 120px;
  height: 80px;
}
ul.map a#FPonds:hover {
  background: url(images/Finger-hover.png) no-repeat;
  top: 260px;
  left: 420px;
  width: 120px;
  height: 80px;
}