@charset "UTF-8";

/* set the size of the definition list <dl> &amp; add the background image */
#imap {
	display:block;
	width:241px;
	height:542px;
	position:relative;
	background-image: url(../images/skeleton.png);
	background-repeat: no-repeat;
	float: left;
  }
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
	display:block;
	width:241px;
	height:0;
	padding-top:542px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0;
	cursor:default;
	background-color: transparent;
	background-image: url(../images/skeleton-hover.png);
	background-repeat: no-repeat;
	background-position: 241px 241px;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:542px;
  he\ight:0;
  }
/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }
/* place the <dd>s in the correct absolute position */
#imap dd {
	position:absolute;
	padding:0;
	margin:0;
  }
#imap #hand {
	left:0px;
	top:265px;
	z-index:20;
  }
#imap #elbowforearm {
	left:0px;
	top:179px;
	z-index:20;
  }
#imap #shoulder {
	left:20px;
	top:83px;
	z-index:20;
  }
#imap #cervicalspine {
	left:72px;
	top:72px;
	z-index:20;
  }
#imap #thoracolumbarspine {
	left:70px;
	top:109px;
	z-index:20;
  }
#imap #pelvis {
	left:45px;
	top:209px;
	z-index:20;
  }
#imap #femur {
	left:107px;
	top:243px;
	z-index:20;
  }
#imap #knee {
	left:99px;
	top:357px;
	z-index:20;
  }
#imap #tibia {
	left:98px;
	top:392px;
	z-index:20;
  }
#imap #footankle {
	left:97px;
	top:491px;
	z-index:20;
  }  
/* style the <dd><a> links physical size &amp; the background image for the hover */
#imap a#hand02 {
	display:block;
	width:47px;
	height:62px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/wrist-hand/Hand.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#elbowforearm02 {
	display:block;
	width:41px;
	height:87px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/elbow/ElbowForearm.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#shoulder02 {
	display:block;
	width:60px;
	height:94px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/ShoulderHumerus.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#cervicalspine02 {
	display:block;
	width:61px;
	height:35px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/CervicalSpine.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#thoracolumbarspine02 {
	display:block;
	width:62px;
	height:105px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/ThoracoLumbarSpine.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#pelvis02 {
	display:block;
	width:108px;
	height:41px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/pelvis/Pelvis.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#femur02 {
	display:block;
	width:48px;
	height:112px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/hip/Femur.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#knee02 {
	display:block;
	width:55px;
	height:35px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/knee/Knee.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#tibia02 {
	display:block;
	width:54px;
	height:97px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/knee/Tibia.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
#imap a#footankle02 {
	display:block;
	width:57px;
	height:46px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/anatomy/foot-ankle/FootAnkle.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
  }
/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }
/* move the link background image to position 0 0 when hovered */
	#imap a#hand02:hover, #imap a#elbowforearm02:hover, #imap a#shoulder02:hover, #imap a#cervicalspine02:hover, 
#imap a#thoracolumbarspine02:hover, #imap a#pelvis02:hover, #imap a#femur02:hover, #imap a#knee02:hover, #imap a#tibia02:hover, #imap a#footankle02:hover {
  background-position:0 0;
  }
/* define the common styling for the span text */
#imap a:hover span {
	position:absolute;
	width:100px;
	display:block;
	font-family:arial;
	font-size:12px;
	color:#009;
	border:2px solid #009;
	padding:5px;
	background-color: #FFF;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:400px; w\idth:388px;
  }
/* move the span text to position next to hover gif */
#imap a#hand02:hover span {
  left:47px; 
  top:0px;
  }
#imap a#elbowforearm02:hover span {
	left:41px;
	top:0px;
  }
#imap a#shoulder02:hover span {
  left:60px; 
  top:0px;
  }
#imap a#cervicalspine02:hover span {
  left:61px; 
  top:0px;
  }
#imap a#thoracolumbarspine02:hover span {
  left:62px; 
  top:0px;
  }
#imap a#pelvis02:hover span {
  left:108px; 
  top:0px;
  }
#imap a#femur02:hover span {
  left:48px; 
  top:0px;
  }
#imap a#knee02:hover span {
  left:55px; 
  top:0px;
  }
#imap a#tibia02:hover span {
  left:54px; 
  top:0px;
  }
#imap a#footankle02:hover span {
  left:57px; 
  top:0px;
  }