/* 
RESET 
============================================================================================ */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	:focus { outline: 0; }
	body { line-height: 1; color: black; background: white; }
	ol, ul { list-style: none; }
	table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
	caption, th, td { text-align: left; font-weight: normal; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }



/* 
STYLE
============================================================================================ */

/* BODY */
body { text-align: center; background: url(/images/bg-light.jpg) repeat-x; font-family: arial; }


/* HEADER */
#header { position: relative;  width: 100%; text-align: center; margin-top: 188; }
#centering-the-header { width: 900px; text-align: left; border: 0px solid red; margin: auto; position: relative; padding-top: 20px;}
#address-and-number { position: absolute; top: 40px; right: 0; line-height: 1.4em; font-size: 120%; text-align: right;}

/* CONTENT */
#content { position: relative;  width: 100%; text-align: center;}
#centering-the-content { width: 900px; text-align: left; border: 0px solid red; margin: auto; position: relative; padding-top: 40px;}

	/* text-area */
	#text-area { margin-left: 410px; width: 460px; border-left: 0px solid green; padding-bottom: 50px; min-height: 600px;}
	#breadcrumb { padding-bottom: 15px; font-size: 100%; color: white; }
	#breadcrumb a { color:white; background: none; }
	h1 { font-size: 160%; line-height: 1.2em; padding-bottom: 10px; width: 460px; }
	h1 span { font-size: 70%; }
	h2 { font-size: 120%; line-height: 1.2em; padding-bottom: 0px; }
	p { color: #333; line-height: 1.4em; padding-bottom: 10px; }
	ul { padding: 10px 0 0 15px; margin: 10px 0 0 15px; list-style: square; color: #333; }
	li { padding-bottom: 12px; }
	li a { font-weight: normal; font-size: 120%; }
	

/* FOOTER */
#footer { position: relative;  height: 300px; width: 100%; text-align: center; background: url(/images/bg-dark.jpg); border-top: 10px solid #93b87a; }
#centering-the-footer { width: 900px; text-align: left; border: 0px solid green; margin: 20px auto; position: relative;}
#map {font-weight: normal; font-size: 120%;  color: #222; padding-bottom: 20px; }

#map-and-address-and-phone { position: absolute; top: 20px; left: 20px; text-align: left; }

#more-restaurants { position: absolute; top: 20px; right: 20px; text-align: right; }
#more-restaurants #title {font-weight: normal; font-size: 120%;  color: #222; padding-bottom: 20px; }
#more-restaurants #entry { font-weight: bold; color: white; font-size: 120%  }	
#more-restaurants #entry a { font-weight: normal; color: white; font-size: 150%; background: none; }	
#more-restaurants #entry #location { color: #444; padding-bottom: 20px;font-size: 90%; font-weight: bold; letter-spacing: 2px;}	



/* MENU */
h3.menu_section_title { padding: 15px 0 3px 0; margin: 0 0 5px 0; color: #000; font-size: 130%; border-bottom: 2px dotted #333; width: 500px; }
p.menu_section_intro { font-style: italic; width: 430px; line-height: 1.2em; padding-bottom: 5px;}
.menu_section { margin: 0px 0 10px 5px; font-weight: bold; }

.menu_section td { padding: 0px; margin: 0px; line-height: 1.4em;}

#general_info { width: 350px; padding:0px 20px 0px 10px; margin: 0; line-height: 1.2em; font-weight: normal; font-size: small; }
p.description { padding:0px 0px 4px 10px;  margin: 0; line-height: 1.2em; font-weight: normal; font-size: small; width: 350px; }
.notes { clear: both; padding: 2px 0 0 5px; margin-top: 5px;font-weight: normal; line-height: 1.2em; font-size:90%; border-top: 1px dashed #333; width: 350px; color: #111;}






/* LINKS */
	a { color: #224438; text-decoration: none;  }
	a:link { color: #224438; text-decoration: none;  }
	a:visited { color: #224438; text-decoration: none;  }
	a:hover { color: #224438; text-decoration: none; background: #efefef; }