/**
* Default style sheet 
*/

html {
	/* background color */
	background: #efecdd url(images/html-bg.jpg) repeat-x;
}


body {
	/* layout */
	width: 820px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 1em;

	/* default font */
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/* font-size:0.80em; */
	font-size: 13px;

	/* colors */
	color: #474741;
	border: 1px solid gray;
	background: white;
}

mainContent img {
	margin: 0;
	padding: 0;
}

#headerContainer {
	/* layout */
	width: 820px;
	height:120px;

	/* colors */
	background: white url(images/header7.jpg) no-repeat;
}


#mainContainer {
	/* layout */
	width: 820px;

	/* colors */
	background: white url(image/body-bg2.jpg) repeat-y;
	color: #5b615f;
	color: gray;
	padding-top: 1px;
}
#mainContent {
	padding-bottom: 20px;
}
#mainContent hr { /* used to stretch border to clear floats */
	display: block; 
	clear: both; 
	margin: -0.66em 0;
	visibility: hidden;
}
#mainContainer h2 {     /* header styles */
	font-weight: bold;
	font-size: 1.6em;
	font-style: normal;
	margin-bottom: 1em;
}
#mainContent h1 {
	font-weight: bold;
	margin-bottom: 0.5em;
	font-size: 1.3em;
	color: #5b615f;
}

div#intro {
	margin-top: 60px;
	padding-left: 50px;
	width: 280px;
	float: left;
}
p.note {
	font-style: italic;
}


/* global link styles */
a:link, a:visited, a:hover, a:active {
	color: #598ec4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

p#contactInfo {
	line-height: 150%; 
	text-align: left; 
	margin-left: 60px;
	margin-top: 20px;
}

#footerContainer {
	/* layout */
	width: 820px;
	height: 40px;
	clear: both;

	/* text and font */
	text-align: center;
	font-size: 0.80em;
	font-family: arial;

	/* colors */
	background: white url(images/footer2.jpg) no-repeat;
	color: #3f2e12;
}
/* footer links */
#footerContainer a:link, #footerContainer a:visited, #footerContainer a:hover,
	#footerContainer a:active {
	color: #3f2e12;
	text-decoration: none;
}
#footerContainer a:hover {
	text-decoration: underline;
}

#footerContent {
	padding-top: 16px;
}

/*------------------------------------------------------------------------------
	Gallery styling
------------------------------------------------------------------------------*/

div#gallery {
	width: 726px;
	/* image height is 476, leave room for text caption */
	height: 520px;
	margin: 0 auto;
	margin-top: 10px;
}
div#galleryPreview {
	width: 216px;
	height: 400px;
	float: right;
}
div#galleryPreview a:hover {
	text-decoration: none;
}

div#galleryView {
	float: left;
	width: 500px;
	text-align: center;
}

div#galleryView img {
	display: block;
	margin:  0 auto;
}
div#galleryPreview img {
	margin-right: 5px;
	margin-bottom: 3px;
}


/*------------------------------------------------------------------------------
	Navigation menu styling
------------------------------------------------------------------------------*/

/* all navigation menus */

*.navbar li {
	padding-right: 22px;
	margin: 0;
    font-size: 0.9em;
    list-style-type: none;
    display: inline;
	/* override default font for menu */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

*.navbar a:link, *.navbar a:visited, *.navbar a:hover, *.navbar a:active {
    text-decoration: none;
	color: #5b615f;
}
*.navbar a:hover {
	text-decoration: none;
}

/* specific menus */

#headerContent {
	margin: 0;
}

#mainNav  {
	width: 640px;
}

#headerContent ul {
	margin: 0;
	padding: 0;
}

#headerContent {
	margin: 0;
	padding: 0;
	padding-top: 70px;
	padding-left: 30px;
}

#galleryNav {
	margin: 0 auto;
	padding-left: 80px;
	width: 720px;
	margin-bottom: 20px;
}
#galleryNav li  {
	margin-right: 240px;
}

#galleryNav a:link, #galleryNav a:visited, #galleryNav a:hover, #galleryNav a:active {
	color: #598ec4;
}

/*------------------------------------------------------------------------------
Styling for the Fee page used a modified version of the restaurant style
menu from: http://web-graphics.com/mtarchive/ItalianMenu.html
------------------------------------------------------------------------------*/
div#menu{
	width:500px;
	margin: 0 auto;
	text-align: left;
	/* font: 90% Georgia, "Trebuchet MS",Arial,sans-serif; */
}

div#menu h1{
	margin: 1.5em auto 0.3em;
	margin-bottom: 1.8em;
	font-size: 130%;
	text-align:left; 
	text-decoration: none;
}

div#menu h2{
	margin: 1em auto 0.3em;
	font-size: 120%;
	text-align:left;
}

div#menu dl{
	width: 100%;
	overflow: auto;
	margin: 0 0 1em;
	background: url(dot.gif) repeat-x 0 1.2em
}
div#menu dt, div#menu dd.price{
	background: #FFF;
	font-size: 110%;
}

div#menu dt{
	float: left;
	padding-right: 1px; 
}

div#menu dd{
	margin:0;
}
div#menu dd.price{
	float: right;
	padding-left:3px;
}
div#menu dd.ingredients{
	float: left;
	width: 100%;
	padding: 3px 0;
	color: #555
}