body {
margin: 0;
padding: 0;
background-color: #dfd1b9;
color: #000;  
font-family: arial, helvetica, sans-serif;
font-size: 100%;
}

a {
color: #fff;
}

a:hover {
text-decoration: none;
}

#container {
position: relative;
width: 700px;
height: 500px; 
margin: 25px auto;
background-color: #fff;
}

#logo {
position: absolute;
top: 0;
left: 0;
}

img {
border: none;
}

#title {
position: absolute;
top: 0;
left: 220px;
width: 260px;
height: 130px;
overflow: auto;
background-color: #fff54b;
}

#title h1 {
position: absolute;
top: 0.8em;
right: 5%;
margin: 0;
padding-left: 5%;
color: #cd3301;
font-size: 1.1em;
font-weight: bold;
text-align: right;
}

#title h2 {
position: absolute;
top: 4em;
right: 5%;
margin: 0;
padding-left: 5%;
color: #cd3301;
font-size: 0.7em;
font-weight: bold;
text-align: right;
}

#navmenu {
position: absolute;
top: 130px;
left: 0;
width: 220px;
height: 226px;
overflow: auto;
background-color: #cd3301;
}

#navlist {
width: 175px;
float: right;
margin: 0;
margin-top: 10px;
padding: 0;
font-size: 0.8em;
}

#navlist li {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #fff299;
text-align: right;
}

#navlist li#home {
border-top: none;
}

#navlist li a {
display: block;
height: 100%;
margin-right: 1px;
padding: 0.4em 0;
padding-right: 1.5em;
color: #fff299;
text-decoration: none;
}

#navlist li a:hover {
background-color: #d65b32;
}

#navlist li a.current, #navlist li a:hover.current {
background-color: #cd3301;
color: #ab1404;
cursor: default;
}

#submenu {
position: absolute;
top: 0;
left: 480px;
width: 220px;
height: 130px;
overflow: auto;
background-color: #ff9c00;
}

#sub-navlist {
width: 160px;
margin: 0;
margin-top: 9px;
padding: 0;
font-size: 0.8em;
border-top: 1px solid #fff54b;
}

#sub-navlist li {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #fff54b;
}

#sub-navlist li a {
display: block;
height: 100%;
margin-left: 1px;
padding: 0.2em 0;
padding-left: 1em;
color: #cd3301;
text-decoration: none;
}

#sub-navlist li a:hover {
background-color: #ffaf32;
color: #da5839;
}

#sub-navlist li a.current, #sub-navlist li a:hover.current {
background-color: #ff9c00;
color: #fff299;
cursor: default;
}

#content {
position: absolute;
top: 130px;
left: 220px;
width: 240px;
height: 350px;
overflow: auto;
padding: 10px;
background-color: #deab00;
}

#content.contact-maha {
top: 130px;
width: 460px;
height: 350px;
}

#what-they-say {
position: absolute;
top: 130px;
left: 220px;
width: 460px;
height: 350px;
overflow: auto;
padding: 10px;
background-color: #deab00;
}

#what-they-say .comment {
border-bottom: 1px solid #fff299;
font-style: italic;
}

#content h2, #what-they-say h2 {
color: #000;
font-size: 0.75em;
font-weight: bold;
}

#content h3, #what-they-say h3 {
color: #000;
font-size: 0.7em;
font-weight: bold;
}

#content h4, #what-they-say h4 {
color: #000;
font-size: 0.7em;
font-weight: normal;
}

#content p, #what-they-say p {
color: #fff;
font-size: 0.7em;
}

#content ul {
margin: 0;
padding: 0.3em 1.5em;
color: #fff;
font-size: 0.7em;
}

#logo-bottom-right {position: absolute; top: 390px; left: 480px;}

#home-01, #services-01, #menus-01, #location-catering-01, #wine-tastings-01, #what-they-say-01, #contact-maha-01 {
position: absolute; top: 356px; left: 0;}
#home-02, #services-02, #location-catering-02, #wine-tastings-02, #what-they-say-02, #contact-maha-02 {
position: absolute; top: 0; left: 480px;}
#home-03, #menus-03, #location-catering-03 {
position: absolute; top: 130px; left: 480px;}

.no-display {display: none}

#contact-form {
float: right;
width: 55%;
}

fieldset {
border: none;
background-color: transparent;
}

fieldset legend {
display: none;
margin-left: 20px;
}

fieldset p {
margin: 10px 0;
padding-left: 45px;
}

label {
float: left;
width: 18%;
margin: 1px 0.5em;
color: #cd3301;
font-size: 0.7em;
text-align: right;
}

fieldset input {
width: 65%;
margin: 1px 0.5em;
margin-right: 0;
padding: 2px 3px;
border: 1px solid #fff299;
background-color: #ffffa0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

fieldset textarea {
width: 65%;
height: 10em;
margin: 1px 0.5em;
padding: 2px 3px;
border: 1px solid #fff299;
background-color: #ffffa0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

button {
margin: 1em 0;
font-size: 0.8em;
}

.accesskey {
text-decoration: underline;
}