/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, tdx { margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }




html { height:100%; }

body {
	background:#333333 url(images/site_bg.gif) 50% 50% no-repeat;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
}

.clearer {clear:both; font-size:1%;}

div#container {
 	
	margin:auto auto auto auto;
	width:900px;  
	height:570px; 
	background:url(images/page_bg.gif) repeat-x;
}


div#header { height:129px; }
div#logo { float:left; width:366px; height:129px; }
div#info { float:right; width:534px; height:97px; color:#2b1716; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; }
div#info p { line-height:34px; padding:0 10px 0 0; text-align:right;  }
div#navigation { float:right; width:534px; height:32px; background:#fff; }



div#content { width:900px; height:393px; }

div#left { float:left; width:366px; height:393px; }

div#right { float:right; width:534px; height:393px; }

div#navigation ul { margin-top:9px; font-size:14px; }

div#navigation ul li {
	display:inline;
	margin:0 5px;
}

div#navigation a {
	color:#7b2b19;
	text-decoration:none;
	padding-bottom:2px;
	
}

div#navigation a:hover {
	text-decoration:none;
	border-bottom:solid 5px #7b2b19;
}
div#navigation a.selected {
	color:#7b2b19;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:solid 5px #7b2b19;
	
}
/* LEFT column
---------------------------------------------------- */
div.home { background:url(images/image_01.jpg) no-repeat; }
div.photo { background:url(images/image_09.jpg) no-repeat; }
div.kitchen { background:url(images/image_12.jpg) no-repeat; }
div.chef { background:url(images/image_04.jpg) no-repeat; }
div.bar { background:url(images/image_07.jpg) no-repeat; }
div.social { background:url(images/image_06.jpg) no-repeat; }
div.recipes { background:url(images/image_02.jpg) no-repeat; }
div.reviews { background:url(images/image_10.jpg) no-repeat; }
div.reservations { background:url(images/image_08.jpg) no-repeat; }
div.contact { background:url(images/image_11.jpg) no-repeat; }


/* RIGHT column
---------------------------------------------------- */

div#right { text-align:justify; color:#1d0807; }

div#right p, div#right h2 { padding:0 30px 10px; line-height:1.4em; }
div#right h2 {text-align:center; border-bottom:dotted 1px #660000; padding: 2px 10px 2px 10px; text-transform:uppercase; font-weight:bold; font-size:14px; color:#2b1716;}
div#right .header {text-transform:uppercase; font-weight:bold;}
div#right p.scrollfix { text-align:left; }
.clear{clear:both; display:block; height:1px;}

div#right .submenus {display:inline; }
div#right .headers {float: right; width: 534px; height:30px; margin:10px 0px 20px; padding: 0 0 0 15px; background-color: transparent; }	
div#right .headers-font {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#CC3300; font-weight:bold;}
div#right .nav-global {float: right; width: 534px; height:30px; margin:10px 0px 20px; padding: 0 0 0 15px; background-color: transparent; }	
div#right .nav-global ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px;}	
div#right .nav-global li {display: inline; white-space: nowrap; text-transform: none;}
div#right .nav-global li a {display: inline; margin: 0px; padding: 0px 6px 0px 4px; border-left: dotted 1px rgb(100,100,100); color: #333366; text-decoration: none;}
div#right .nav-global-font {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}

h1 { width:534px; height:30px; margin:10px 0px 20px; padding: 0 0 0 15px;}
h1.header { text-transform:uppercase; font-weight:bold; color:#7b2b19;}
/*h1 span { display:none; }*/

h1.home { background:url(images/header_home.gif) no-repeat; }
h1.photo { background:url(images/header_photo.gif) no-repeat; }
h1.kitchen { background:url(images/header_kitchen.gif) no-repeat; }
h1.chef { background:url(images/header_chef.gif) no-repeat; }
h1.bar { background:url(images/header_bar.gif) no-repeat; }
h1.social { background:url(images/header_social.gif) no-repeat; }
h1.recipes { background:url(images/header_recipes.gif) no-repeat; }
h1.reviews { background:url(images/header_reviews.gif) no-repeat; }
h1.reservations { background:url(images/header_reservations.gif) no-repeat; }
h1.contact { background:url(images/header_contact.gif) no-repeat; }
h1.map { background:url(images/header_map.gif) no-repeat; }
h1.hours { background:url(images/header_hours.gif) no-repeat; }
h1.menu { background:url(images/header_menus.gif) no-repeat; }


div.scroll { overflow:auto; height:270px; }


table.gallery {margin:0 auto; padding:0;}
table.gallery img {border:solid 1px #C27629; margin:2px;}

div#right a {
}

div#right a:hover {
}


/* FOOTER
---------------------------------------------------- */

div#footer { height:25px; background-color:#ffffcc;  }
div#footer p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:8px 4px 8px 10px;}
div#footer a {text-decoration: none; color: #000000; font-size:11px; }
div#footer a:hover {text-decoration:underline; }