body, td, th {font-family:serif; color:rgb(77,77,77);}
body {background-color:rgb(153,204,153); margin:0; padding:0; border-width:1px 0; background-attachment:fixed; background-image:url("images/leafback2.jpg");}
html {margin:0; padding:0;}

#container {width:990px; margin:0;}

#contentArea {width:735px; margin:2px 20px 20px 230px;}
#contentArea h1 {font-size:120%; vertical-align:bottom; font-weight:normal; margin:0; padding:0; height:46px}
#contentArea h2 {font-size:110%; margin:1em 0 0 0;}
#contentArea table {border-collapse:collapse;}
#contentArea td {vertical-align:top;}
#contentArea th {text-align:left;}
#contentArea p {width:30em; margin:0 1.5em 1em 0;}
#contentArea p {width:auto;}
#contentArea #content {margin:0;}
#contentArea #openingHours {margin-top:1em;}
#contentArea #openingHours h2 {font-weight:normal;}
#contentArea #openingHours td {width:50%;}
#contentArea #openingHours ul {margin:0;}
#contentArea .company-name {text-transform:uppercase; font-size:110%;}

#mainMenuArea {position:absolute; left:10px; top:60px; width:200px;}
#mainMenuArea ul {background-color:transparent; padding:1px 0; margin:0; list-style:none;}
#mainMenuArea li {background-color:transparent; margin:8px; padding:3px 5px; border:1px solid rgb(77,77,77);}
#mainMenuArea li a {color:rgb(255,255,255); text-decoration:none; display:block;}
#mainMenuArea li a:hover {text-decoration:underline;}
#mainMenuArea li:hover,
#mainMenuArea li.active {background-color:rgb(77,77,77);}
#mainMenuArea p {margin-left:8px;}

#brandingArea {margin:6px 0 4px 30px;}
#brandingArea table {border-collapse:collapse; padding:0;}
#brandingArea td {padding:0; vertical-align:bottom;}
#brandingArea h1 {margin:0; padding:0; width:200px;}
#brandingArea h2 {margin:0 0 5px 0; padding:0; width:675px; font-size:110%; font-weight:normal; color:rgb(77,77,77);}
#brandingArea h1 a {text-decoration:none; text-transform:uppercase; color:rgb(77,77,77); font-family:serif; font-size:30pt; font-weight:bold;}

iframe#content {width:740px; height:495px; border:0;}