/***** -~-~-~ LAYOUT ~-~-~- *****/

/*** Print ***/

#print-header {
	display: none;
}

/*** Header ***/

#header-shadow,
#header {
	height: 195px;
	margin: 0 auto;
}

#header-shadow {
	background: url(../images/layout/header-shadow.jpg) no-repeat;
	width: 853px;
}

#header {
	background: url(../images/layout/header.jpg) no-repeat;
	position: relative;
	width: 851px;
}

#header img {
	left: 45px;
	position: absolute;	
	top: 10px;
	z-index: 3;
}

/*** Content Container ***/

#container-shadow,
#footer {
	margin: 0 auto;
	width: 853px;
}

#container-shadow {
	background: url(../images/layout/container-shadow.jpg) repeat;	
}

#container {
	background: #FFF;
	margin: 0 auto;
	min-height: 278px;
	width: 851px;
}

#content {
	clear: both;
	font-size: .875em;  /* 16x.875=14px */
	line-height: 1.3571em;  /* 14x1.3571=19px */
	padding: 25px 25px 23px 25px;
}

/*** Interior: Primary Navigation ***/

body#main-index ul#primary-nav {
	display: none;
}

ul#primary-nav {
	display: block;
	font: 18px Georgia, "Times New Roman", Times, serif !important;
	list-style: none;
	margin: 0;
	padding: 0 0 11px 0;
	position: absolute;
	text-transform: lowercase;
	top: 219px;
	width: 851px;
	z-index: 2;
}

ul#primary-nav li {
	float: right;
	padding: 0 0 0 7px;
}

ul#primary-nav li a {
	float: left;
	display: block;
	text-decoration: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#primary-nav a {
	float: none;
}/* End IE5-Mac hack */


/* Catering Tab and Border */

ul.catering-border {
	background: url(../images/tabs/catering-border.png) no-repeat bottom left;
}

ul#primary-nav li.catering {
	background: url(../images/tabs/catering-left-int-off.gif) no-repeat left top;
	margin: 6px 15px 0 0;
}

ul#primary-nav li.catering a {
	background: url(../images/tabs/catering-right-int.gif) no-repeat right top;
	color: #000;
	padding: 5px 24px 6px 16px;
}

ul#primary-nav li#catering-current {
	background: url(../images/tabs/catering-left-int.gif) no-repeat left top;
	margin-top: 0;
}

ul#primary-nav li#catering-current a {
	padding: 9px 24px 8px 16px;
}

ul#primary-nav li.catering a:hover {
	color: #444;
}

/* Restaurant Tab and Border */

ul.restaurant-border {
	background: url(../images/tabs/restaurant-border.png) no-repeat bottom left;
}

ul#primary-nav li.restaurant {
	background: url(../images/tabs/restaurant-left-int.gif) no-repeat left top;
	margin-top: 6px;
}

ul#primary-nav li.restaurant a {
	background: url(../images/tabs/restaurant-right-int-off.gif) no-repeat right top;
	color: #FDFDFD;
	padding: 5px 16px 6px 10px;
}

ul#primary-nav li#restaurant-current {
	background: url(../images/tabs/restaurant-left-int.gif) no-repeat left top;
	margin-top: 0;
}

ul#primary-nav li#restaurant-current a {
	background: url(../images/tabs/restaurant-right-int.gif) no-repeat right top;
	padding: 9px 16px 8px 10px;
}

ul#primary-nav li.restaurant a:hover {
	color: #EBDBD3;
}

/*** Interior Navigation Container ***/

#secondary-nav {
	background-color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 47px;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	width: 851px;
}

/*** Secondary Navigation ***/

#secondary-nav ul {
	color: #D1C8B6;
	font-size: 22px;
	list-style-type: none;
	margin: 0 0 0 14px;
	padding: 16px 0 0 0;
}

#secondary-nav li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

#secondary-nav li a:link,
#secondary-nav li a:visited,
#secondary-nav li a:active {
	background: url(../images/layout/bkgd-nav.jpg) repeat-x;
	color: #D1C8B6;
	padding: 16px 13px 10px 13px;
	text-decoration: none;
}

#secondary-nav li a:hover, 
#secondary-nav li.current_link a:link,
#secondary-nav li.current_link a:visited,
#secondary-nav li.current_link a:active,
#secondary-nav li.current_link a:hover {
	background: url(../images/layout/bkgd-nav.jpg) repeat-x;
	color: #A93512;
	text-decoration: none;
}

/*** Secondary Navigation Dropdowm Menus ***/

#secondary-nav li ul {
	background-color: #222;
	display: none;
	font-size: 17px;
	list-style-type: none;
	margin: 6px 0 0 0;
	padding: 0;
	position: absolute;
	z-index: 2000;
	opacity: .95;
	filter: alpha(opacity=95);  /* IE-only */
	-moz-opacity: .95;  /* older Mozilla browsers */
}

html>/**/body #secondary-nav li ul, x:-moz-any-link, x:default { /* makes dropdown menu in Firefox 3 align properly */
	margin: 4px 0 0 0;
}

#secondary-nav li:hover ul {
	display: block;
}

#secondary-nav li ul li {	
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#secondary-nav li ul li a:link,
#secondary-nav li ul li a:visited,
#secondary-nav li ul li a:active, 
#secondary-nav li.current_link ul li a:link,
#secondary-nav li.current_link ul li a:visited,
#secondary-nav li.current_link ul li a:active {
	background-image: none;
	color: #D1C8B6;
	line-height: normal;
	display: block;
	padding: 4px 13px;
}

#secondary-nav li ul li a:hover, #secondary-nav li.current_link ul li a:hover {
	background-image: none;
	color: #A93512;
	text-decoration: none;
}

#secondary-nav li ul.feedback {
	width: 211px;
}

#secondary-nav li ul.contact {
	width: 142px;
}

#secondary-nav li ul.menu {
	width: 93px;
}

/*** Footer ***/

#footer {
	background: url(../images/layout/footer.jpg) no-repeat;
	color: #731C03;
	font: italic 16px Georgia, "Times New Roman", Times, serif; 
	height: 42px;
}

#footer span {
	display: block;
	padding: 8px 45px;
}

address,
address a:link,
address a:visited,
address a:active {
 	color: #444;
	font: italic 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 18px 0 23px 0;
	text-align: center;
	text-decoration: none;
}

address a:hover {
	color: #731C03;
}


/***** -~-~-~ BUTTONS ~-~-~- *****/

button { 
	border: 0; 
	cursor: pointer; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	padding: 0 12px 0 0; 
	text-align: center;
}

button span { 
	color: #fff;
	display: block; 
	padding: 0 0 0 12px;
	position: relative;
	white-space: nowrap; 
}

button.default span { 
	height: 37px; 
	line-height: 37px; 
	padding-left: 34px; 
}

button.default { 
	background:  url(../images/buttons/default-btn-rt.gif) right no-repeat;
}

button.default span { 
	background:  url(../images/buttons/default-btn-lt.gif) left no-repeat;   
}

button.default:hover { 
	background:  url(../images/buttons/default-btn-rt-hover.gif) right no-repeat; 
}

button.default:hover span { 
	background:  url(../images/buttons/default-btn-lt-hover.gif) left no-repeat;
}

button:hover a { 
	text-decoration: none;
}


/***** -~-~-~ CONTENT ~-~-~- *****/

body {
	background: url(../images/layout/bkgd.jpg) repeat center top;
	color: #222;
	font: normal 100% Arial, Helvetica, sans-serif; /* Default 16px */
	margin: 15px 0 0 0;
}

h1 {
	color: #731C03;
	font: 2em Georgia, "Times New Roman", Times, serif;  /* 14x2=28px */
	margin-bottom: 10px;
}

body#restaurant-pages h1,
body#catering-pages h1{
	padding: 6px 25px;
	margin: -25px -25px 20px -25px;
}

body#restaurant-pages h1 {
	background: url(../images/layout/h1-restaurant.png) no-repeat; 
	color: #FDFDFD;
}

body#catering-pages h1 {
	background: url(../images/layout/h1-catering.png) no-repeat; 
	color: #601600;
}

h2 {
	color: #601600;
	font: 2em Georgia, "Times New Roman", Times, serif;  /* 14x2=28px */
	margin-bottom: 13px;
}

h3 {
	color: #731C03;
	font: 1.3571em Arial, Helvetica, sans-serif;  /* 14x1.3571=19px */
	margin-bottom: 13px;
}

.large  {
	font-size: 1.1429em;  /* 14x1.1429=16px */
	line-height: 1.25em;  /* 16x1.25=20px */
}

.accent {
	color: #601600;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	

/*** Paragraphs ***/

p {
	margin: 0 0 13px 0;
}

/*** Lists ***/

ul, ol {
	margin: 13px 0;
	padding-left: 18px;
}

/*** Emphasis ***/

em {
	font-style: italic;
}

/*** Main Links ***/

a:link,
a:visited,
a:active {
	color: #731C03;
	text-decoration: none;
}

a:hover {
	color: #601600;
	text-decoration: underline;
}

/*** Superscripts and Subscripts ***/

sup, sub { 
	position: relative;
	vertical-align: 0;
}

sup { 
	bottom: 1ex;  /* x-height */
}

sub { 
	top: 0.8ex;  /* x-height */
}

/*** Horizontal Rules ***/

hr {
	background-color: #FFF;
	border-bottom: none;
	border-top: 1px solid #CCC;
	border-width: 1px 0;
	color: #CCC; /* Older versions of IE use the `color` attribute to style <hr> */
	height: 1px;
	line-height: 1px;
	margin: 0 0 15px 0;
	width: 100%;
}

/*** Images ***/

.imagespacert {
	float: right;
	margin: 0;
}

.imagespacert-alt {
	float: right;
	margin: 0 -25px 15px 15px;
}

.imagespacelt {
	float: left;
	margin: 0 15px 15px 0;
}

.imagespacelt-alt {
	float: left;
	margin: 0 15px 15px -25px;
}

.fork-knife {
	float: left;
	margin: 5px 10px 15px 0;
}

.photo {
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

/*** Clear Fix ***/

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

/*** Menus ***/

.menu-container td {
	vertical-align: top;
}
.menu-container td h2 {
	color: #731C03;
	font: 1.5714em  Georgia, "Times New Roman", Times, serif;  /* 14x1.5714=22px */
}

.menu-container td h3 {
	color: #222;
	font: 1.1429em Arial, Helvetica, sans-serif;  /* 14x1.1429=16px */
	margin: 13px 0 0 0;
}

.menu-container td p {
	color: #444;
	font-size: .8571em;  /* 14x.8571=12px */
	line-height: 1.3333em; /* 12x1.3333=16px */
	margin: 0 0 13px 0;
}

.menu-container td .large {
	color: #222;
	font-size: 1em;  /* 14x1=14px */
}

.menu-container td .price {
	background: url(../images/layout/price-dots.gif) no-repeat bottom left;
	color: #222;
	font-size: .8125em;  /* 16x.8125=13px */
	padding: 0 15px 0 32px;
}

.menu-container td p .price {
	font-size: 1em;  /* 13x1=13px */
}

.menu-container td.col2 {
	padding-left: 25px;
	width: 388px;
}

/***** -~-~-~ HOMEPAGE ~-~-~- *****/

/*** Homepage: Layout ***/

body#main-index #secondary-nav {
	display: none;
}

body#main-index #container {
	background: url(../images/home/home.jpg) no-repeat;
}

body#main-index #content {
	height: 218px;
	margin: 0;
	padding: 60px 25px 0 350px;
}

body#main-index #footer {
	background: url(../images/layout/footer-home.jpg) no-repeat;
	height: 43px;
}

body#main-index #footer span {
	padding: 9px 45px;
}

/*** Homepage: Primary Navigation ***/

ul#primary-nav-home {
	display: none;
}

body#main-index ul#primary-nav-home {
	display: block;
	font: 24px Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin: 0 0 0 550px;
	padding: 0;
	position: absolute;
	text-transform: lowercase;
	top: 202px;
}

html>/**/body#main-index ul#primary-nav-home, x:-moz-any-link, x:default { /* makes homepage tabs in Firefox 3 align properly */
	top: 200px;
}

body#main-index ul#primary-nav-home li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 7px;
}

body#main-index ul#primary-nav-home li a {
	float: left;
	display: block;
	text-decoration: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
body#main-index ul#primary-nav-home a {
	float: none;
}/* End IE5-Mac hack */


/* Catering Tab */

body#main-index ul#primary-nav-home li.catering {
	background: url(../images/tabs/catering-left.gif) no-repeat left top;
}

body#main-index ul#primary-nav-home li.catering a {
	background: url(../images/tabs/catering-right.gif) no-repeat right top;
	color: #000;
	padding: 4px 26px 3px 21px;
}

body#main-index ul#primary-nav-home li.catering a:hover {
	color: #444;
}

/* Restaurant Tab */

body#main-index ul#primary-nav-home li.restaurant {
	background: url(../images/tabs/restaurant-left.gif) no-repeat left top;
}

body#main-index ul#primary-nav-home li.restaurant a {
	color: #FDFDFD;
	background: url(../images/tabs/restaurant-right.gif) no-repeat right top;
	padding: 4px 16px 3px 8px;
}

body#main-index ul#primary-nav-home li.restaurant a:hover {
	color: #EBDBD3;
}


/***** -~-~-~ FEATURE AREAS ON LANDING PAGES ~-~-~- *****/

.callout-primary {
	height: 186px;
	margin-right: -25px;
	padding: 17px 20px 0 370px;
}

.callout-secondary {
	width: 480px;
}

/*** Catering ***/

body#catering-index .callout-primary {
	background: url(../images/catering/feature-catering.jpg) no-repeat;
}

body#catering-index #content {
	background: url(../images/catering/salad.jpg) no-repeat bottom right;
}

body#catering-index .callout-primary h1 {
	color: #333;
}

/*** Restaurant ***/

body#restaurant-index .callout-primary {
	background: url(../images/restaurant/feature-restaurant.jpg) no-repeat;
}

body#restaurant-index #content {
	background: url(../images/restaurant/burger.jpg) no-repeat bottom right;
}

body#restaurant-index .callout-primary h1,
body#restaurant-index .callout-primary .large {
	color: #FDFDFD;
}

body#restaurant-index .callout-primary h2 {
	color: #C5B9AA;
}