.overlap {
  position: relative;
  width: 650px; height: 460px;
}
   
.overlap .map { position: absolute;  top: 0; right: 0; z-index: 1; } 
/* Texas Permian Basin */
.overlap #dot1 { left: 250px; bottom: 110px; position: absolute; z-index: 2; } 
/* East Texas & Corpus Areas */
.overlap #dot2 { left: 325px; bottom: 75px; position: absolute; z-index: 2; }
/* Louisiana */
.overlap #dot3 { left: 375px; bottom: 75px; position: absolute; z-index: 2; }
/* Northeast Texas/Louisiana */
.overlap #dot4 { left: 350px; bottom: 110px; position: absolute; z-index: 2; }
/* South/Southeast/Florida */
.overlap #dot5 { left: 425px; bottom: 130px; position: absolute; z-index: 2; }
/* Central Plains */
.overlap #dot6 { left: 305px; bottom: 200px; position: absolute; z-index: 2; }
/* New England */
.overlap #dot7 { left: 560px; bottom: 290px; position: absolute; z-index: 2; }
/* Pennsylvania */
.overlap #dot8 { left: 500px; bottom: 250px; position: absolute; z-index: 2; }
/* Mid-West */
.overlap #dot9 { left: 400px; bottom: 235px; position: absolute; z-index: 2; }
/* Ontario, Canada */
.overlap #dot10 { left: 450px; bottom: 350px; position: absolute; z-index: 2; }
/* Northern Plains */
.overlap #dot11 { left: 250px; bottom: 340px; position: absolute; z-index: 2; }
/* Mountain Region */
.overlap #dot12 { left: 180px; bottom: 265px; position: absolute; z-index: 2; }
/* New Mexico/Southwest */
.overlap #dot13 { left: 180px; bottom: 185px; position: absolute; z-index: 2; }
/* Alberta, Canada */
.overlap #dot14 { left: 165px; bottom: 400px; position: absolute; z-index: 2; }
/* Pacific Northwest */
.overlap #dot15 { left: 70px; bottom: 365px; position: absolute; z-index: 2; }
/* California/Southwest */
.overlap #dot16 { left: 60px; bottom: 190px; 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;