/********************************
BASICS
********************************/
html {
    margin: 0;
    padding: 0;
}

body {
    background-color: #FFF;
    font-family: verdana, arial, sans-serif;
    line-height: 170%;
    font-size: x-small;
    color: #1F1F1F;
    text-align: center;
    margin: 26px 0 0 0;
    padding: 0;
}

h1, h2 {margin: 0 0 .3em 0;}

h3, h4, h5 {margin: 0 0 .2em 0;}

h1 {font-size: 230%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 105%;}

h1, h2, h3, h4, h5 {line-height: 100%;}

a,
a:link,
a:visited,
a:active,
a:hover {
    text-decoration: underline;
    border: none;
}

a,
a:link,
a:visited {
    color: #1F1F1F;
}

a:active,
a:hover {
    color: #CDCCCB;
    text-decoration: underline;
}

p {margin: 0 0 1em 0;}

img {
    border: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

li {display: block;}

.kill {clear: both;}


/********************************
CONTAINER
********************************/
#container {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    width: 634px;
}

#container,
#containerWrapper {
    margin: 0 auto 10px auto;
}

#containerWrapper {
    padding: 10px;
    width: 634px;
}

#containerWrapper
{
    background-color: white;
}

#banner {
	background: transparent URL(/images/logo.jpg) top left no-repeat;
	height: 75px;
}

#banner img {
	display: block;
	float: left;
	width: 300px;
	height: 65px;
}

/********************************
NAVIGATION
********************************/

#nav {
	clear: both;
	margin: 20px 0 0 0;
	width: 100%;
	height: 11px;
}


#nav li {float: left; height: 11px; overflow: hidden; margin: 0 0 0 31px;}

/* IE fix */
#nav li.nav1,
#nav li.nav1-s {_margin: 0 0 0 17px;}
/* IE fix */

li.nav1 img {background: transparent URL(/images/nav/nav-01.jpg) top left no-repeat; width: 90px;}
li.nav2 img {background: transparent URL(/images/nav/nav-02.jpg) top left no-repeat; width: 113px;}
li.nav3 img {background: transparent URL(/images/nav/nav-03.jpg) top left no-repeat; width: 36px;}
li.nav4 img {background: transparent URL(/images/nav/nav-04.jpg) top left no-repeat; width: 36px;}
li.nav5 img {background: transparent URL(/images/nav/nav-05.jpg) top left no-repeat; width: 35px;}
li.nav6 img {background: transparent URL(/images/nav/nav-06.jpg) top left no-repeat; width: 102px;}


.nav1 a:hover img, .nav1 a:active img, .nav1-s img {background: transparent URL(/images/nav/nav-01-r.jpg) top left no-repeat; width: 90px;}
.nav2 a:hover img, .nav2 a:active img, .nav2-s img {background: transparent URL(/images/nav/nav-02-r.jpg) top left no-repeat; width: 113px;}
.nav3 a:hover img, .nav3 a:active img, .nav3-s img {background: transparent URL(/images/nav/nav-03-r.jpg) top left no-repeat; width: 36px;}
.nav4 a:hover img, .nav4 a:active img, .nav4-s img {background: transparent URL(/images/nav/nav-04-r.jpg) top left no-repeat; width: 36px;}
.nav5 a:hover img, .nav5 a:active img, .nav5-s img {background: transparent URL(/images/nav/nav-05-r.jpg) top left no-repeat; width: 35px;}
.nav6 a:hover img, .nav6 a:active img, .nav6-s img {background: transparent URL(/images/nav/nav-06-r.jpg) top left no-repeat; width: 102px;}

/********************************
COPY
********************************/

#copy {
	position: absolute;
	top: 430px; 
	left: 180px; 
	width: 440px; 
	height: 140px; 
	overflow: auto;
	font-size: 100%;
}

#copy .link,
#copy .link a,
#copy .linkW,
#copy .linkW a,
#copy .linkB,
#copy .linkB a {
	display: inline;
	padding: 6px 6px 6px 0;
	font-size: 9px;
}

.linkW a,
.linkW a:link,
.linkW a:visited {
    color: #FFF;
}

.linkW a:active,
.linkW a:hover {
    color: #CDCCCB;
    text-decoration: underline;
}

.linkB a,
.linkB a:link,
.linkB a:visited {
}

.linkB a:active,
.linkB a:hover {
    color: #FFF;
    text-decoration: underline;
}

/********************************
MENU
********************************/
#menuCopy {
	background: #CDCCCB URL(/images/menu2bkg.gif) top left no-repeat;
	height: 508px;
}

#menuCopy
{
	padding: 10px;
}

#menuLeft {
	position: absolute;
	top: 329px;
	left: 15px;
	width: 305px;
	height: 245px;
	overflow: auto;
	color: #fff;
	line-height: 140%;
}

#menuLeft #one, #menuLeft #two {
	position: relative;
	width: 100px;
	top: 0;
	left: 0;
	float: left;
}

#menuLeft a,
#menuLeft a:link,
#menuLeft a:visited {
    color: #FFF;
    text-decoration: underline;
}

#menuLeft a:active,
#menuLeft a:hover {
    color: #CDCCCB;
    text-decoration: underline;
}

#menuLeft #one {
margin: 0 5px 0 0;
}

#menuLeft #two {
margin: 0 0 0 5px;
width: 180px;
padding: 0 0 0 10px;
border-left: 1px solid #FFF;
}


#menuRight
{
	position: relative;
	top: 15px;
	width: 100%;
	height: 480px;
	color: #666;
	line-height: 160%;
	overflow: auto;
}

.menuItemNav {
	margin: 0 0 20px 0;
}

.menuItemNav a {
	display: inline;
	padding: 3px;
	background-color: #FFF;
	text-decoration: none;
}

.menuItem
{
	border-bottom: 1px solid #FFF;
	margin: 3px 0;
	padding: 6px 0;
	text-transform: lowercase;
}

#menuRight span.description
{
	text-transform: lowercase;
}

.menuItem strong,
#menuRight h2,
div.restaurant
{
	text-transform: uppercase;
}

#menuRight h2,
#menuRight h1
{
	/* border-bottom: 1px dotted #000; */
	border-bottom: none;
	padding: 1px;
	background: url(/images/css-dotted.gif) repeat-x bottom;
}

#menuRight h1
{
	clear: both;
}

#menuRight h2,
span.subtitle
{
	font-size: 10px;
}

#menuRight h1
{
	font-size: 12px;
}

#menuRight td
{
	padding-right: 10px;
}

#menuRight h1.menuGroup,
#menuRight h2
{
	color: #000000;
}

#menuRight div.restaurant,
#wine-list
{
	color: #333333;
}

#wine-list
{
	width: 318px;
	height: 488px;
	padding: 10px;
	overflow: auto;
}

img.hero
{
	float: left;
}

img.hero
{
	padding-right: 15px;
}

img.hero
{
	padding-bottom: 15px;
}

#menuRight h1,
div.restaurant
{
	margin-bottom: 15px;
}

#menuRight h1
{
	margin-right: 5px;
}

#menuRight h1,
#menuRight h2
{
	padding-bottom: 3px;
}

div.restaurant
{
	font-size: 12px;
}

img,
#menuRight span.description
{
    display: block;
}

#menuRight span.description
{
	padding-bottom: 10px;
}

p.menu_category_description
{
	font-style: italic;
}

div.restaurant
{
	text-align: center;
}

/********************************
WINE
********************************/
#wineCopy {
	background: #CDCCCB URL(/images/winebottles.jpg) bottom right no-repeat;
	height: 510px;
}

#chefCopy {
	background: #CDCCCB URL(/images/chef-02.jpg) bottom right no-repeat;
	height: 510px;
}

#chefCopy-02 {
	background-color: #666;
	height: 510px;
	}
	
#chefCopy-02 p {
	color: #FFF;
}

#chefCopy-02 em {
	color: #FFFFCC;
}

#Right {
	position: absolute;
	top: 94px;
	left: 360px;
	width: 260px;
	color: #666;
	height: 310px;
	line-height: 146%;
    _line-height: 138%;
	overflow: auto;
}

#RightWineList
{
	position: absolute;
	top: 75px;
	left: 339px;
	width: 254px;
	color: #666;
	height: 300px;
	overflow: none;
}

#generalCopy {
	height: 508px; 
	background-color: #CDCCCB;
}

#generalCopy .one,
#generalCopy .one-private,
#generalCopy .two
{
	position: absolute;
	top: 425px;
	background-color: transparent;
}

#generalCopy .one,
#generalCopy .two
{
	line-height: 140%;
	width: 290px;
}

#generalCopy .one-private
{
	line-height: 130%;
	width: 590px;
}

#generalCopy .one-private,
#generalCopy .one
{
	left: 15px;
}

#generalCopy .two {
	left: 330px;
}


#generalCopy .one-private P
{
	margin-bottom: 4px;
}

#map {
	width: 634px; 
	height: 337px;
	background-color: #FFF;
	border-bottom: 4px solid #FFF;
}

#message {
	height: 20px;
}

#menuRight div.restaurant,
#map_name
{
	font-weight: bold;
}

#splash {
	border-top: 14px solid #CDCCCA;
	background-color: #666;
	height: 336px;
	padding: 0;
}

#sj_slideshow {
	padding: 0;
	margin: 0;
}

#footer {
width: 100%;
text-align: left;
margin: 36px 0 10px 0;
font-size: 9px;
}

#footer,
#footer a {
color: #BFBFBF;
}

#home-callout
{
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    margin-top: 12px;
	color: #666666;
}

#home-callout hr
{
	border: 0;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
}

#online-reservations
{
	text-align: center;
}

#online-reservations a#tmp
{
	color: #FFFFFF;
}