.overlap {
  position: relative;
  width: 650px; height: 460px;
}
   
.overlap .map { position: absolute;  top:0; right:0; z-index: 1; } 
/* North America */
.overlap #NorthAmerica { left:0px; bottom:350px; position: absolute; z-index: 2; } 
/* Latin America */
.overlap #LatinAmerica { left:113px; bottom:202px; position: absolute; z-index: 2; }
/* Europe */
.overlap #Europe { left:280px; bottom:370px; position: absolute; z-index: 2; }
/* Middle East and Africa */
.overlap #MiddleEastAfrica { left:290px; bottom:236px; position: absolute; z-index: 2; }
/* Asia and Pacific */
.overlap #AsiaPacific { left:442px; bottom:200px; position: absolute; z-index: 2; }

#mapnote{
font-weight:bold;
position: absolute;
border: 2px solid black;
padding: 2px;
background-color: #005A33;;
visibility: hidden;
z-index: 100;