/* Page Setup
----------------------------------------------- */	

* {
		margin: 0;
		padding: 0;}

html {
		height: 100%;}
	

body {
		background-color: #111111;
		background-image: url(../images/page_bg.gif);
		background-repeat: repeat-x;
		background-position: top center;
		text-align: center;
		font-size: 68.75%;}		

hr {
		color: #e0e0e0;
		background-color: #e0e0e0;
		border: 0;
		height: 1px;}

p {
		margin-bottom: 1.5em;}

img {
		border: 0;}

li {
		margin-left: 8px;
		list-style: square outside;}


/* Header
----------------------------------------------- */

#header {
		background-image: url(../images/header_bg.png);
		background-repeat: no-repeat;
		background-position: center top;
		position: relative;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		width: 830px;
		height: 105px;}

#header img {
		position: absolute;
		top: 28px;
		left: 48px;}


/* Navigation Menu
----------------------------------------------- */

#menubar {
		background-image: url(../images/menu_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		margin-left: auto;
		margin-right: auto;
		width: 830px;
		height: 33px;}

#menubar div {
		margin-top: 3px;
		margin-right: 25px;
		float: right;}

#menubar div img {
		margin-right: 8px;}


/* Viewport
----------------------------------------------- */

#body {
		background-image: url(../images/body_bg.png);
		background-repeat: no-repeat;
		background-position: center top;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 830px;
		height: 492px;}

#body iframe {
		margin: 6px 31px 0px 31px;
		text-align: center;
		width: 768px;
		height: 468px;}

#signature {
		position: absolute;
		top: 310px;
		left: 805px;
		z-index: 1;
		padding: 12px 8px 12px 8px;
		border-top: 1px dotted #3a352e;
		border-bottom: 1px dotted #3a352e;}		


/* Home Page
----------------------------------------------- */

#home-bg {
		width: 768px;
		height: 468px;}

#home {
        	position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		text-align: right;
		width: 768px;}

#home img.intro {
		margin-top: 8px;}

#home p.quote { 
		margin-top: 18px;
		margin-left: auto;
		margin-right: 36px;
		margin-bottom: 18px;
		line-height: 1.636em;
		text-align: left;
		width: 300px;}

#home p span {
		margin-left: 1.636em;
		color: #b07b13;}

#links {
		margin-top: 12px;
		margin-left: auto;
		margin-right: 36px;
		margin-bottom: 18px;}

#links img.links {
		margin-left: 12px;}


/* Menu Page
----------------------------------------------- */

#menu-bg {
		width: 768px;
		height: 468px;}

#menu {
        	position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		text-align: right;
		width: 768px;}

#menu1 {
		background-image: url(../images/menu_lunch_bg.png);
		background-repeat: no-repeat;
		background-position: center top;
        	position: absolute;
		top: 14px;
		left: 382px;
		text-align: center;
		width: 368px;
		height: 440px;}

#menu1 a {
		margin-left: 184px;
		margin-right: 48px;
		width: 136px;
		height: 22px;
		display: block;}

#menu2 {
		background-image: url(../images/menu_dinner_bg.png);
		background-repeat: no-repeat;
		background-position: center top;
        	position: absolute;
		top: 14px;
		left: 382px;
		text-align: center;
		width: 368px;
		height: 440px;
		visibility: hidden;}

#menu2 a {
		margin-left: 48px;
		margin-right: 184px;
		width: 136px;
		height: 22px;
		display: block;}

#menu iframe {
		margin: 64px 12px 36px 24px;
		text-align: center;
		width: 332px;
		height: 318px;
		overflow-x: hidden;}

#menu-container {}

#menu-container p.small-caps {
		color: #f8c258;
		font-size: 1.273em;
		font-weight: bold;
		line-height: 2.182em;}

#menu-container li { 
		line-height: 2.182em;
		list-style: none outside;}

#menu-container li span {
		margin-left: 1.636em;
		color: #b07b13;}


/* Reviews Page
----------------------------------------------- */

#reviews-bg {
		width: 768px;
		height: 468px;}

#reviews {
        	position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		text-align: right;
		width: 768px;}

#reviews img.title {
		margin-top: 18px;}

#reviews p.quote { 
		margin-top: 18px;
		margin-left: auto;
		margin-right: 36px;
		margin-bottom: 18px;
		line-height: 1.636em;
		text-align: left;
		width: 300px;}

#reviews p span {
		margin-top: 4px;
		margin-left: 150px;
		color: #b07b13;
		line-height: 1em;
		text-align: right;
		width: 150px;
		display: block;}


/* Location Page
----------------------------------------------- */

#location-bg {
		width: 768px;
		height: 468px;}

#location {
        	position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		text-align: right;
		width: 768px;}

#location img.title {
		margin-top: 18px;}

#location p { 
		margin-top: 18px;
		margin-left: auto;
		margin-right: 36px;
		margin-bottom: 24px;
		line-height: 1.636em;
		text-align: center;
		width: 300px;}

#location p.address { 
		font-weight: bold;}

#location p span { 
		color: #b07b13;}

#map {
		margin-left: auto;
		margin-right: 24px;
		border: 1px dotted #b07b13;
		width: 320px;
		height: 240px;}

#map-caption {
		margin-top: 12px;
		margin-left: auto;
		margin-right: 18px;
		text-align: left;
		font-size: .91em;
		width: 320px;}

/* Parties Page
----------------------------------------------- */

#parties-bg {
		width: 768px;
		height: 468px;}

#parties {
        	position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		text-align: right;
		width: 768px;}

#parties img.title {
		margin-top: 18px;}

#parties p { 
		margin-top: 18px;
		margin-left: auto;
		margin-right: 36px;
		margin-bottom: 18px;
		line-height: 1.636em;
		text-align: left;
		width: 300px;}

#parties p.quote { 
		margin-right: 54px;
		padding: 12px;
		border-top: 1px dotted #b07b13;
		border-bottom: 1px dotted #b07b13;
		font-size: .91em;
		font-style: italic;
		width: 270px;}

#parties p.call { 
		margin-top: 12px;
		color: #b07b13;
		font-size: 1.636em;
		font-weight: bold;
		text-align: left;
		width: 300px;}

#parties p span {
		margin-top: 12px;
		color: #b07b13;
		line-height: 1em;
		text-align: right;
		width: 246px;
		display: block;}

#parties li { 
		margin-left: auto;
		margin-right: 36px;
		line-height: 1.636em;
		text-align: left;
		width: 300px;}


/* Catering Page
----------------------------------------------- */

#catering-bg {
		width: 768px;
		height: 468px;}

#catering {
        	position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		text-align: right;
		width: 768px;}

#catering img.title {
		margin-top: 18px;}

#catering p { 
		margin-top: 18px;
		margin-left: auto;
		margin-right: 36px;
		margin-bottom: 18px;
		line-height: 1.636em;
		text-align: left;
		width: 300px;}

#catering p.call { 
		margin-top: 12px;
		color: #b07b13;
		font-size: 1.636em;
		font-weight: bold;
		text-align: left;
		width: 300px;}

#catering p span {
		margin-top: 12px;
		color: #b07b13;
		line-height: 1em;
		text-align: right;
		width: 246px;
		display: block;}

#catering li { 
		margin-left: auto;
		margin-right: 36px;
		line-height: 1.636em;
		text-align: left;
		width: 300px;}


/* Footer
----------------------------------------------- */

#footer {
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 16px;
		text-align: left;
		width: 768px;}

#footer img.logo {
		margin-left: 8px;
		margin-right: 16px;
		float: left;}

#footer div {
		padding: 8px 16px 8px 16px;
		border-left: 1px dotted #3a352e;
		border-right: 1px dotted #3a352e;
		float: left;}

#footer img.jtlogo {
		margin-right: 8px;
		float: right;}



