@import url('/stylesheets/front/menu.css');

/* =Elements
   ----------------------------------*/
	html { background:#f8eede url(images/bg.gif) repeat-x; margin:0; padding:0; }
   body { background:url(images/top_pattern.gif) repeat-x; color:#1a1a1a; font: 100%/100% Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; margin:0; padding:0;
          font-size: 18px;}
   
   a { color:#b32c2c; text-decoration:none; }
	a:hover { color:#b32c2c; text-decoration:underline; }
	a:visited { color:#b32c2c; text-decoration:underline; }
	
	blockquote { color:#402020; font-style:italic; margin:15px 0; }
	cite { color:#1a1a1a; font-style:normal; }
	
	dl { margin:0; }
	dt { color:#661919; font-weight:bold; font-variant:small-caps; }
	dd { margin:0 0 10px; }
	
	fieldset { background:url(images/form_bg.gif) no-repeat; border:none; }
   
	h1,h2,h3,h4 { color:#661919; font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; }
	h1 { font-style:italic; margin:0 0 10px; padding:0; }
	h2,h3,h4 { margin:0px 0 20px; }
	
	hr { background:url(images/hr2.gif) no-repeat; border:0; height:19px; }
	
	img { border:none; }
	
	ul { list-style:none; }
/*  ul li { background:url(images/bullet.gif) no-repeat 0 0.5em; list-style:none; margin-left:-15px; padding-left:15px; }*/
	
   p { margin:0; padding-bottom: 10px;}
	
/* =Layout
   ----------------------------------*/
   #wrapper{border-bottom: 1px solid red;}
   #container { font-size:.9em; line-height:1.5em; width:990px; margin:0 auto; padding:60px 0 0; }
   #header_wrapper{font-size:.9em; line-height:1.5em; width:990px; margin:0 auto;padding:60px 0 0;}
   #header { height: 100px;}
	#header, #recent-work, #about, #contact, #reservation { margin:0px 0 30px; clear:both; }
   .left-div { background:url(images/vertical_rule.gif) repeat-y right; width:690px; float:left; padding-right:10px; min-height: 300px;}
	.right-div { width:260px; float:right; }
	#footer { width:100%; padding:0 0 80px; }
	
/* =Header
   ----------------------------------*/
   .welcome { color:#402020; font-size:1.5em; font-style:italic; line-height:1.5em; margin-bottom:30px; }
	.left { width:525px; float:left; }
	.right { width:260px; float:right; }
   
/* =Recent Work
   ----------------------------------*/
	.work img { background:url(images/img_bg.gif) repeat; border:1px solid #a65353; margin-bottom:10px; padding:4px; float:left; }
	.work-details { background:url(images/vertical_rule.gif) repeat-y left; width:230px; margin-left:30px; padding-left:29px; float:left;}
	.work-details h3 { margin-top:0; }
	
	.small-thumbs { clear:both; }
	.small-thumbs img { border:1px solid #a65353; margin:5px 10px 10px 0; }
	
	/* =Coda Slider
		----------------------------------*/
		.stripViewer .panelContainer .panel ul { text-align: left; margin:0; }
			
		.slider-wrap { 
		/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin:0; position: relative; width: 100%; }
	
		/* These 2 lines specify style applied while slider is loading */
		.csw { width: 100%; height: 350px; overflow:auto; }
		.csw .loading {margin: 200px 0 300px 0; text-align: center}
	
		.stripViewer { 
		/* This is the viewing window */
		position:relative; overflow:hidden; 
		/* this is the border. should have the same value for the links */
		margin:auto; width:760px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height:350px; clear:both; }
			
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position:relative; left:0; top:0; width:100%; list-style-type:none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }
			
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left; height: 100%; position:relative; width:760px; /* Also specified in  .stripViewer  above */ }
			
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding:0; }
		
		.wrapper { margin-left:15px; }
			
		.stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 180px; text-indent: -9000em; }
		
		.stripNavL a, .stripNavR a { display: block; width:40px; height:17px; }
			
		.stripNavL { left: 0; }
		.stripNavR { right: 0; }
			
		.stripNavL { background: url("images/arrow_left.gif") no-repeat center; }	
		.stripNavR { background: url("images/arrow_right.gif") no-repeat center; }
	
/* =About
   ----------------------------------*/
	.author-pic { background:url(images/img_bg.gif) repeat; margin:0 5px 5px 0; padding:5px; float:left; }
	
/* =Contact
   ----------------------------------*/
	
/* =Footer
   ----------------------------------*/
	#footer p{ font-size:.8em; width:990px; margin:0 auto; }
	
/* =Misc
   ----------------------------------*/
	.backtotop { clear:both; }
	.right-div h3 { margin-top:0; }
	
	
/*tabs*/

ul#menu_tabs{
  list-style-type:none;
  padding:0;
  margin:0;
}

ul#menu_tabs li{
  float:left;
  margin:0 15px 30px 0;
  padding: 4px;
  padding-left: 6px;
  padding-right:6px;
}

ul#menu_tabs li a{
  color:#661919;
	font-family:Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
  text-decoration: none;
  font-weight: bold;
  font-size:18px;
}

ul#menu_tabs li.current {
	border-left: 1px solid #a95959;
	border-right: 1px solid #a95959;
	border-top: 1px solid #a95959;
	border-bottom: 3px solid #f8eede;
}

.clear{clear: both;}

#phone{
  width:202px; 
  float:right;
  margin-right:58px;
  background: url(images/status.gif) no-repeat;
  height:45px;
  color: #fff;
  font-size:16px;
  padding-top:85px;
  text-align:center;
}

#print{float: right;}

#map{border: 0px; width: 690px; height: 200px; margin-top: 0px;}

/* ------------------------------------- */
/* Form Styling                          */

form {
	background:#f4d0b2;
	border:1px solid #b32c2c;
	margin:0;
	padding:20px;
	margin-bottom: 15px;}
	
form .input-text {
	border:1px solid #b32c2c;
	color:#1F384A;
	background:#fff }
	
form label { color:#000; clear: both; }
	
form .submit-button {
	background:#b32c2c;
	border:1px solid #b32c2c;
	color:#fff }
	
	form .input-text {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:7px }
	
	form textarea {
		line-height:18px;
		width: 630px;}
	
	  form label{
  		display:block;
  		margin-top: 10px;
  		margin-bottom:10px;
  		font-size:12px;
  		text-transform:uppercase;
  		font-weight:bold;}
	
	form label span {
		display:block;
		float:left;
		padding:18px 10px 0 0;
		width:105px;
		font-size:12px;
		text-transform:uppercase;
		text-align:right;
		font-weight:bold }
	
	form .submit-button {
		padding:0px 6px;
		height:30px;
		line-height:30px;
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 0 0px;
		text-decoration:none }
	
	  form .submit-form {
  		display:block;
    	margin-top: 10px;
  		margin-left: 0px;}
  		


#menu-skin { padding:20px }
	
#menu-skin h2 { font-style:italic; font-weight:bold; margin:0 0 15px }

#left-form{
  float:left;width: 200px;margin-right:100px;
}

#right-form{
  float:left;
}

.front-facebox{
  width: 550px;
}

/** Guestbook =============================================================== */

#guestbook_post{
  background: #F4D0B2;
  border: 1px solid #B32C2C;
  margin-top:10px;
  margin-bottom:5px;
}

p#guestbook_author{
  padding:0 5px 0 5px;
  background: #B32C2C;
  color: #fff;
  border-bottom: 1px solid #B32C2C;
}

p#guestbook_post_content{
  padding:5px;
}

#pagination{
  background: #F4D0B2;
   border: 1px solid #B32C2C;
   margin-top:10px;
   margin-bottom:10px;
   text-align:center;
}

/** Menu overrides ========================================================== */

#menu li span.item_name_inner {
	background-color: #f8eede;
}

#menu li span.price{
  background: #f8eede none repeat scroll 0 0;
  color: #b32c2c;
}

#menu li span.item_name_outer {
	width: 560px;
}