body { background-color: #69c; color: #F4AC56; font-size: 100%; font-family: georgia; }
#page { width: 729px; margin: auto; }
#top { height: 456px; position: relative; background-image: url(images/top.png); }
#content { padding: 1px 30px; background-image: url(images/middle.png); }
#bottom { height: 81px; background-image: url(images/bottom.png); }

#navigation { margin: 0; padding: 0; position: absolute; bottom: 0; left: 102px; list-style-type: none; }
#navigation li { width: 95px; height: 65px; margin-right: 13px; float: left; background-image: url(images/nav-link-bg.png); }
#navigation a { height: 65px; display: block; text-indent: -1000px; overflow: hidden; }
#navigation a { background-position: center center; background-repeat: no-repeat; }

#home a { background-image: url(images/home.png); }
#about a { background-image: url(images/about.png); }
#games a { background-image: url(images/games.png); }
#sun a { background-image: url(images/sun.png); }
#contact a { background-image: url(images/contact.png); }

#home a:hover { background-image: url(images/home-hi.png); }
#about a:hover { background-image: url(images/about-hi.png); }
#games a:hover { background-image: url(images/games-hi.png); }
#sun a:hover { background-image: url(images/sun-hi.png); }
#contact a:hover { background-image: url(images/contact-hi.png); }

h1 { text-align: center; }