/*
Jack Pepper stylesheet is based on the Menumill Rounded Blank StyleSheet
Tom Beck
Copyright (c) 2008, MenuMill. All rights reserved.

Color Palette:

off-white: #fcfdf8
red: #BF1E2D
dark brown: #44342E
mid-tone grey: #877F7B

transparency: #5C473D @ 55%

*/


/*=============================
  Global Page Elements 
===============================*/

html{
  height:100%;
  background: #fcfdf8 url(bg-body.jpg) repeat-x left top;
  
}
body{
  height:100%;
  text-align:left;
  font-family: Helvetica, "MS Trebuchet", Arial, sans-serif;
  color:#877F7B;
}
p{}
blockquote{
	padding:5px 30px;
	font-style: italic;
}
strong{
  font-weight:bold;
  color:#44342E;
}
em{
  font-style: italic;
}
a, a:link, a:visited{
  color:#44342E;
  text-decoration:none;
}
a:hover, a:active{
  color:#BF1E2D;
  text-decoration:none;
}
hr{
  clear:both;
  border:none;
  border-bottom: 1px solid #666;
}
br{
	clear:both;
}
img{}
caption{}
/*=============================
  Heading Elements 
===============================*/
h1{
  display:inline;
  line-height:2.5em;
  font-size:200%;
  color:#44342E;
}
h2{
  position:relative;
  top:-3px;
  display:inline;
  line-height:2em;
  font-size:110%;
  font-weight:bold;
  color:#BF1E2D;
  text-transform: uppercase;
}
h3{
  font-size:110%;
  text-transform: uppercase;
  font-weight:bold;
  color:#44342E;
}
h4{
  color:#44342E;
}
h5{
  color:#44342E;
  font-size:130%;
  display:inline;
}
h6{}

/*=============================
  Global Layout Elements 
===============================*/
#doc1{}
#doc2{}
#doc3{}
#doc_cust{
  width:906px;
  margin:70px auto;
  margin-bottom:5px;
  background-color:#FFF;
  -moz-border-radius: 24px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
}
#hd{
	position:relative;
	width:100%;
	background-color:#FFF;
  -moz-border-radius: 24px 24px 0px 0px;
	border-radius: 24px 24px 0px 0px;
	-webkit-border-top-right-radius: 24px;
        -webkit-border-top-left-radius: 24px;

}
#bd{
	position:relative;
	width:100%;
	background-color:#FFF;
}
#ft{
	position:relative;
	width:100%;
	color:#FFF;
  text-align:center;
  background-color:#44342E;
  -moz-border-radius: 0px 0px 24px 24px;
	border-radius: 0px 0px 24px 24px;
	-webkit-border-bottom-right-radius: 24px;
        -webkit-border-bottom-left-radius: 24px;
}
/*=============================
  Content 
===============================*/
#logo{
  position:absolute;
  width:300px;
  top:20px;
  left:20px;
}
#header{
	position:relative;
	height:120px;
}
#banner{
  position:relative;
  height:300px;
  width:900px;
  overflow:hidden;
}
#banner img{
  position:relative;
}
#overlay{
  position:absolute;
  height:300px;
  width:900px;
  top:0px;
  background: transparent url(transparency.png) repeat-y center top;
  overflow:hidden;
  z-index:10;
}
#main{
	position:relative;
	width:600px;
	margin:0px 150px;
	padding-bottom:30px;
  background-color:#FFF;
}
#content{
  background: #DDD url(bg-stainless.jpg) repeat-y center top;
  overflow:hidden;
}

#footer{
	position:relative;
	padding:10px;
	background-color:#44342E;
  -moz-border-radius: 0px 0px 24px 24px;
	border-radius: 0px 0px 24px 24px;
		-webkit-border-bottom-right-radius: 24px;
        -webkit-border-bottom-left-radius: 24px;
}
#column_1{
  position:relative;
  top:0px;
  padding:10px 15px;
  padding-bottom:60px;
}
#column_2{
  position:absolute;
  top:50px;
  left:-110px;
}
#credit{
  width:900px;
  margin:0px auto;
  text-align:right;
}
/*=============================
  Navigation Elements 
===============================*/
#mainnav {
  position:absolute;
	height:45px;
	width:700px;
	top:10px;
	right:0px;
	margin-top:50px;
	margin-right:30px;
	line-height:1.5em;
	color:#BF1E2D;
	text-align:right;
	font-size:130%;
}
#mainnav li{
  display:inline;
}
#mainnav a{
  padding:3px;
  text-transform: lowercase;
}
#mainnav a:link, #mainnav a:visited{}
#mainnav a:hover, #mainnav a:active{}


#footernav{
	position:relative;	
	width:100%;
}
#footernav {}
#footernav li{}
#footernav a{
  color:#FFF;
}
#footernav a:link, #mainnav a:visited{}
#footernav a:hover, #mainnav a:active{}


#subnav{
  position:absolute;
  top:30px;
  right:0px;
	/*====width:100%;===*/
	
	font-size:75%;
}
#subnav {}
#subnav li{
  display:inline;
}
#subnav a{
  font-weight:bold;
  text-transform: uppercase;
}
#subnav a:link, #subnav a:visited{}
#subnav a:hover, #subnav a:active{}


#restaurantnav{
	position:absolute;
	top:350px;
	left:-115px;	
	width:600px;
	text-align:left;
	text-indent:7px;
	z-index:99;
	text-transform: uppercase;
}
#restaurantnav {}
#restaurantnav li{
  display:inline;
}
#restaurantnav a{
  font-weight:bold;
}
#restaurantnav a:link, #restaurantnav a:visited{}
#restaurantnav a:hover, #restaurantnav a:active{}

/*=============================
  Menus 
===============================*/
#menu{
  padding-top:20px;
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
}
#menu p{
  padding:5px;
}
#menu dl {
  padding:5px;
}
#menu dt{
  color:#44342E;
  font-weight:bold;
}
#menu dd{
  font-size:90%;
  font-style: italic;
}
#column_2 ul{
  font-size:125%;
  line-height:1.5em;
}
#column_2 li a{
  color:#FFF;
}

/*=============================
  Events 
===============================*/

/*=============================
  Galleries 
===============================*/
/*=============================
  Blog 
===============================*/

/*=============================
  Effects 
===============================*/
.shadow{
	padding:1px 2px 2px 1px;
	background: transparent url(black-05.png) repeat;
	-moz-border-radius: 24px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
}
/*=============================
  Global Class Styles 
===============================*/

.hidden{
	display:none;
}
.clear{
	clear:both;
}
.ar{
  text-align:right;
}
.al{
  text-align:left;
}
.right{
	float:right;
}
.left{
	float:left;
}
.top{
  z-index:999;
}