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

 #map {
	position:relative;
	margin:0;
	padding:0;
	width:493px;
	height:580px;
	background:url(http://www.octagoncycles.com/images/octagon-stem.jpg) no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
}

      #map li {
          margin:0;
          padding:0;
          list-style:none;
      }

      #map li a {
          position:absolute;
          display:block;
          /*
             Specifying a background image
             (a 1px by 1px transparent gif)
             fixes a bug in older versions of
             IE that causeses the block to not
             render at its full dimensions.
          */
          background:url(../blank.gif);
      }
	  
	  #map li a span { display:none; }
	  
	  #map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}
#map a.length {
	top:172px;
	left:55px;
	width:22px;
	height:21px;
}
#map a.stems {
	top:127px;
	left:298px;
	width:19px;
	height:19px;
}

#map a.reach {
	top:16px;
	left:230px;
	width:23px;
	height:24px;
}

#map a.insertion{
	top:396px;
	left:66px;
	width:21px;
	height:20px;
}

#map a.shape{
	top:278px;
	left:168px;
	width:21px;
	height:20px;
}

#map a.tools{
	top:458px;
	left:210px;
	width:21px;
	height:20px;
}