body, html { margin: 0; padding: 0; background: #000; color: white; font-family: 'palatino linotype',palatino; } #logo { font-size: 20px; margin: 10px; } #logo h1 { display: inline; } #wrapper { width: 800px; margin-left: auto; margin-right: auto; } #menu { width: 780px; margin-left: auto; margin-right: auto; background: #be66b0; text-align: center; padding: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-box-shadow: inset 0px 2px 4px #C9795F; } #menu a { color: #a4fb3b; font-family: 'Arial Black'; text-decoration: none; } #menu ul { list-style: none; margin: 0px; padding: 0px; } #menu ul li { display: inline; margin-right: 30px; } #menu ul li.active { border-bottom: 3px solid #a4fb3b; } #menu ul li:hover { border-bottom: 1px solid #a4fb3b; } .submenu { width: 780px; margin-left: auto; margin-right: auto; background: #764778; text-align: center; padding: 9px; border-left: 1px solid #C9795F; border-right: 1px solid #C9795F; position: absolute; } .submenu ul { list-style: none; margin: 0px; padding: 0px; } .submenu ul li { display: inline; margin-right: 23px; padding-right: 6px; } .submenu a { color: #a4fb3b; font-family: 'Arial Black'; text-decoration: none; } .submenu ul li.active { border-bottom: 3px solid #a4fb3b; } .submenu ul li:hover { border-bottom: 1px solid #a4fb3b; } #content { color: #9AC78B; background: #362c45; margin: 0px; padding: 0px; padding: 20px; border-left: 1px solid #C9795F; border-right: 1px solid #C9795F; } #footer { width: 796px; margin-left: auto; margin-right: auto; background: grey; text-align: center; padding: 1px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border: 1px solid #C9795F; border-top: 0px; margin-bottom: 10px; font-size: 10px; }