/* size of <dl> and background image*/
#imap {
	display:block;
	width:750px;
	height:510px;
	background:url(Timages/tim%20with%20masks%20lr.jpg) no-repeat;
	position:relative;
	padding:0;
	margin:0; 
	border:0;
}

.info{
	visibility: hidden;
}
dt{
	visibility: hidden;
}
/* position of image mapping x y coordinates */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #T7 {left:540px; top:100px; z-index:2;}
#imap #T6 {left:470px; top:290px; z-index:2;}
#imap #T5 {left:400px; top:280px; z-index:2;}
#imap #T4 {left:330px; top:280px; z-index:2;}
#imap #T3 {left:265px; top:290px; z-index:2;}
#imap #T2 {left:185px; top:280px; z-index:2;}
#imap #T1 {left:120px; top:280px; z-index:2;}

/* style <dd><a> links */
#imap a#link_T7 {display:block; width:80px; height:100px; text-decoration:none; z-index:2;}
#imap a#link_T2, #imap a#link_T1, #imap a#link_T3, #imap a#link_T4, #imap a#link_T5, #imap a#link_T6 {
	display:block;
	width:58px;
	height:68px;
	text-decoration:none;
	z-index:2;}

/* style span text so it isn't displayed until hover */
#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a#link_T7:hover p {	visibility: hidden;
}

/* styles links upon hover */
#imap a#link_T7:hover, #imap a#link_T6:hover, #imap a#link_T5:hover, #imap a#link_T4:hover, #imap a#link_T3:hover, #imap a#link_T2:hover, #imap a#link_T1:hover {border:1px dotted white;}

/* makes hover images appear can also style captions */
#imap a:hover span {
	position:absolute;
	display:block;
}

/* old IE hack*/
* html #imap a:hover span {
  width:750px; w\idth:748px;
}

/* positions hover images and draws line */
#imap a#link_T7:hover span {left:-340px; top:-70px;}
#imap a#link_T7:hover em {position:absolute; display:block; left:-205px; top:40px; width:190px; height:1px; overflow:hidden; background: rgb(169,159,106);}

#imap a#link_T6:hover span {left:-270px; top:-260px;}
#imap a#link_T6:hover em {position:absolute; display:block; left:-135px; top:-150px; width:190px; height:1px; overflow:hidden; background: rgb(169,159,106);}

#imap a#link_T5:hover span {left:-200px; top:-250px;}
#imap a#link_T5:hover em {position:absolute; display:block; left:-65px; top:-140px; width:190px; height:1px; overflow:hidden; background: rgb(169,159,106);}

#imap a#link_T4:hover span {left:-130px; top:-250px;}
#imap a#link_T4:hover em {position:absolute; display:block; left:5px; top:-140px; width:190px; height:1px; overflow:hidden; background: rgb(169,159,106);}

#imap a#link_T3:hover span {left:-65px; top:-260px;}
#imap a#link_T3:hover em {position:absolute; display:block; left:70px; top:-150px; width:190px; height:1px; overflow:hidden; background: rgb(169,159,106);}

#imap a#link_T2:hover span {left:15px; top:-250px;}
#imap a#link_T2:hover em {position:absolute; display:block; left:150px; top:-140px; width:190px; height:1px; overflow:hidden; background: rgb(169,159,106);}

#imap a#link_T1:hover span {left:80px; top:-250px;}
#imap a#link_T1:hover em {position:absolute; display:block; left:215px; top:-140px; width:190px; height:1px; overflow:hidden; background: rgb(169,159,106);}

#imap a:hover span img {
	border:1px dotted rgb(169,159,106);
}