html, body { margin: 0px; height: 100%; background: #D9D0CC url(img/linen.png) top repeat-x; }
body, p, div, a, h1, h2, li { color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
a { color: #E0F2E1; }
h1, .h1 { font-size: 25px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 16px; }
td { vertical-align: top; }
.textfield, select, input, textarea { background-color: #FFFFFF; padding: 1px 5px 1px 5px; border: 1px solid #666666; width: 200px; }
select { width: 155px; }
textarea { width: 575px; height: 150px; }
input { width: auto; color: #4F7E9E; }
img { border: none; }

#container { 
	position: relative; margin: 0px auto; width: 800px; background: #421400 url(img/bg.png) repeat-y top;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
	padding: 0px;
}
#header { height: 219px; background: #E0F2E1 url(/img/headerPlates.jpg) no-repeat top right; }
#catering { position: absolute; top: 46px; left: 85px; width: 433px; height: 130px; background-color: #76C77E; }
#nav { width: 222px; height: 640px; background: #714F40 url(/img/nav.png) no-repeat top left; color: #FFFFFF; font-size: 18px; padding: 5px 0px 3px 0px; margin-right: 15px; }
#nav ul { float: none; padding: 0px; margin: 0px; }
#nav ul li { list-style: none; }
#nav ul li a { display: block; width: 200px; height: 33px; background-color: #421400; margin: 7px 0px 0px 10px; text-align: center; text-decoration: none; color: #FFFFFF; padding-top: 10px; font-size: 20px; } 
#nav ul li a span { display: none; }
#nav ul li a:hover { background-color: #552B1A; }

.home { background-image: url(/img/nav/btnHome.png); }
.home:hover, .homeOn { background-image: url(/img/nav/btnHomeOn.png); }

.about { background-image: url(/img/nav/btnAbout.png); }
.about:hover, .aboutOn { background-image: url(/img/nav/btnAboutOn.png); }

.philosophy { background-image: url(/img/nav/btnPhilosophy.png); }
.philosophy:hover, .philosophyOn { background-image: url(/img/nav/btnPhilosophyOn.png); }

.kitchen { background-image: url(/img/nav/btnKitchen.png); }
.kitchen:hover, .kitchenOn { background-image: url(/img/nav/btnKitchenOn.png); }

.dinner { background-image: url(/img/nav/btnDinner.png); }
.dinner:hover, .dinnerOn { background-image: url(/img/nav/btnDinnerOn.png); }

.contact { background-image: url(/img/nav/btnContact.png); }
.contact:hover, .contactOn { background-image: url(/img/nav/btnContactOn.png); }

.lagniappe { background-image: url(/img/nav/btnLagniappe.png); }
.lagniappe:hover, .lagniappeOn { background-image: url(/img/nav/btnLagniappeOn.png); }

#flavorbox { width: 578px; height: 640px; padding: 0px 15px 90px 15px; background-color: #421400; }
.clearfloat { clear: both; height: 0px; line-height: 0px; clear: left; }
#flavorbox p { padding: 10px 0px 0px 15px; }
#footer { position: absolute; z-index: 100; width: 800px; height: 83px; bottom: 0px; left: 0px; background-color: #E0F2E1; padding-top: 15px; float: none; }
#footer, #footer p { text-align: center; font-size: 11px; color: #421400; }
#footer a, #footer a:hover { color: #421400; font-size: 11px; text-decoration: underline; }