@charset "UTF-8";
/* set the size of the definition list <dl> and add the background image */
#imap {
	display:block;
	width:267px;
	height:519px;
	position:relative;
	background-image: url(../images/skeleton/skeleton-man.gif);
	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:251px;
	height:0;
	padding-top:556px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0;
	cursor:default;
	background-color: transparent;
	background-image: url(../images/skeleton/skeleton-man-hover.jpg);
	background-repeat: no-repeat;
	background-position: 241px 241px;
}
/* the hack for IE pre IE6 */
* html #imap a#title {
	height:556px;
	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 | positions the anatomic hover image on top */
#imap dd {
	position:absolute;
	padding:0;
	margin:0;
}
#imap #hand {
	left:19px;
	top:191px;
	z-index:20;
}
#imap #elbowforearm {
	left:38px;
	top:131px;
	z-index:20;
}
#imap #shoulder {
	left:57px;
	top:66px;
	z-index:20;
}
#imap #cervicalspine-null {
	left:79px;
	top:54px;
	z-index:20;
}
#imap #thoracolumbarspine {
	left:106px;
	top:56px;
	z-index:20;
}
#imap #pelvis {
	left:79px;
	top:160px;
	z-index:20;
}
#imap #femur {
	left:120px;
	top:192px;
	z-index:20;
}
#imap #knee {
	left:120px;
	top:277px;
	z-index:20;
}
#imap #tibia {
	left:119px;
	top:271px;
	z-index:20;
}
#imap #footankle {
	left:120px;
	top:389px;
	z-index:20;
}
/* style the <dd><a> links physical size and the background image for the hover | adjusts the box of the hover */
#imap a#hand {
	display:block;
	width:46px;
	height:58px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/Hand.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#elbowforearm {
	display:block;
	width:52px;
	height:81px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/ElbowForearm.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#shoulder {
	display:block;
	width:65px;
	height:95px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/ShoulderHumerus.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#cervicalspine {
	display:block;
	width:61px;
	height:35px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/CervicalSpine.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#thoracolumbarspine {
	display:block;
	width:40px;
	height:148px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/ThoracoLumbarSpine.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#pelvis {
	display:block;
	width:91px;
	height:87px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/Pelvis.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#femur {
	display:block;
	width:80px;
	height:117px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/Femur.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#knee {
	display:block;
	width:72px;
	height: px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/Knee-none.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#tibia {
	display:block;
	width:45px;
	height:128px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/Tibia-knee.jpg);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}
#imap a#footankle {
	display:block;
	width:95px;
	height:44px;
	text-decoration:none;
	z-index:20;
	background-color: transparent;
	background-image: url(../images/skeleton/FootAnkle.jpg);
	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#hand:hover, #imap a#elbowforearm:hover, #imap a#shoulder:hover, #imap a#cervicalspine:hover,  #imap a#thoracolumbarspine:hover, #imap a#pelvis:hover, #imap a#femur:hover, #imap a#knee:hover, #imap a#tibia:hover, #imap a#footankle:hover {
	background-position:0 0;
}
/* define the common styling for the span text | adjusts the text box*/
#imap a:hover span {
	position:absolute;
	width:80px;
	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#hand:hover span {
	left:52px;
	top:25px;
}
#imap a#elbowforearm:hover span {
	left:49px;
	top:40px;
}
#imap a#shoulder:hover span {
	left:70px;
	top:30px;
}
#imap a#cervicalspine:hover span {
	left:61px;
	top:20px;
}
#imap a#thoracolumbarspine:hover span {
	left:52px;
	top:20px;
}
#imap a#pelvis:hover span {
	left:95px;
	top:30px;
}
#imap a#femur:hover span {
	left:50px;
	top:77px;
}
#imap a#knee:hover span {
	left:55px;
	top:30px;
}
#imap a#tibia:hover span {
	left:44px;
	top:60px;
}
#imap a#footankle:hover span {
	left:45px;
	top:44px;
}
#skeletonContainer {
	width: 251px;
}