body {
background: #abac8f;
margin: 0;
}


#page {
position: absolute;
z-index: 2;
left: 50%;
margin-left: -405px;
width: 810px;
margin-top:20px;
}


.index_navshadow {
background: url(assets/index_shadow.png) no-repeat;
height: 9px;
width: 774px;
position: absolute;
z-index: 10;
}

.index_bg_dark {
height: 444px;
width: 100%;
position: absolute;
top:0;
left: 0;
background: #c9caae;
}



.index_uppercontent {background:url(assets/bg.png) repeat-y; padding-left: 4px;}
.index_lowercontent {background:url(assets/index_bg_lower.png) repeat-y; padding-left: 4px;}


#header {
background:url(assets/header.png) no-repeat left top;
width: 810px;
height: 4px;
margin-left: 0px;
}

/* index styles */

.index_mast {
background:url(assets/index_mastimg.jpg) no-repeat left top;
width: 399px;
height: 418px;
margin: 1px;
float: left;
}


.index_content {
margin-left: 399px;
width: 332px;
padding: 20px 0 0 40px;
height: 400px;

}

.index_content_title {
background:url(assets/index_title.gif) no-repeat left top;
width: 332px;
height: 198px;
}

.index_content p {
font-family: Garamond, Georgia, serif;
font-size: 1em;
color: #322f2e;
line-height: 1.6em;

}

.index_hr {
background:url(assets/3stripe_divider.png) no-repeat top;
width: 332px;
height: 7px;
display: block;

}

.index_navigation {
list-style: none;
margin: 0 0 0px -39px;
*margin: -18px 0 0px 1px;
width: 800px;
height: 201px;
}


.menu a {
width:199px;
height:200px;
display: block;
background: url(assets/index_button_menu.jpg) 0 0 no-repeat;
}

.ducks a {
position: absolute;
margin-left: 200px;
margin-top: -200px;
width:199px;
height:200px;
display: block;
background: url(assets/index_button_ducks.jpg) 0 0 no-repeat;
}

.soup a {
position: absolute;
margin-left: 400px;
margin-top: -200px;
*margin-top: -219px;

width:199px;
height:200px;
display: block;
background: url(assets/index_button_todayssoup.jpg) 0 0 no-repeat;
}

.contact a {
position: absolute;
margin-left: 600px;
margin-top: -200px;
*margin-top: -238px;

width:199px;
height:200px;
display: block;
background: url(assets/index_button_contact.jpg) 0 0 no-repeat;
}

.index_navigation li a:hover {
background-position: 0 -200px;
}



/* Footer */

.footer_shadow {
background:url(assets/index_footer.png) no-repeat left top;
width: 810px;
height: 4px;
}

.footerbutton {list-style: none; margin-top:-4px; margin-left: 332px; 
*margin-left: 372px;}


.ld_button {
width: 65px;
height: 32px;
display: block;
background: url(assets/ld_button.png) 0 0 no-repeat;
}

.ld_button:hover {background-position: 0 -32px;}