body {
 background-color: #fff;
 margin: 0;
 padding: 0;
 font: 12px Tahoma, Verdana, sans-serif;
 color: #888;
 }

a {
 text-decoration: none;
 outline: none;
 color: #888;
 }

#canvas {
 position: absolute;
 width: 720px;
 height: 520px;
 z-index: 1;
 border: solid 1px #ccc;
 }

.content {
 position: absolute;
 top: 80px;
 left: 110px;
 width: 500px;
 height: 360px;
 line-height: 13px;
 }

.content p {
 text-align: justify;
 padding: 4px 0px 2px 0px;
 margin: 0px;
 }

.centerImg {
 border: none;
 width: 720px;
 height: 520px;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 font-size: 430px; /* for IE: 90.5% of box height */
 z-index: 2;
}

.centerImg img {
 /* border: solid 1px #000; */
 boder: 0;
 vertical-align:middle;
 }

#map {
 position: absolute;
 top: 27px;
 left: 0px;
 width: 498px;
 height: 273px;
 border: solid 1px #fff;
}

#loading {
 position: absolute;
 left: 333px;
 top: 100px;
 }

#nav {
 position: absolute;
 top: 210px;
 left: 0px;
 width: 718px;
 height: 98px;
 border: solid 1px #ccc;
 background-color: #fff;
 z-index: 4;
 }

dt, dl, dd, ul, li {
 list-style-type: none;
 margin: 0 10px 0 0;
 padding: 0;
}

#menu {
 position: absolute;
 left: 30px;
 top: 66px;
}

#menu dl {
 float: left;
}

#menu li {
 display: inline;
}

#menu a {
 text-decoration: none;
 color: #888;
}

#menu a:hover {
 color: #ccc;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
 position: absolute;
 left: 0;
 font-size: 11px;
 width: 300px;
 display: none;
}