/* SJB(Bling!) -  setup the background image and working area */
#imap {
	position:relative;
	float:left;
	float:right;
	width:361px;
	height:333px;
	margin:0px 0px 0px 0px;
	background: white url(images/rollover_circle/image-map-0807.gif) no-repeat 0 0px;
}

/* SJB(Bling!) - creating image-map area: all co-ord encrapsulated within this div are calculated relative to this div */
#imap div {
	position:absolute;
	padding:0;
	margin:0;
	width: 102px;
	height: 57px;
	left: 250px;
	top: 72px;
}

/* SJB(Bling!) - positioning hotspots */
#imap #pic2 {
	left:270px;
	top:80px;
	z-index:20;
}
#imap #pic1 {
	left:77px;
	top:269px;
	z-index:20;
}
#imap #pic3 {
	left:265px;
	top:169px;
	z-index:20;
}
#imap #pic4 {
	left:266px; 
	top:216px; 
	z-index:20;}
	
#imap #pic5 {
	left:218px;
	top:252px;
	z-index:20;
}
#imap #pic6 {
	left:0px;
	top:230px;
	z-index:20;
}
#imap #pic7 {
	left:0px;
	top:69px;
	z-index:20;
}
#imap #pic8 {
	left:44px;
	top:15px;
	z-index:20;
}

#imap #pic9 {
	left:214px;
	top:15px;
	z-index:20;
}

#imap #pic10 {
	left:1px;
	top:175px;
	z-index:20;
}

#imap #pic-hook {left:97px; top:84px; width:170px; height:160px; z-index:10;}

/* SJB(Bling!) - size of the links: creating clickable areas */
#imap a#link1 {width:90px; height:65px;}
#imap a#link2 {width:116px; height:48px;}
#imap a#link3 {width:79px; height:65px;}
#imap a#link4 {width:95px; height:65px;}
#imap a#link5 {width:145px; height:55px;}
#imap a#link6 {width:92px; height:66px;}
#imap a#link7 {width:84px; height:97px;}
#imap a#link8 {width:110px; height:40px;}
#imap a#link9 {width:110px; height:40px;}
#imap a#link10 {width:100px; height:110px;}


#imap a {
	display:block;
	text-decoration:none;
}

#imap a:hover {
	background-position:0 0;
}

/* SJB(Bling!) - hides the rollover images */
#imap a img {
	position: absolute;
	width: 170px;
	height: 160px;
	border: 0 none;
	display: none;
}
/* SJB(Bling!) - displays the rollover images */
#imap a:hover img {
	display:block;
}
/* SJB(Bling!) - hides the rollover images */
#imap a#link1:hover img {left:20px; top:-180px;}
#imap a#link2:hover img {left:-174px; top:10px;}
#imap a#link3:hover img {left:-170px; top:-80px;}
#imap a#link4:hover img {left:-175px; top:-132px;}
#imap a#link5:hover img {left:-125px; top:-167px;}
#imap a#link6:hover img {left:93px; top:-146px;}
#imap a#link7:hover img {left:95px; top:20px;}
#imap a#link8:hover img {left:50px; top:75px;}
#imap a#link9:hover img {left:-120px; top:70px;}
#imap a#link10:hover img {left:95px; top:-90px;}