html, body {height: 100%; margin: 0; padding: 0; background: black; color: white; text-align: center;}
div#base {position: absolute; width: 650px; height: 400px; margin-left: -325px; margin-top: -200px; left: 50%; top: 50%;}

h1 {position: relative; overflow: hidden; display: block; width: 650px; height: 120px; margin: 0;}
h1 span {position: absolute; left: 0; top: 0; display: block; width: 650px; height: 120px; background: url(../img/hp-logo.gif);}

div#base h2 {margin: 0 0 1px 0;}
div#base h2 a {display: block; width: 650px; height: 100px;}
div#base h2 a:hover {background-position: 0 -100px;}
div#base h2 a:focus {-moz-outline: none; outline: none;}

h2#coffee a {background: url(../img/hp-coffee.gif); color: #9D823A;}
h2#coffee a:hover {color: #D1AD4D;}

h2#bufet a {background: url(../img/hp-bufet.gif); color: #873A37;}
h2#bufet a:hover {color: #B44E49;}

h2#catering a {background: url(../img/hp-catering.gif); color: #4D734F;}
h2#catering a:hover {color: #679969;}