* {
	padding: 0px;
	margin: 0px;
}

html, body {
	position: relative;
	height: 100%;
	background-color: #fff;
}

body {
font-family: "Trebuchet MS", "Helvetica", Sans-serif;
font-size: 14px;
letter-spacing: -0.4px;
}

html {
overflow: hidden;
}

table {
	width: 1500%;
	height: 400%;
}

td {
	text-align: center;
}

#maps {
position: absolute;
margin-left: 20px;
}

.navigation div {
	font-size: 20px;
	position: fixed;
	cursor: pointer;
}
.navigation .up {
        top: 1%;
	left: 49.4%;
}

.navigation .down {
	bottom: 0px;
	left: 49.4%;
}

.navigation .left {
        left: 1%;
	top: 50%;
}

.navigation .right {
	right: 1%;
	top: 50%;
}

.navigation #map-bn {
top: 2%;
left: 2%;
font-size: 14px;
border-bottom: solid 3px #ccc;
color: #666;
}

.navigation #info-bn {
top: 2%;
right: 2%;
font-size: 14px;
border-bottom: solid 3px #ccc;
color: #666;
}


a, span {
border-bottom: solid 3px #ccc;
cursor: pointer;
}

a:hover, span:hover {
border-bottom: solid 3px #000;
cursor: pointer;
}

img {
padding-bottom: 10px;
}

.info {
width: 640px;
height: 640px;
}


#map, #info {
width: 100%;
height: 100%;
position: fixed;
display: none;
}

#info, #map {
background: #fff;
-moz-opacity: 0.9;
opacity: 0.9;
}

.push {
padding-bottom: 20px;
}

#info div {
text-align: left;
padding-top: 80px;
width: 500px;
margin: auto;
}

#info div p {
text-align: left;
margin-top: 10px;
}


#map img {
padding-top: 40px;
margin: -1.9px;
border: 0;
}