@charset "UTF-8";
/* CSS Document */

/*Image Map*/
img.image{ display: none; }

dl#image-map{
	margin: 0;
	padding: 0;
	background: transparent url(../images/weir-painting.jpg);
	width: 780px;
	height: 616px;
	position: relative;
}

/*General dd*/
dd { margin: 0; padding: 0; position: absolute; }

dd#plant { top: 110px; left: 100px; }
dd#plant a { position: absolute; top: 110px; left: 100px; width: 175px; height: 200px; text-decoration: none; }
dd#plant a span { display: none; }
dd#plant a:hover { top: 110px; left: 100px; width: 175px; height: 200px; border: 2px solid #930; display: block; }
dd#plant a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #930;
	font-weight: bold;
	bottom: 100%;
	margin: 0;
	padding: 5px;
}

dd#wood { top: 80px; left: 85px; }
dd#wood a { position:absolute; top: 80px; left: 0px; width: 180px; height: 150px; text-decoration: none; }
dd#wood a span { display: none; }
dd#wood a:hover { top: 80px; left: 0px; width: 180px; height: 150px; border: 2px solid #930; display: block; }
dd#wood a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #930;
	font-weight: bold;
	bottom: 100%;
	margin: 0;
	padding: 5px;
}

dd#deer { top: 100px; left: 230px; }
dd#deer a { position:absolute; top: 100px; left: 230px; width: 120px; height: 170px; text-decoration: none; }
dd#deer a span { display: none; }
dd#deer a:hover { top: 100px; left: 230px; width: 120px; border: 2px solid #930; display: block; }
dd#deer a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #930;
	font-weight: bold;
	bottom: 100%;
	margin: 0;
	padding: 5px;
}

dd#stone { top: 210px; left: 245px; }
dd#stone a { position:absolute; top: 210px; left: 245px; width: 200px; height: 150px; text-decoration: none; }
dd#stone a span { display: none; }
dd#stone a:hover { top: 210px; left: 245px; width: 200px; border: 2px solid #930; display: block; }
dd#stone a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #930;
	font-weight: bold;
	bottom: 100%;
	margin: 0;
	padding: 5px;
}

dd#mussel { top: 165px; left: 175px; }
dd#mussel a { position:absolute; top: 165px; left: 175px; width: 160px; height: 160px; text-decoration: none; }
dd#mussel a span { display: none; }
dd#mussel a:hover { top: 165px; left: 175px; width: 160px; border: 2px solid #930; display: block; }
dd#mussel a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #930;
	font-weight: bold;
	bottom: 100%;
	margin: 0;
	padding: 5px;
}

/*GWT UI Style Sub Section*/
/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}