@charset "UTF-8";
/* CSS Document */

/* Reserved */

html * { margin: 0; padding: 0; }	
body { 
	color: #9b8579; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	background: #5b2200; 
	margin-top: 15px; 
	}	
p { 
	color: #9b8579; 
	font: 11px/17px Georgia, 
	"Times New Roman", Times, serif bold; 
	}

a {
	color: #5f2600;
	font-size: 11px;
	text-decoration: none;
	border: none;
	outline: none;
	}
	a:hover { color: #e32226; }

h1 {
	margin-bottom: 5px;
	}

ul {	
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	}

img { border: none; }



/* Specific */

#welcomepage {
	background: #5b2200;
	
	}
	#flash {
		width: 1000px;
		margin: 20px auto 0 auto;
		background: #5b2200;
		}
	#skip {
		width: 100px;
		padding-bottom: 20px;
		margin: 0 auto;
		}
		#skip a { font-size: 13px; color: #fff; }
			

#pagewrapper {
	width: 769px;
	height: 634px;
	margin: 0 auto;
	border: 1px #000 solid;
	}

#pagewrapper2 {
	background: url(../img/leftcolbg2.jpg) repeat-y top left;
	width: 769px;
	margin: 0 auto;
	border: 1px #000 solid;
	}
	
#sidebar {
	background: url(/public/img/leftcolbg.jpg) no-repeat 0 186px;	
	width: 216px;
	float: left;
	}
	

#sidebar2 {	
	width: 216px;
	float: left;
	}
	
#logo {
	display: block;
	width: 216px;
	height: 187px;
	}
#reservations {
	display: block;
	width: 216px;
	height: 60px;
	}

#menu {
	border-top: 2px #f4ecad dashed;
	width: 176px;
	height: 333px;
	padding: 30px 0 22px 0;
	margin: 0 20px;
	}
	#menu li a{
		display: block;
		width: 176px;
		line-height: 26px;
		}
		#menu li a:hover { color: #f4ecad; }
	
	#menu li.hours{
		padding: 10px 0 0 0;
		display: block;
		width: 176px;
		line-height: 20px;
		color: #f4ecad; 	
		font-size: 11px;
		font-family: Georgia, "Times New Roman", Times, serif; 
		}

.fancywrapper {
	width: 553px;
	height: 634px; 
	float: left;
	}
	#section-about {
		background: url(/public/img/aboutbg.jpg) no-repeat bottom left;
		}
	#section-cuisine {
		background: url(/public/img/cuisinebg.jpg) no-repeat bottom left;
		}
	 #section-events {
		background: url(/public/img/eventsbg2.jpg) no-repeat bottom left;
		}	
	#section-recipes {
		background: url(/public/img/recipesbg.jpg) no-repeat bottom left;
		}
	#section-news {
		background: url(/public/img/newsbg.jpg) no-repeat bottom left;
		}
	#section-contact {
		background: url(/public/img/contactbg.jpg) no-repeat bottom left;
		}
	#section-giftshop {
		background: url(/public/img/giftshopbg.jpg) no-repeat bottom left;
		}
	 #section-default {
		background: url(/public/img/homebg.jpg) no-repeat bottom left;
		}

#maincontent {
	background: url(/public/img/maincontentbg.png) no-repeat top left;
	width: 423px;
	height: 634px;
	padding: 0 65px; 
	position: relative;
	}
	
#maincontent2 {
	background: url(../img/maincontentbg2.jpg) repeat-y top left;
	width: 423px;
	padding: 0 65px; 
	position: relative;
	float: left;
	}
		
#nav {
	width: 423px;
	height: 45px;
	padding-top: 6px;
	overflow: hidden;	
	}
	#nav li {
		display: block;
		float: right;
		}
		#nav li a {
			font-family: Arial, Helvetica, sans-serif;	
			font-size: 9px;
			line-height: 45px;
			margin-left: 14px;
			}
			
#nav2 {
	width: 423px;
	height: 45px;
	padding-top: 6px;	
	}
	#nav2 li {
		display: block;
		float: right;
		}
		#nav2 li a {
			font-family: Arial, Helvetica, sans-serif;	
			font-size: 9px;
			line-height: 45px;
			margin-left: 14px;
			}
			
#breadcrumbs {
	margin: 15px 0;
	text-align: right;
	}
	#breadcrumbs p {
		text-transform: uppercase;
		text-decoration: underline;
		color: #9b8579;
		font-size: 9px;
		line-height: 10px;
		}

#scrollcontainer {
	height: 275px;
	width: 400px;
	margin-bottom: 20px;
	padding-right: 20px;
	float: left;
	overflow: auto;
	text-align: justify;
	font-size: 11px;
	line-height: 17px
	}
	#scrollconatiner p {
		text-align: justify;
		font-size: 11px;
		line-height: 17px
		}
			
#storecontainer {
	width: 380px;
	margin-bottom: 20px;
	position: relative;
	float: left;
	}
	#storecontent{
		font-size: 11px;
		line-height: 17px;
		}
		#storecontent p {
			text-align: justify;
			font-size: 11px;
			line-height: 17px
			}

#clearfix {
	clear: both;
	}	

#controls { padding: 235px 0 0 20px; float: left; }
	#controls a.button {
		background: url(/public/img/continuebutton.gif) no-repeat;
		text-indent: -9999px;
		width: 17px;
		height: 17px;
		display: block;
		}	
		a.button#up:hover { background-position: 0 -17px; }
		a.button#down { background-position: -17px 0; }
		a.button#down:hover { background-position: -17px -17px;}		

#footer {
	width: 769px;
	margin: 20px auto 0 auto;
	text-align: center;
	}
	#footer p { font-size: 9px; line-height: 24px; }
		#footer p span { font-weight: bold; }
		#footer p a { color: #9b8579; font-size: 9px; font-weight: bold; }

		#facebook { 
			background: url(/public/img/facebookicon.jpg) top left no-repeat;
			display: inline-block;
			width: 20px;
			height: 20px;
			text-indent: -9999px;
			margin-left: 10px;
			}
		
		#twitter { 
			background: url(/public/img/twittericon.jpg) top left no-repeat;
			display: inline-block;
			width: 20px;
			height: 20px;
			text-indent: -9999px;
			}
			
	a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	background: #fff;
	float: left;
}