#map_canvas {width: 65%; height: 37em; float:left; border: 1px solid black;}
html>body #map_canvas {width: 69%; height: 37em; float:left; border: 1px solid black;}
#route {width: 16.9em; height:37em;  border: 1px solid black; overflow: scroll;}
html>body #route {width: 30%; height:36.4em;  border: 1px solid black; overflow: scroll;}

div#fancy_plane {
background:transparent url('/images/fancy_plane.png') repeat scroll 0 0;
cursor:pointer;
display:block;
height:30px;
position:absolute;
left:+230px;
top:+15px;
width:30px;
z-index:200000;
}
div#fancy_plane:hover {
background:transparent url('/images/fancy_plane_hover.png') repeat scroll 0 0;
}
html>body div#fancy_plane {
background:transparent url('/images/fancy_plane.png') repeat scroll 0 0;
cursor:pointer;
display:block;
height:30px;
position:absolute;
left:+300px;
top:+12px;
width:30px;
z-index:200000;
}

div#fancy_ferry {
background:transparent url('/images/fancy_ferry.png') repeat scroll 0 0;
cursor:pointer;
display:block;
height:30px;
position:absolute;
left:+200px;
top:+15px;
width:30px;
z-index:200000;
}

div#fancy_ferry:hover {
background:transparent url('/images/fancy_ferry_hover.png') repeat scroll 0 0;
}
html>body div#fancy_ferry {
background:transparent url('/images/fancy_ferry.png') repeat scroll 0 0;
cursor:pointer;
display:block;
height:30px;
position:absolute;
left:+270px;
top:+12px;
width:30px;
z-index:200000;
}