#map {
	width: 802px; height: 370px;
	position: relative;
}
#map img {
	position: absolute; top: 0; left: 0;
}

#map a { 
	position: absolute; font-size: 0.7em;
	background-image:url(spot.png); background-position:left 0.4em; background-repeat:no-repeat;
	margin-left:0px; padding-left:6px;
	text-decoration: none;
	z-index: 2;
}

#map a.dot_right {
	background-position:right 0.4em; background-repeat:no-repeat;
	padding-left:0px; margin-right:0px; padding-right:6px;
}

#map a.distributor {
	background-image:url(yellow_spot.png);
}

#key { font-size: 0.9em; text-align: center; width: 802px}

#offices h3 { clear: both; font-size: 1.3em; margin-top: 1em; }
#offices a.map_link { clear: both; display: block; font-size: 0.8em;}



#offices div.office { width: 260px; float: left; border: 1px solid gray; margin: 1em; padding: 0.4em; 
	background-image:url(spot.png); background-repeat: no-repeat; background-position: 99% 1%;
}

#offices div.distributor {
	background-image:url(yellow_spot.png);
}

#offices div.office span.address { margin: 0.5em 0 0.5em 0;}

#offices div.office a { line-height: 1.8em;}