#omap {
	background-image: url(map.jpg);
	background-repeat: no-repeat;
	width: 665px;
	height: 578px;
	position: relative;
}

#omap li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#omap a {display: block; text-indent: -9999px; text-decoration: none;}

/*
## Calculating the link sizes from map.png ##

The 3px border round the red rectangles makes it tricky to work out the positions

width		:	rectangle width + 6
height		:	rectangle height + 6
left		:	rectangle x - 3
top			:	rectangle y - 581
left:hover	:	rectangle -(x - 3)
top:hover	:	rectangle -(y - 3)
*/


#cutlars {left: 160px; top: 140px; width: 86px; height: 58px; z-index: 40;}
#cutlars a {height: 58px;}
#cutlars a:hover {background: url(map.jpg) -160px -718px no-repeat;}

#eagles {left: 169px; top: 61px; width: 65px; height: 59px; z-index: 40;}
#eagles a {height: 65px;}
#eagles a:hover {background: url(map.jpg) -169px -639px no-repeat;}

#unicorn {left: 118px; top: 126px; width: 39px; height: 59px; z-index: 40;}
#unicorn a {height: 59px;}
#unicorn a:hover {background: url(map.jpg) -118px -704px no-repeat;}

#abbotsway {left: 254px; top: 76px; width: 120px; height: 58px; z-index: 40;}
#abbotsway a {height: 58px;}
#abbotsway a:hover {background: url(map.jpg) -254px -654px no-repeat;}

#abbotsway_iom {left: 376px; top: 85px; width: 29px; height: 36px; z-index: 40;}
#abbotsway_iom a {height: 36px;}
#abbotsway_iom a:hover {background: url(map.jpg) -376px -663px no-repeat;}

#dons_knowe {left: 531px; top: 86px; width: 40px; height: 40px; z-index: 40;}
#dons_knowe a {height: 40px;}
#dons_knowe a:hover {background: url(map.jpg) -531px -664px no-repeat;}

#pavillion {left: 423px; top: 119px; width: 54px; height: 43px; z-index: 40;}
#pavillion a {height: 43px;}
#pavillion a:hover {background: url(map.jpg) -423px -697px no-repeat;}

#tower {left: 505px; top: 117px; width: 30px; height: 72px; z-index: 40;}
#tower a {height: 72px;}
#tower a:hover {background: url(map.jpg) -505px -695px no-repeat;}

#loch {left: 380px; top: 161px; width: 125px; height: 58px; z-index: 40;}
#loch a {height: 58px;}
#loch a:hover {background: url(map.jpg) -380px -739px no-repeat;}

#tump {left: 296px; top: 173px; width: 66px; height: 51px; z-index: 40;}
#tump a {height: 51px;}
#tump a:hover {background: url(map.jpg) -296px -751px no-repeat;}

#lodge {left: 229px; top: 358px; width: 204px; height: 73px; z-index: 40;}
#lodge a {height: 73px;}
#lodge a:hover {background: url(map.jpg) -229px -936px no-repeat;}

#shore_path_01 {left: 92px; top: 419px; width: 52px; height: 46px; z-index: 40;}
#shore_path_01 a {height: 46px;}
#shore_path_01 a:hover {background: url(map.jpg) -92px -997px no-repeat;}

#shore_path_02 {left: 65px; top: 469px; width: 56px; height: 54px; z-index: 40;}
#shore_path_02 a {height: 54px;}
#shore_path_02 a:hover {background: url(map.jpg) -65px -1047px no-repeat;}

#shore_01 {left: 141px; top: 517px; width: 47px; height: 39px; z-index: 40;}
#shore_01 a {height: 39px;}
#shore_01 a:hover {background: url(map.jpg) -141px -1095px no-repeat;}

#waterfall_01 {left: 359px; top: 431px; width: 46px; height: 69px; z-index: 40;}
#waterfall_01 a {height: 69px;}
#waterfall_01 a:hover {background: url(map.jpg) -359px -1009px no-repeat;}

#shore_02 {left: 444px; top: 424px; width: 64px; height: 57px; z-index: 40;}
#shore_02 a {height: 57px;}
#shore_02 a:hover {background: url(map.jpg) -444px -1002px no-repeat;}

#waterfall_02 {left: 626px; top: 423px; width: 38px; height: 78px; z-index: 40;}
#waterfall_02 a {height: 78px;}
#waterfall_02 a:hover {background: url(map.jpg) -626px -1001px no-repeat;}

#cattle {left: 125px; top: 235px; width: 81px; height: 41px; z-index: 40;}
#cattle a {height: 41px;}
#cattle a:hover {background: url(map.jpg) -125px -813px no-repeat;}

/***************** Highslide containers */

.map_img {
	padding: 5px;
	text-align: center;
}

.map_img img {
	display: block;
	border: 1px solid silver;
	padding: 2px;
}

.map_caption {
	padding: 5px;
	font-style: italic;
	font-size: 11px;
}