/*
	style_map.css
	Stylesheet for MAP page of herenowornowhere.com
	
	Copyright (c) 2009 Gordon Hicks, all rights reserved	
*/	



/* Splash */

	#splash {
		position: absolute;
		visibility: hidden;
		z-index: 1;
	}

	#splash a {
		display: block;
		position: absolute;
		width: 900px;
		height: 900px;
		background: transparent url(../img/splash.gif) no-repeat 95px 150px;		
	}

	#splash a span { visibility: hidden; }

	#page { z-index: 2; }




/* Map */

	.instructions {
		position: absolute;
		top: 42px;
		left: 465px;
		width: 360px;
		height: 60px;
	}
	
	.map {
		width: 750px;
		height: 1080px;
		margin: 23px 0 0 3px;
		background: url(../img/map.gif) no-repeat transparent;
	}
	
	.map p { visibility: hidden; }
	
	a.hotspot {
		display: block;
		position: absolute;
		overflow: visible;
		/* background: url(../img/test_hotspot.png) repeat; */
	}

	#hotspot-exhi { width:134px; height:29px; left:96px; top:12px; }
	#hotspot-dayo { width:150px; height:34px; left:559px; top:301px; }
	#hotspot-thep { width:229px; height:22px; left:234px; top:1039px; }
	#hotspot-bade { width:124px; height:19px; left:64px; top:656px; }
	#hotspot-davi { width:136px; height:20px; left:582px; top:446px; }
	#hotspot-dumo { width:161px; height:15px; left:78px; top:794px; }
	#hotspot-gold { width:130px; height:18px; left:340px; top:877px; }
	#hotspot-hann { width:136px; height:21px; left:580px; top:766px; }
	#hotspot-hort { width:146px; height:18px; left:581px; top:845px; }
	#hotspot-klei { width:129px; height:19px; left:565px; top:599px; }
	#hotspot-kohh { width:131px; height:20px; left:580px; top:545px; }
	#hotspot-mark { width:108px; height:18px; left:186px; top:126px; }
	#hotspot-mood { width:93px; height:15px; left:239px; top:794px; }
	#hotspot-peac { width:111px; height:19px; left:334px; top:481px; }
	#hotspot-sasa { width:110px; height:20px; left:596px; top:684px; }
	#hotspot-vanh { width:149px; height:16px; left:123px; top:809px; }

	a.hotspot span { visibility: hidden; }

	.map div { /* mouseover image */
		position: absolute;
		background-color: red;
		visibility: hidden;
	}
	
	#mouseover-exhi { width:157px; height:52px; left:84px; top:2px; background: url(../img/map.gif) no-repeat -755px 0px; }	
	#mouseover-dayo { width:203px; height:59px; left:526px; top:290px; background: url(../img/map.gif) no-repeat -755px -56px; }	
	#mouseover-thep { width:251px; height:47px; left:223px; top:1027px; background: url(../img/map.gif) no-repeat -755px -119px; }	
	#mouseover-bade { width:150px; height:42px; left:51px; top:646px; background: url(../img/map.gif) no-repeat -755px -170px; }	
	#mouseover-davi { width:158px; height:47px; left:571px; top:434px; background: url(../img/map.gif) no-repeat -755px -216px; }	
	#mouseover-dumo { width:214px; height:42px; left:65px; top:782px; background: url(../img/map.gif) no-repeat -755px -267px; }	
	#mouseover-gold { width:155px; height:44px; left:327px; top:865px; background: url(../img/map.gif) no-repeat -755px -313px; }	
	#mouseover-hann { width:158px; height:45px; left:569px; top:755px; background: url(../img/map.gif) no-repeat -755px -361px; }	
	#mouseover-hort { width:169px; height:44px; left:570px; top:833px; background: url(../img/map.gif) no-repeat -755px -410px; }	
	#mouseover-klei { width:155px; height:43px; left:552px; top:589px; background: url(../img/map.gif) no-repeat -755px -458px; }	
	#mouseover-kohh { width:155px; height:48px; left:568px; top:532px; background: url(../img/map.gif) no-repeat -755px -505px; }	
	#mouseover-mark { width:130px; height:42px; left:175px; top:115px; background: url(../img/map.gif) no-repeat -755px -557px; }	
	#mouseover-mood { width:129px; height:40px; left:215px; top:783px; background: url(../img/map.gif) no-repeat -755px -603px; }	
	#mouseover-peac { width:133px; height:41px; left:323px; top:471px; background: url(../img/map.gif) no-repeat -755px -647px; }	
	#mouseover-sasa { width:133px; height:43px; left:585px; top:674px; background: url(../img/map.gif) no-repeat -755px -692px; }	
	#mouseover-vanh { width:172px; height:41px; left:112px; top:796px; background: url(../img/map.gif) no-repeat -755px -739px; }