/* CSS Hotspot based on example at http://www.cssplay.co.uk/articles/imagemap/index.html */
* {
	margin: 0;
	padding: 0;
}

/* Set size of definition list <DL> and add the map image */
#imap {
	display:block;
	width:600px;
	height:330px;
	background:url(../images/worldmap.gif) no-repeat;
	margin-left: 100px;
	position:relative;
}

/* Hold background image for hover state */
#imap a#title {
	display:block;
	width:600px;
	height:0;
	padding-top:330px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent url(../images/worldmap_hover.gif) no-repeat 600px 380px;
	cursor:default;
}
/* Hack for early versions of IE */
* html #imap a#title {
	height:380px;
	he\ight:0;
}

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

/* place the hotspots for each stickpin */
#imap dd {
	position:absolute;
	padding:0;
	margin:0;
}
#imap #picjci {
	left:245px;
	top:114px;
	z-index:20;
}
#imap #piccct {
	left:431px;
	top:104px;
	z-index:20;
}
#imap #picarxceo {
	left:462px;
	top:115px;
	z-index:20;
}
#imap #piccsct {
	left:486px;
	top:121px;
	z-index:20;
}

/* Style the <dd><a> links and image for the hover */
#imap a#tokyo, #imap a#denver, #imap a#huntsville, #imap a#atlanta {
	display:block;
	width:34px;
	height:34px;
	background:transparent url(../images/maphover.gif) -70px -70px no-repeat;
	text-decoration:none;
	z-index:20;
}

/* Remove the Span text */
#imap a span, #imap a:visited span {
	display:none;
}


/* Move link background image to position 0 0 on hover */
#imap a#tokyo:hover, #imap a#denver:hover, #imap a#huntsville:hover, #imap a#atlanta:hover {
	background-position:0 0;
}

/* Define styling for span text */
#imap a:hover span {
	position:absolute;
	width:305px;
	display:block;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	color:#000;
	border:1px solid #000;
	padding:5px;
}
/* hack for older versions of IE */
* html #imap a:hover span {
	width:400px;
	w\idth:390px;
}

/* move span text to common position at bottom of map */
#imap a#tokyo:hover span {
	left:-136px;
	top:186px;
}
#imap a#denver:hover span {
	left:-322px;
	top:196px;
}
#imap a#huntsville:hover span {
	left:-340px;
	top:185px;
}
#imap a#atlanta:hover span {
	left:-350px;
	top:180px;
}