.container{
  margin-top       : 10px;
  background       : url("http://www.mustique.com/img/map.jpg") 0 32px no-repeat;
}
#routes{
  position         : relative;
  margin           :  10px 0 0 10px;
  padding          :  0;
  width            : 450px;
  border           : 1px solid #aaa;
  background-color : #efefef;
  clear            : left;
  background       : url("http://www.mustique.com/img/map3.jpg") 0 32px no-repeat;
}
.container p, #routes p{
  text-indent      : 2.5em;
  margin           : 2px 5px;
  padding          : 5px;
} 
.container p.p1, #routes p.p1{ 
  text-align       : justify;
  margin           : 450px 0 0 0;
  padding          : 2px;
}
.container p.p2, #routes p.p2{
  text-align       : justify;
  padding          : 2px;
}
.container h3, #routes h3{
  position         : relative;
  color            : #ff9933;
  padding          : 8px 4px 8px 5px;
  font-size        : 18px; 
  line-height      : 16px;
  background-color : #4057a7;
  margin           : 0 0 4px 0;
  border-bottom    : 1px dashed #ff9933;
}
h2.title{
  text-align       : center;
}
span.quote{
  font-style       : italic;
  font-size        : .85em;
  margin           : 2px 0 0 50px;
  text-align       : center;
}
p.numbers{
  text-align       : center;
  text-indent      : 0;
  font-size        : .85em;
}
a#zoom{
  position         : relative;
  float            : left;
  top              : 180px;
  left             : 10px;
  text-align       : center;

}
a#zoom:hover{
  color            : #ff9933;

}
#map span{
  visibility       : hidden;
}
#map {
  background       : transparent url("http://www.mustique.com/img/bg_h3_map.jpg") 0 100% no-repeat;
}
