html,body, #mapContainer {
  font-family:sans-serif;
  height:100%;
  padding:0;
  margin:0;
}
#mapContainer {
	z-index:8;height: 250px;margin: 0;position: relative;
  overflow: hidden;
}
#map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -3rem;
  left: 0; }

#mapwrap {
  position: relative;
  height: 250px;
  margin: 0;
  overflow: hidden; }
  #mapwrap .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.65;
    z-index: 10; }

 
  #mapwrap .controls {
    width: 3.2rem;
    height: 5rem;
    position: absolute;
    top: 50%;
    margin-top: -3.7rem;
    left: 1.5rem;
    margin: 0;
    padding: 0;
    z-index: 15555; }
    #mapwrap .controls li {
      cursor: pointer;
      margin: 0;
      padding: 0;
      list-style-type: none;
      list-style-position: inside;
      background: transparent url(../images/zoom.png) no-repeat 0;
      height: 32px;
      width: 32px;
      position: absolute;
      left: 0;
      opacity: .8; }
      #mapwrap .controls li.minus {
        bottom: 0; }
      #mapwrap .controls li.plus {
        top: 0;
        background-position: -32px 0; }
      #mapwrap .controls li:hover {
        opacity: 1; }