/* Stylesheet for Eddie's Place Restaurant */


/* Styles for BODY */
body {
	background-color: #FFF8E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
}
a {
	color: #990000;
}
a:hover {
	text-decoration: none;
}
p {
	margin-top: 14px;
	margin-bottom: 14px;
}


/* Styles for "Main Container" */
/* This container holds everything within a given page. */
div#main-container {
	margin: 30px 0px 30px 0px;
	width: 800px;
}

/* Styles for "Logo Container" */
/* This container holds the logo at the top of the page. */
div#logo-container {
	position: relative;
}
div#logo-container div#best-breakfast-award {
	position: absolute;
	top: 0px; 
	left: 30px;
}
div#logo-container div#awards-link {
	position: absolute;
	top: 0px; 
	right: 30px;
}

/* Styles for "Navigation Container" */
/* This container holds the navigation located at the top of each page. */
div#navigation-container {
	margin: 20px 0px 20px 0px;
}
div#navigation-container td { padding: 0px 12px; }
div#navigation-container a { background: url(images/background-navigation-home.png) no-repeat; display: block; overflow: hidden; text-indent: -9999px; }
div#navigation-container a#nav-home { background-position: 0px 0px; height: 27px; width: 45px; }
div#navigation-container a#nav-home:hover { background-position: 0px -28px; }
div#navigation-container a#nav-story { background-position: -67px 0px; height: 27px; width: 102px; }
div#navigation-container a#nav-story:hover { background-position: -67px -28px; }
div#navigation-container a#nav-menus { background-position: -191px 0px; height: 27px; width: 104px; }
div#navigation-container a#nav-menus:hover { background-position: -191px -28px; }
div#navigation-container a#nav-specials { background-position: -317px 0px; height: 27px; width: 114px; }
div#navigation-container a#nav-specials:hover { background-position: -317px -28px; }
div#navigation-container a#nav-directions { background-position: -454px 0px; height: 27px; width: 87px; }
div#navigation-container a#nav-directions:hover { background-position: -454px -28px; }
div#navigation-container a#nav-hours { background-position: -563px 0px; height: 27px; width: 46px; }
div#navigation-container a#nav-hours:hover { background-position: -563px -28px; }
div#navigation-container a#nav-contact { background-position: -633px 0px; height: 27px; width: 76px; }
div#navigation-container a#nav-contact:hover { background-position: -633px -28px; }


/* Styles for "Home Body Container" */
/* This container holds the content that's located on the home page only. */
table#homepage-verbage {
	border: dotted #000000;
	border-width: 0px 1px 0px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 20px 0px 0px 0px;
}
table#homepage-verbage td {
	margin-top: 11px;
	margin-bottom: 11px;
}
table#homepage-verbage td#cell-1 {
	padding: 8px 8px 0px 8px;
	width: 239px;
}
table#homepage-verbage td#cell-2 {
	border: dotted #000000;
	border-width: 0px 1px 0px 1px;
	padding: 8px 8px 0px 8px;
	width: 239px;
}
table#homepage-verbage td#cell-3 {
	padding: 8px 8px 0px 8px;
	width: 205px;
}
table#homepage-verbage td#cell-3 p {
	line-height: 13px;
	
}


/* Styles for "Lower Navigation Divider" */
/* This container holds a divider between the page content and lower navigation. */
div#lower-nav-divider {
	padding-top: 20px;
}


/* Styles for "Footer Container" */
/* This container holds the links located at the bottom of each page. */
div#footer-container {
	color: #000000;
	font-size: 10px;
	margin: 20px 0px 20px 0px;
}
div#footer-container a {
	color: #000000;
	text-decoration: none;
}
div#footer-container a:hover {
	text-decoration: underline;
}


/* Styles for "Credit Container" */
/* This container hold the design credit information located at the bottom of each page. */
table#credit-container {
	color: #000000;
	font-size: 10px;
	margin-bottom: 20px;
}
table#credit-container a {
	color: #000000;
	text-decoration: none;
}
table#credit-container a:hover {
	text-decoration: underline;
}