@font-face {
    font-family: "Goudy";
    src: url(OFLGoudyStMTT.ttf);
}

#arrow{bottom:-40px;position:relative}
#distance{background:url(../gfx/header.jpg) center center repeat-x;height:20px; padding-bottom: 30px; border-bottom: 10px solid white; box-shadow: 0 20px 500px rgba(0,0,0,0.2)}
#map{background:url(../gfx/map.png) no-repeat;height:290px; background-position: -175px -80px}
#map h2{color:#fff; font-weight:bold; text-shadow: 2px 2px 2px rgba(0,0,0,0.8)}
#meta{position: relative; top: -15px; color:#ddd;font-size:80%;margin-top:-40px}
#title{position: relative; top: -15px; color:#eee;margin-top:-40px; padding-bottom: 20px}
#udden{background:url(../gfx/udden.png) no-repeat bottom left;bottom:0;height:400px;left:0;position:fixed;width:600px;z-index:-1}
.bigvalue{font-size:185%}
.center{text-align:center}
.content{margin:5px	}
.ui-corner-all{background:#fff;min-height:65px}
.unit{font-size:80%}
body{background:#aaa url(../gfx/bg.jpg) repeat 0 -400px;font-size:72%}
body,html{height:100%; padding-bottom: 40px}
h1, h2 {font-weight: bold; font-family: "Goudy", Georgia, serif}
h1{font-size:28px; color: #eee; text-shadow: 0 1px 1px #555}
h2{font-size:24px; text-shadow: 0 1px 1px #ddd}
.container_16 div h2 { margin-bottom: -10px }
hr{border:0;height:1px}
.hidden {display:none;}
.grid_4.ui-corner-all, .grid_2.ui-corner-all, .grid_8.ui-corner-all, .grid_16.ui-corner-all, .shadow {box-shadow: 5px 5px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.2)}