body {font-family: Arial, Helvetica, sans; font-size: 12px; padding: 0; margin: 0; }
a {color: #333; }
#top {background: url('background.png'); background-repeat: repeat-x; } 
#heading {background: url('heading-grad.png'); background-repeat: repeat-x;  }
#heading, #banner {width: 768px; margin: auto; }
#logo {padding: 10px 0 20px 0; }

#logonav {float: right; margin-right: 10px; }
.navbutton {display: inline-block; padding: 4px 10px; margin-left: 10px;  }
.nav-contact {}
.nav-order {background: #006f49; color: white; }
.nav-login {background: #ff0000; color: white; }

#search {float: right; margin-right: 20px; }
#search input {width: 100px; border: 1px solid #999; border-radius: 3px; }

#topmenu {margin: 0; padding: 0; }
#topmenu li {margin: 0; padding: 0; list-style-type: none; display: inline-block; vertical-align: top; background: #6e6f75; background-image: url('menu-button.png'); background-repeat: repeat-x;  }
#topmenu a {text-decoration: none; display: block; padding: 5px 20px 0 20px; height: 32px; color: white; max-width: 70px; }
#topmenu li.selected {background: white; color: black; }
#topmenu li.selected a {color: inherit; }

#submenu {margin: 0; padding: 0; background: white; }
#submenu li {margin: 0; padding: 0; list-style-type: none; display: inline-block; vertical-align: top; }
#submenu li a {display: block; text-decoration: none; padding: 10px 5px 10px 20px	; }