/* set the size of the definition list <dl> and add the background image */
#imap1 {
	display:block; 
   padding: 0; margin: 0;
	width:450px; height:365px; 
	background-image: url(../../images/products/features/audio_features_hover.jpg); 
	background-repeat: no-repeat;
	position:relative;
	}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap1 a#title {
	display: block; 
	width: 450px; height:0; padding-top:365px; overflow:hidden; position:absolute; left:0; top:0; 
	background: transparent url(../../images/products/audio_features_hover.jpg) no-repeat 450px 365px; 
	cursor: default; 
	}
/* the hack for IE pre IE6 */
* html #imap1 a#title {height:240px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap1 a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#imap1 li {position:absolute; padding:0; margin:0;}

#imap1 #audio1 {left:43px; top:215px; z-index:20;}  /* Termination */
#imap1 #audio2 {left:72px; top:142px; z-index:20;}  /* Bulletproof */
#imap1 #audio3 {left:342px; top:134px; z-index:20;}  /* Length Optimized */
#imap1 #audio4 {left:377px; top:42px; z-index:20;}  /* MM2 Tech */
#imap1 #audio5 {left:168px; top:205px; z-index:20;}  /* Compatibility */
#imap1 #audio6 {left:246px; top:252px; z-index:20;}  /* Quality */
#imap1 #audio7 {left:130px; top:315px; z-index:20;}  /* System Updates */
#imap1 #audio8 {left:72px; top:44px; z-index:20;}  /* Suppress Noise */
#imap1 #audio9 {left:149px; top:15px; z-index:20;}  /* Upgrades */
#imap1 #audio10 {left:228px; top:24px; z-index:20;}  /* Network Design */

/* style the <dd><a> links physical size and the background image for the hover */
#imap1 a#aud1, #imap1 a#aud2, #imap1 a#aud3, #imap1 a#aud4, #imap1 a#aud5, 
#imap1 a#aud6, #imap1 a#aud7, #imap1 a#aud8, #imap1 a#aud9, #imap1 a#aud10 {
	display:block; width:37px; height:37px; 
	text-decoration:none; z-index:20;
	}
	
/* style the span text so that it is not initially displayed */
#imap1 a span, #imap1 a:visited span {
	display:none;
	}
	
/* move the link background image to position 0 0 when hovered */
#imap1 a#aud1:hover, #imap1 a#aud2:hover, #imap1 a#aud3:hover, #imap1 a#aud4:hover, #imap1 a#aud5:hover,
#imap1 a#aud6:hover, #imap1 a#aud7:hover, #imap1 a#aud8:hover, #imap1 a#aud9:hover, #imap1 a#aud10:hover {
	background-position:0 0;
	}
	
/* define the common styling for the span text */
#imap1 a:hover span {
	position:absolute; 
	width:440px !important; 
	display:block; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:10px; background:#fff; 
	color:#555555; padding:4px;
	}
/* the hack for IE pre IE6 */
* html #imap1 a:hover span {
	width:440px; w\idth:388px;
	}
	
/* move the span text to a common position at the bottom of the image map */
#imap1 a#aud1:hover span {left:-43px; top:155px;} /* Termination */
#imap1 a#aud2:hover span {left:-72px; top:228px;}   /* Bulletproof */
#imap1 a#aud3:hover span {left:-342px; top:235px;} /* Length Optimized */		
#imap1 a#aud4:hover span {left:-377px; top:328px;}  /* MM2 Tech */
#imap1 a#aud5:hover span {left:-168px; top:165px;} 	/* Compatibility */
#imap1 a#aud6:hover span {left:-246px; top:118px;} /* Quality */
#imap1 a#aud7:hover span {left:-130px; top:55px;}  /* System Updates */
#imap1 a#aud8:hover span {left:-72px; top:327px;} /* Suppress Noise */
#imap1 a#aud9:hover span {left:-149px; top:355px;} /* Upgrades */
#imap1 a#aud10:hover span {left:-228px; top:346px;} /* Network Design */