/* CSS */

body { background-color: #E3E0D9; margin: 0; padding: 0; font-size: 62.5%; font-family: Helvetica,  Arial, sans-serif; }

h1 		 { background: #E3E0D9 url(../images/thecraftsman.png); text-indent: -9999px; margin: 0; padding: 0; width: 272px; height: 200px; }
p, li 	 { font-size: 1.3em; line-height: 1.6em; }
a 		 { color: #600A00; }
#intro p { font-size: 1.5em; }

#header { position: absolute; left: 50%; width: 272px; height: 200px; margin-left: -136px; margin-top: 40px; }
#navigation { position: absolute; top: 264px; width: 100%; background: #000 url(../images/navigation.jpg) 50% no-repeat; height: 48px; }
#content { position: absolute; width: 912px; left: 50%; top: 324px; margin-left: -456px; }

#navmenu{ position: absolute; left: 50%; width: 692px; margin-left: -346px; height: 48px; }

#navmenu a { overflow: hidden; }

#about { position: absolute; background: url(../images/nav.png) no-repeat 0 0; width: 120px; height: 48px; text-indent: -9999px; }
#about:focus { outline: 0; }
#about:hover { background: url(../images/nav.png) no-repeat 0 -48px; width: 120px; height: 48px; }

#menu { position: absolute; left: 132px; background: url(../images/nav.png) no-repeat -132px 0; width: 110px; height: 48px; text-indent: -9999px; }
#menu:focus { outline: 0; }
#menu:hover { left: 132px; background: url(../images/nav.png) no-repeat -132px -48px; width: 110px; height: 48px; }

#drinks { position: absolute; left: 257px; background: url(../images/nav.png) no-repeat -257px 0; width: 124px; height: 48px; text-indent: -9999px; }
#drinks:focus { outline: 0; }
#drinks:hover { left: 257px; background: url(../images/nav.png) no-repeat -257px -48px; width: 124px; height: 48px; }

#specials { position: absolute; left: 395px; background: url(../images/nav.png) no-repeat -395px 0; width: 141px; height: 48px; text-indent: -9999px; }
#specials:focus { outline: 0; }
#specials:hover { left: 395px; background: url(../images/nav.png) no-repeat -395px -48px; width: 141px; height: 48px; }

#contact{ position: absolute; left: 549px; background: url(../images/nav.png) no-repeat -549px 0; width: 143px; height: 48px; text-indent: -9999px; }
#contact:focus { outline: 0; }
#contact:hover { left: 549px; background: url(../images/nav.png) no-repeat -549px -48px; width: 143px; height: 48px; }

#menulink { float: left; background: url(../images/menu.jpg) no-repeat 0px 0px; width: 304px; height: 96px; text-indent: -9999px; margin: 16px 48px 304px 0; }
#menulink:focus { outline: 0; }
#menulink:hover { float: left; background: url(../images/menu.jpg) no-repeat 0px -96px; width: 304px; height: 96px;}

#content .photo { width: 304px; margin-left: 48px; float: right; }
#content .photo img { margin-bottom: 16px; }
img { border: 0; }

table { margin-bottom: 50px; }

td, th { font-size: 1.3em; }
h2 	   { font-size: 1.8em; margin: 1.5em 0 1em; }
h3	   { font-size: 1.5em; }
td h3  { font-size: 1.154em; }

th.variety { width: 330px; }
th.price   { width: 60px; text-align: left; color: #666; font-style: italic; font-weight: normal; }


span.price { margin-left: 15px; font-style: italic; }
li.addition { list-style: none; text-indent: 20px; }