Body {width: 100%; height: 100%; background-color: #cccccc; text-align: center; min-width: 760px; background-image: url(http://www.beerguppy.com/images/spacer.png); background-repeat: repeat-y; background-position: top center;}
* {margin:0; padding:0;}
div#wrapper {width: 720px; height: auto; margin-right: auto; margin-left: auto; text-align: left;}
div#logo {float: left; width: 400px; height: 550px;  background-image: url(http://www.beerguppy.com/images/guppylogo.png); background-position: 0 10px; background-repeat: no-repeat;}
div#content{float: right; width: 320px; height: auto;}
div#navigation{clear: both; width: 720px; height: 50px;}
div#footer{clear: both; width: 720px; height: 25px;}
div#frontpage{width:720px;}
div#homepage {clear: both; width: 720px; height: auto; text-align: justify;}

div#buttons {width:720px; height:50px; font-size: 27px;}
div#buttons ul{padding: 5px; margin-left: 120px;}
div#buttons li{float: left; list-style-type: none; padding: 0 6px; border: 2px solid black;}
div#buttons li:hover{background-color: #ffff99;}
div#buttons a{text-decoration: none; color: black; background-color: white;}
div#buttons a:hover{text-decoration: underline; color: black; background-color: #ffff99;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
*html .clearfix{height: 1%;}
.clearfix {display: block;}