body     { text-align:center; background:#170000 url(../images/backLeather.jpg) center repeat-y; 
           font-family:"Trebuchet MS", "Trebuchet MS Bold", "Trebuchet MS Bold Italic", "Trebuchet MS Italic";}

#shell   { margin:0 auto;}

#shell, #header, #content, #topNav, .cols3, .cols2, #footer { width:929px;}

#content   { background:url(../images/backgroundDark.png) repeat-y; padding:40px 0; text-align:left;}
.cols3     { background:url(../images/back-colLines2.png) repeat-y;}
.cols2     { background:url(../images/back-colLines1.png) repeat-y;}

.colThin, .colWide { margin-left:36px; float:left; display:inline;}
.colThin           { width:270px;}
.colWide           { width:570px;}

#footer   { height:70px; background:url(../images/footer.png) no-repeat;}
#footer p { text-align:right; color:#ffeccb; font-size:11px; padding:15px 36px 0 0; margin:0;}



/* -- global styles -----------------------------------*/

* { margin:0; padding:0; outline:none;}

.clearAll { clear:both; font-size:1px; line-height:1px; height:.01em;}

input, select, textarea   {font-family:Arial, Helvetica, sans-serif; color:#414141; font-size:11px; line-height:13px; }

p, li, td   { font-size:14px; line-height:21px; letter-spacing:.05em; color:#FFF; margin:0 36px 12px 0;}

td { font-size: 9pt; }

h1      { font-size:22px; line-height:24px; font-weight:bold; letter-spacing:.02em; color:#b32017; font-weight:normal; margin:0 32px 4px 0 0;}
h1 img  { margin-bottom:8px;}

h2      { font-size:14px; line-height:16px; color:#ffeccb;}

h3      { font-size:16px; font-weight:normal; line-height:22px; color:#fff; margin:0 36px 12px 0;}

p a:link, p a:visited {text-decoration:none; color:#b32017;}
p a:hover, p a:active {text-decoration:underline; color:#b32017;}

#footer p a:link, #footer p a:visited {text-decoration:none; color:#ffeccb;}
#footer p a:hover, #footer p a:active {text-decoration:underline; color:#ffeccb;}

li     {list-style:none;}

.rule  { height:16px; margin:0 36px 16px 0; border-bottom:1px solid #ffeccb; clear:both;}

.photo { float:right; height:110px; width:85px; border:6px solid black; background:#333333 center no-repeat; margin-right:36px;}



/* -- header -----------------------------------------*/
.hTall       { height:380px; background: url(../images/headerTall.jpg) no-repeat;}
.hShort      { height:307px; background: url(../images/headerShort.jpg) no-repeat;}

#header      { position:relative;}
#heroTall    { position:absolute; height:265px; width:620px; top:45px; right:50px; background-repeat:no-repeat;}
#hero        { position:absolute; height:225px; width:610px; top:30px; right:50px; background-repeat:no-repeat;}
a.logo       { display:block; position:absolute; height:225px; width:200px; top:45px; left:50px;}


#topNav          { height:32px; position:absolute; right:0; bottom:0;}
#topNav a        { display:inline; float:left; height:32px; background-repeat:no-repeat; margin-right:30px;}
#topNav a:link   { background-position: 0 0;}
#topNav a:hover  { background-position: 0 -32px;}

.nav-home        { width:78px; background-image:url(../images/nav-home.png);}
.nav-food        { width:109px; background-image:url(../images/nav-food.png);}
.nav-wine        { width:108px; background-image:url(../images/nav-wine.png);}
.nav-place       { width:116px; background-image:url(../images/nav-place.png);}
.nav-people      { width:126px; background-image:url(../images/nav-people.png);}
.nav-party       { width:113px; background-image:url(../images/nav-party.png);}
.hit { background-position: 0 -32px; }

/* -- button -----------------------------------*/
.btn         { margin:4px 36px 6px 0;}
.btn a       { display:block; padding:4px 30px; text-align:center; background:url(../images/btn-backRed.png) 0 -6px repeat-x; color:#FFFFFF; font-size:12px; text-decoration:none;}
.btn a:hover { background:url(../images/btn-backRed.png) 0 -30px repeat-x;}

.btnFat a    { font-size:16px; float:left; background-position:0 0;}



/* -- side nav ----------------*/

.sNav ul h1 a    { font-size:18px; margin-bottom:8px;}
.sNav ul li a    { font-size:14px; line-height:20px; width:90%;}
.sNav ul a       { text-decoration:none; display:block; margin-right:36px; padding:1px 6px;}
.sNav ul li      { margin:0 0 0 20px; width:80%;}
.sNav ul         { margin-bottom:14px;}

.sNav ul a:link, .sNav ul a:visited   { background:none; color:#b32017;}
.sNav ul a:hover, .sNav ul a:active   { background:#b32017; color:#FFFFFF;}
.sNav ul h1 a.on { font-size:18px;text-decoration:none; color:#ffeccb !important; border-bottom:1px solid #ffeccb;}
.sNav ul a.hit { background:#b32017; color:#FFFFFF;}


/* -- menu (theFood)-----------------------------------*/
.menu        { padding:6px; margin:0 36px 6px 0; clear:both;}
.menu p      { margin:0; width:400px; float:left; clear:left;}
.menu h2     { float:left;}
.menu span   { display:block; float:right; color:#ffeccb; font-size:12px; width:50px; padding:3px;}
.menuOn      { background-color:#b32017;}


/* -- thePlace -----------------------------------*/
.photoWall  { display:block; float:left; height:105px; width:145px; border:6px solid black; background:#333333 center no-repeat; margin:0 20px 17px 0;}
.photoWallBox { margin:20px 0 0 0; padding:10px; background:url(../images/glowWall.jpg) no-repeat;}


/* -- Reservations -----------------------------------*/
.reservationBox { background-color: af1108; height: 412px; width: 628px; margin: 40%;
}