/* image maps */
#imap {
	display: block;
	width: 510px;
	height: 581px;
	background: url('../images/JawatanIT.png') no-repeat;
	position: relative;
}
  
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:581px;
  height: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 #sm {
  left:166px; 
  top:24px; 
  z-index:20;
  }
#imap #ssa {
  left:166px; 
  top:106px; 
  z-index:20;
  }
#imap #sa {
  left:263px; 
  top:214px; 
  z-index:20;
  }
#imap #se {
  left:70px; 
  top:214px; 
  z-index:20;
  }
#imap #pr {
  left:263px; 
  top:299px; 
  z-index:20;
  }
#imap #ss {
  left:70px; 
  top:299px; 
  z-index:20;
  }
#imap #sso {
  left:166px; 
  top:404px; 
  z-index:20;
  }
#imap #so {
  left:166px; 
  top:489px; 
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#smanager, #imap a#ssanalyst, #imap a#sanalyst, #imap a#sengineer, #imap a#programmer, #imap a#ssupervisor, #imap a#ssoperator, #imap a#soperator{
  display:block; 
  width:173px; 
  height:57px; 
  background:transparent url(blank.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }