div#map
{
  margin-left: auto;
  margin-right: auto;
  
  border: 1px solid #6f6654;
}

div.map-info-desc
{
  line-height: 14px;
  font-size: 0.85em;
  width: 230px;
}

div.map-info-desc img
{
  float: left;
  margin-right: 4px;;
  margin-bottom: 4px;
  
  width: 54px;
  height: 54px;
  
  border: 1px solid #000;
}

div.map-info-desc h4
{
  display: block;
  margin: 0;
  margin-bottom: 0.1em;
  
  font-size: 1em;
  text-transform: capitalize;
}

div.map-info-desc p
{
  margin: 0 !important;
}

div.map-info-desc a
{
  display: block;
  
  text-align: right;
}

div#map-locations
{
  width: 651px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
}

div#map-locations-header
{
  margin-top: 20px;
  padding: 2px;
  padding-left: 4px;
  
  line-height: 28px;
  vertical-align: middle;
  
  font-weight: bold;
  font-size: 11px;
  background-color: #fdde83;
}

div#map-locations ul
{
  padding: 0;
  margin: 0;
  
  margin-bottom: 20px;
  width: 325px;
  
  list-style-type: none;
}

div#map-locations ul li
{
  padding: 0;
  margin: 0;
  
  margin-top: 1px;
  padding: 2px;
  padding-left: 4px;
  
  background-color: #fee394;
  font-size: 11px;
  text-transform: capitalize; /* to lazy to make all the lowercase titles capitalized :p */
}

div#map-locations ul li.heading
{
  font-weight: bold;
  background-color: #fece4d;
}

div#map-locations ul li a
{
  color: #000;
  text-decoration: none;
}

div#map-locations ul li a:hover
{
  color: #5c5341;
  text-decoration: underline;
}