/* CSS Document */

@import url("nav.css");

* {
 margin: 0;
 padding: 0;
}

body {
 background-color: #FBF4DC;
 text-align:center;
 font: 12px Arial;
 color: #000000;
}

a em {
  position: absolute;
  left: -9999px;
}

a {
 color: #684C37;
}

a:hover {
 color: #BF9678;
}

hr {
 display: none;
}

hr.clear-hr {
 display:block;
 clear:both;
 visibility: hidden;
 height: 0px;
}

#wrapper {
 width: 758px;
 margin: 10px auto 0 auto;
 text-align: center;
 border-bottom:2px solid #A18D77;
 background: url("../images/wrapper-bg.gif") no-repeat 0 bottom; 
 position:relative;
 padding-bottom:1px;
}

/* --------------------- Header --------------------------------- */

#header  {
 width: 758px;
 height: 80px;
 background: url("../images/header.gif") no-repeat 0 0;
 position:relative;
 float:left;
}

h1#logo a {
 background: url("../images/masthead-logo.gif") no-repeat 0 0;
 width: 236px;
 height: 46px;
 display:block;
 margin: 20px auto 0 auto;
 padding: 0;
}


/* ------------------------- Content Area --------------------------- */

#content-wrapper {
 width: 758px;
 border-bottom: 1px solid #A18D77;
 position:relative;
 float:left;
 background: url("../images/content-bg.gif") repeat-y 0 80px; 
}


/* ------------------------ Masthead -------------------------------- */

.masthead {
 width: 580px;
 height: 169px;
 float:left;
}

#masthead_dining {
 background: url("../images/masthead_dining.jpg") no-repeat 0 0;
}

#masthead_menus {
 background: url("../images/masthead_menus.jpg") no-repeat 0 0;
}

#masthead_rotm {
 background: url("../images/masthead_rotm.jpg") no-repeat 0 0;
}

#masthead_chefBios {
 background: url("../images/masthead_chefBios.jpg") no-repeat 0 0;
}

#masthead_reservations {
 background: url("../images/masthead_reservations.jpg") no-repeat 0 0;
}

#masthead_awards {
 background: url("../images/masthead_awards.jpg") no-repeat 0 0;
}

#masthead_contact {
 background: url("../images/masthead_contact.jpg") no-repeat 0 0;
}

#masthead_bar {
 background: url("../images/masthead_bar.jpg") no-repeat 0 0;
}

#masthead_events {
 background: url("../images/masthead_events.jpg") no-repeat 0 0;
}

#masthead_utility {
 background: url("../images/masthead_contact.jpg") no-repeat 0 0;
}

/* ------------------------ Main Content Area ----------------------- */

#main-content {
 width: 399px;
 float:left;
 text-align:left;
 line-height: 18px;
 padding-top: 25px;
}

div#content-wrapper div.wide {
 width: 575px;
}

#main-content p, #main-content ul {
 margin:0 25px 25px 25px;
}

#main-content ul ul {
 margin-bottom:0;
}

#main-content h3, #main-content h4 {
 margin:0 25px 10px;
 font-size: 12px;
 font-weight: bold;
}
div.rss-style {
	width: 577px;
	float: left;
	text-align:left;
 line-height: 18px;
 padding-top: 25px;
 }
/* ----- General form styles ---------------------------------------------*/
form.validate fieldset {
	clear: both;
	border: solid #999999;
	border-width: 1px 0 0 0;
	margin-bottom: 5px;
	padding: 5px 10px;
	}

form.validate legend {
	padding: 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: #c95239;
	color: black;
	}
div.field label.no-float { display:inline!important; float:none!important; padding-right:0; }

form.validate input, form.validate select, form.validate textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; }
form.validate input.textfield:focus, form.validate textarea:focus { background: #ffffe0; }
form.validate option { padding-right: 15px; }

form.validate input.textfield {
	width: 145px;
	border: 1px solid #999999;
	padding: 1px 2px;
	}

form.validate input.checkbox {
	width: 15px;
	padding: 1px 2px;
	}


form.validate textarea.textfield {
	width: 225px;
	height: 100px;
	border: 1px solid #999999;
	padding: 1px 2px;
	}

input#email_address { width: 180px; }
input#phone, input#fax { width: 125px; }
input#zip { width: 80px; }
input#submit { margin: 0 0 20px 150px; padding: 0 5px; }


/* ----- Layout rules ----------------------------------------------------*/

#main-content form p{
 margin-bottom: 0px;
}

form.validate div.field {
	clear: both;
	margin-bottom: 0.3em;
	}

form.validate span.required, form.validate label.required {
	font-weight: bold;
	}

form.validate div.field label {
	display: block;
	float: left;
	width: 115px;
	padding: 3px 4px;
	text-align: right;
	}

div#main-content .checkboxes { margin-left: 123px; list-style: none; }
div#main-content .checkboxes li { margin-bottom: 0.3em; }
div#main-content .indent { margin: 0.5em 0 0.5em 140px; }
div.field img { vertical-align: text-bottom; }
img.validation-error { margin-left: 3px; }

/* -------------------- Sifr Stuff -------------- */

.sIFR-hasFlash div#content h1, .sIFR-hasFlash div#content h2, .sIFR-hasFlash div#content h3 { visibility: hidden; }
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 display: block;
 overflow: hidden;
}

div.masthead h1 {
 margin: -23px 0 0px 25px;
 font-family: "Times New Roman", Times, serif;
 font-size: 18px;
 color: #ffffff;
 line-height: 22px;
}

div#main-content h2 {
 margin: 0 25px 5px 25px;
 font-family: "Times New Roman", Times, serif;
 font-size: 15px;
 color: #9F2E08;
 line-height: 17px;
}

/* ------------------------ Calendar Bar -------------------------- */

#calendar-bar {
 width: 178px;
 float:right;
 position:relative;
}

ul#side {
 list-style: none;
 line-height: 1.4em;
 width: 168px;
 padding: 4px 4px 3px 4px;
 border: 1px solid #A18D77;
 background-color: white;
	}

div#calendar-bar ul#side li {
	margin: 0 0 1px 0;
	padding: 0;
	background-color: #FBF4DC;
	border-width: 0 0 1px 0;
	border-color: #d7c8aa;
	border-style: solid;
	}

div#content ul#side li.cal {
	border: 0;
	}

ul#side a {
	padding: 0 0 0 10px;
	color: #461d01 !important;
	}

ul#side a:hover {
	color: #BF9678 !important;
	}

div#calendar-box {
	background-color: #fafaef;
	padding: 0 4px;
	border: 1px solid #d7c8aa;
	}

div#calendar-box table td, div#calendar-box table th {
	padding: 1px 2px;
	text-align: center;
	}

div#calendar-box table td.daily, div#calendar-box table td.special {
	background-color: #dcdbaf;
	}

div#calendar-box table td.daily a, div#calendar-box table td.special a {
	color: #679228 !important;
	}

div#calendar-box table td.daily a:hover, div#calendar-box table td.special a:hover {
	color: #8Ca764 !important;
	}

div#calendar-box table th#current_month {
	text-align: center;
	}

div#calendar-box table a {
	font-weight: bold;
	padding: 0;
	}

ul.vcalendar {
	list-style: none;
	font-size: 1em !important;
	}

ul.vcalendar li.event {
	margin: 0 !important;
	padding: 0 !important;
	width: 328px;
	}

div.event {
	width: 328px;
	}

div.event *, ul.vcalendar li.event * {
	margin-right: 0 !important;
	}

iframe#reservations-iframe {
    margin:10px 0 15px 70px;
    border:0;
}

abbr {
	border: 0;
	}

img.cal {
	border: 0;
	}


/* ------------------------ Push Marketing -------------------------- */

#push-marketing {
 width: 181px;
 float:right;
 position:relative;

 text-align:right;
}

#push-marketing img {
 margin-right: 1px;
 padding-bottom:3px;
 border-left: 3px solid #C04620;
 border-bottom:1px solid #A18D77;
}

#push-links {
 position:absolute;
 left:0px;
 top:330px;
}

#push-links ul {
 margin: 0;
 list-style:none;
}

#push-links ul li {
 height: 36px;
 display: block;
 margin: 0 0 1px 0; 
 background: url("../images/push-link-bg.png") no-repeat 0 0;
 float:left;
 display:inline;
}

#push-links ul li a {
 background-position: 0 0;
 background-repeat: no-repeat;
 display: block;
 height: 21px;
 width: 177px;
	margin-top:7px;
	left:0;
}

#push-links ul li a:hover, #push-links  ul li a.current {
  background-position: -190px 0;
}


a#special-events {
 background-image:url("../images/special-events.gif");
}

a#newsletter {
 background-image:url("../images/newsletter.gif");
}

div.form-error { border: 2px solid #f00; padding: 8px 10px; text-align: left; background: #ff9; color: #000; font-size: 1.1em; }

/* --------------------------- Footer ------------------------- */
#footer p{ margin-bottom:10px;}

#footer{
 width: 826px;
 position:relative;
 margin:0 auto;
 padding:0;
}

/*---------------The footer follow us area-----------------*/

div#follow-us-wrapper {
	background:transparent url(/images/social-media-bg.jpg) no-repeat scroll center 4px;
	display:block;
	margin:3px 0 5px 15px;
	padding:21px 15px 4px 18px;
	width:80px;
	height:33px;
}

.footerElement{
	float:left;
	margin:0 0 0 28px;
}

.bakery {margin-top: 5px;}
.driskill {margin-top: 2px;}
.dhr {margin-top: 12px;}

.footerClear{
	padding:0 0 0 65px;
}