html { overflow:hidden;}
body {font-family: helvetica;  overflow:hidden; overflow-y:hidden; overflow-x:hidden; }

#navigation a { padding:0}

#menudiap { margin:100px auto 0px auto;width: 800px; height: 200px;}

#navigation {list-style: none;}

#navigation li {float: left;}

#navigation a * { display: none;}

#navigation a, #navigation a .hover { height: 180px; position: relative; display: block; 
background: url(../images/multi2.png) 0 0 no-repeat;
}

/* .highlight {cursor:pointer;} */

/* individual navigation items */
#navigation a.residence { background-position: 0px -360px; width: 240px;}

#navigation .highlight a.residence:hover, #navigation a.residence .hover { 
background-position: 0px -180px; width: 240px;}

#navigation .highlight a.residence:active, #navigation a.residence .active { 
background-position: 0px -280px; width: 240px;}

#navigation a.station { background-position: -240px 0px; width: 240px;}

#navigation .highlight a.station:hover, #navigation a.station .hover {
background-position: -240px -180px;}

#navigation a.ski { background-position: -480px 0px; width: 240px;}

#navigation .highlight a.ski:hover, #navigation a.ski .hover { background-position: -480px -180px;}