#widecontent {
    background-color: #fefcf1;
	color: #030;
    line-height: 1.6;
    margin: 35px auto 0 auto;
    padding-bottom: 3em;
	width: 68%;
	min-width: 750px;
	max-width: 870px;
    min-height: 40em;
}

/* styles for the map of garden */

ul#rsmap { 
  list-style-type: none;
  position: relative;
  display: block;
  background: transparent url(/assets/images/roots-and-shoots-map.png) no-repeat 0 0;
  width: 748px;
  height: 410px;
  border: none;
  margin: 0 auto;
  padding: 0;
}

ul#rsmap li { 
  display: inline;
}

ul#rsmap li a {
  position: relative;
  display: block;
  text-decoration: none;
}

ul#rsmap li a img {
	border: none;
	padding: 0;
	margin: 0;
}

ul#rsmap li a span.negpos { 
  margin-top: -3000em; 
  margin-left: -3000em;
  position: absolute;
}

ul#rsmap li a:hover span.negpos,
ul#rsmap li a:focus span.negpos,
ul#rsmap li a:active span.negpos {
  color: #FEFCF1;
  background-image: none;
  background-color: #173303;
  border: 4px solid #000;
  display: block;
  width: 210px;
  height: auto;
  text-decoration: none;
  cursor: pointer;
}

ul#rsmap li a:hover span.negpos span,
ul#rsmap li a:focus span.negpos span,
ul#rsmap li a:active span.negpos span {
  display: block;
  width: 200px;
  margin: 5px;
}

/* 
  Paradise Corner (1)
*/
ul#rsmap li a#rsmap01 { 
  width: 105px;
  height: 70px;
  margin-top: 0px;
  margin-left: 5px;
}

ul#rsmap li a#rsmap01:hover,
ul#rsmap li a#rsmap01:focus,
ul#rsmap li a#rsmap01:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -5px 0px;
}

ul#rsmap li a#rsmap01:hover span.negpos,
ul#rsmap li a#rsmap01:focus span.negpos,
ul#rsmap li a#rsmap01:active span.negpos {
  margin-top: 5px;
  margin-left: 125px;
}

/* Dragon's Lair (2) */
ul#rsmap li a#rsmap02 {
  width: 80px;
  height: 60px;
  margin-top: -70px;
  margin-left: 120px;
}
ul#rsmap li a#rsmap02:hover,
ul#rsmap li a#rsmap02:focus,
ul#rsmap li a#rsmap02:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -120px 0px;
}
ul#rsmap li a#rsmap02:hover span.negpos,
ul#rsmap li a#rsmap02:focus span.negpos,
ul#rsmap li a#rsmap02:active span.negpos {
  margin-top: 5px;
  margin-left: 100px;
}

/* Secret Gate (3) */
ul#rsmap li a#rsmap03 {
  width: 80px;
  height: 45px;
  margin-top: 60px;
  margin-left: 135px;
}
ul#rsmap li a#rsmap03:hover,
ul#rsmap li a#rsmap03:focus,
ul#rsmap li a#rsmap03:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -135px -120px;
}
ul#rsmap li a#rsmap03:hover span.negpos,
ul#rsmap li a#rsmap03:focus span.negpos,
ul#rsmap li a#rsmap03:active span.negpos {
  margin-top: -5px;
  margin-left: 90px;
}

/* Summer Meadow (4) */
ul#rsmap li a#rsmap04 {
  width: 108px;
  height: 93px;
  margin-top: 5px;
  margin-left: 33px;
}
ul#rsmap li a#rsmap04:hover,
ul#rsmap li a#rsmap04:focus,
ul#rsmap li a#rsmap04:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -33px -170px;
}
ul#rsmap li a#rsmap04:hover span.negpos,
ul#rsmap li a#rsmap04:focus span.negpos,
ul#rsmap li a#rsmap04:active span.negpos {
  margin-top: -55px;
  margin-left: 128px;
}

/* Apiary (5) */
ul#rsmap li a#rsmap05 {
  width: 52px;
  height: 47px;
  margin-top: -55px;
  margin-left: 145px;
}
ul#rsmap li a#rsmap05:hover,
ul#rsmap li a#rsmap05:focus,
ul#rsmap li a#rsmap05:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -145px -208px;
}
ul#rsmap li a#rsmap05:hover span.negpos,
ul#rsmap li a#rsmap05:focus span.negpos,
ul#rsmap li a#rsmap05:active span.negpos {
  margin-top: -75px;
  margin-left: 67px;
}

/* Pond (6) */
ul#rsmap li a#rsmap06 {
  width: 88px;
  height: 52px;
  margin-top: 10px;
  margin-left: 65px;
}
ul#rsmap li a#rsmap06:hover,
ul#rsmap li a#rsmap06:focus,
ul#rsmap li a#rsmap06:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -65px -265px;
}
ul#rsmap li a#rsmap06:hover span.negpos,
ul#rsmap li a#rsmap06:focus span.negpos,
ul#rsmap li a#rsmap06:active span.negpos {
  margin-top: -155px;
  margin-left: 100px;
}

/* Apple Barn (7) */
ul#rsmap li a#rsmap07 {
  width: 63px;
  height: 40px;
  margin-top: -158px;
  margin-left: 225px;
}
ul#rsmap li a#rsmap07:hover,
ul#rsmap li a#rsmap07:focus,
ul#rsmap li a#rsmap07:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -225px -159px;
}
ul#rsmap li a#rsmap07:hover span.negpos,
ul#rsmap li a#rsmap07:focus span.negpos,
ul#rsmap li a#rsmap07:active span.negpos {
  margin-top: -45px;
  margin-left: 73px;
}

/* Study Centre (8) */
ul#rsmap li a#rsmap08 {
  width: 44px;
  height: 68px;
  margin-top: -18px;
  margin-left: 303px;
}
ul#rsmap li a#rsmap08:hover,
ul#rsmap li a#rsmap08:focus,
ul#rsmap li a#rsmap08:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -303px -181px;
}
ul#rsmap li a#rsmap08:hover span.negpos,
ul#rsmap li a#rsmap08:focus span.negpos,
ul#rsmap li a#rsmap08:active span.negpos {
  margin-top: -65px;
  margin-left: 54px;
}

/* Greenhouse (9) */
ul#rsmap li a#rsmap09 {
  width: 93px;
  height: 128px;
  margin-top: -45px;
  margin-left: 202px;
}
ul#rsmap li a#rsmap09:hover,
ul#rsmap li a#rsmap09:focus,
ul#rsmap li a#rsmap09:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -202px -204px;
}
ul#rsmap li a#rsmap09:hover span.negpos,
ul#rsmap li a#rsmap09:focus span.negpos,
ul#rsmap li a#rsmap09:active span.negpos {
  margin-top: -150px;
  margin-left: 131px;
}

/* Walnut Tree (10) */
ul#rsmap li a#rsmap10 {
  width: 107px;
  height: 61px;
  margin-top: -105px;
  margin-left: 399px;
}
ul#rsmap li a#rsmap10:hover,
ul#rsmap li a#rsmap10:focus,
ul#rsmap li a#rsmap10:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -399px -227px;
}
ul#rsmap li a#rsmap10:hover span.negpos,
ul#rsmap li a#rsmap10:focus span.negpos,
ul#rsmap li a#rsmap10:active span.negpos {
  margin-top: -95px;
  margin-left: -227px;
}

/* Shop (11) */
ul#rsmap li a#rsmap11 {
  width: 37px;
  height: 52px;
  margin-top: 3px;
  margin-left: 475px;
}
ul#rsmap li a#rsmap11:hover,
ul#rsmap li a#rsmap11:focus,
ul#rsmap li a#rsmap11:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -475px -291px;
}
ul#rsmap li a#rsmap11:hover span.negpos,
ul#rsmap li a#rsmap11:focus span.negpos,
ul#rsmap li a#rsmap11:active span.negpos {
  margin-top: -155px;
  margin-left: 47px;
}

/* Green Roof (12) */
ul#rsmap li a#rsmap12 {
  width: 103px;
  height: 97px;
  margin-top: -98px;
  margin-left: 515px;
}
ul#rsmap li a#rsmap12:hover,
ul#rsmap li a#rsmap12:focus,
ul#rsmap li a#rsmap12:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -515px -245px;
}
ul#rsmap li a#rsmap12:hover span.negpos,
ul#rsmap li a#rsmap12:focus span.negpos,
ul#rsmap li a#rsmap12:active span.negpos {
  margin-top: -155px;
  margin-left: -223px;
}

/* Brown Roof (13) */
ul#rsmap li a#rsmap13 {
  width: 38px;
  height: 125px;
  margin-top: -122px;
  margin-left: 705px;
}
ul#rsmap li a#rsmap13:hover,
ul#rsmap li a#rsmap13:focus,
ul#rsmap li a#rsmap13:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -705px -220px;
}
ul#rsmap li a#rsmap13:hover span.negpos,
ul#rsmap li a#rsmap13:focus span.negpos,
ul#rsmap li a#rsmap13:active span.negpos {
  margin-top: -125px;
  margin-left: -228px;
}

/* Solar Roof (14) */
ul#rsmap li a#rsmap14 {
  width: 65px;
  height: 46px;
  margin-top: -47px;
  margin-left: 622px;
}
ul#rsmap li a#rsmap14:hover,
ul#rsmap li a#rsmap14:focus,
ul#rsmap li a#rsmap14:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -622px -298px;
}
ul#rsmap li a#rsmap14:hover span.negpos,
ul#rsmap li a#rsmap14:focus span.negpos,
ul#rsmap li a#rsmap14:active span.negpos {
  margin-top: -125px;
  margin-left: -235px;
}

/* Pedestrian Entrance (15) */
ul#rsmap li a#rsmap15 {
  width: 166px;
  height: 48px;
  margin-top: 3px;
  margin-left: 432px;
}
ul#rsmap li a#rsmap15:hover,
ul#rsmap li a#rsmap15:focus,
ul#rsmap li a#rsmap15:active {
  background: transparent url(/assets/images/roots-and-shoots-map-hover.png) no-repeat -432px -347px;
}
ul#rsmap li a#rsmap15:hover span.negpos,
ul#rsmap li a#rsmap15:focus span.negpos,
ul#rsmap li a#rsmap15:active span.negpos {
  margin-top: -245px;
  margin-left: 80px;
}