#pic
{
  width: 842px;
  height: 423px;
  padding: 0px; /* o r u l*/
}

#stroke
{
  position: absolute;
  top: 228px;
  left: 339px;
  height: 12px;
}

#text
{
  position: absolute;
  top: 190px;
  left: 395px;
  width: 230px;
  color: #292927;
  line-height: 14px;
}

#location1
{
  position: absolute;
  top: 270px;
  left: 35px;
}

#location2
{
  position: absolute;
  top: 270px;
  left: 165px;
}

#location3
{
  position: absolute;
  top: 300px;
  left: 145px;
}

#location4
{
  position: absolute;
  top: 430px;
  left: 425px;
}

#location5
{
  position: absolute;
  top: 445px;
  left: 520px;
}

#location6
{
  position: absolute;
  top: 465px;
  left: 605px;
}

#location7
{
  position: absolute;
  top: 519px;
  left: 492px;
}

#info1, #info2, #info3, #info4, #info5, #info6, #info7
{
  position: absolute;
  display: none;
  width: 135px;
  color: #292927;
  font-size: 10px;
  padding: 5px;
  background: #E4E9EA;
  border: 1px solid #8EA1A2;
}

#info1 ul, #info2 ul, #info3 ul, #info4 ul, #info5 ul, #info6 ul, #info7 ul
{
  margin-left: 15px;
}

#info1
{
  top: 300px;
  left: 20px;
}

#info2
{
  top: 135px;
  left: 185px;
}

#info3
{
  top: 329px;
  left: 165px;
}

#info4
{
  top: 455px;
  left: 355px;
}

#info5
{
  top: 350px;
  left: 620px;
}

#info6
{
  top: 490px;
  left: 610px;
}

#info7
{
  top: 550px;
  left: 450px;
}