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

/* Reset */
* {margin:0; padding:0}
img {border:none}
ul {list-style: none;}

/* Colors */
.redDark {color:#3E1209}
.redMed {color:#900}
.red {color:#F00}
.white {color:#fff;}
.peach {color:#EF957D;}
.mustard {color:#AE5A02;}
.orange {color:#9E2502;}
.brown {color:#2C1200}

/* Body -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body {background-color:#3E1209; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* Links -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a:link, a:visited {color:#36C; text-decoration:underline;}
a:hover {color:#660000; text-decoration:none;}

/* Containers -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#container {margin:0 auto; width:960px; position:relative;}

/* Page IDs -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#home #nav .home a, 	
#dining #nav .dining a, 	
#menu #nav .menu a,
#wines #nav .wines a, 	
#reservations #nav .reservations a, 	
#events #nav .events a, 	
#engagements #nav .engagements a, 
#friends #nav .friends a,
#contact #nav .contact a {color:#fff}

#cart #columnWide p {width: auto;}

/* Header -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {background-color:#000; height:103px;}
#logo {position:absolute; top:15px; left:30px;}
#social {position: relative; float: right; margin-top: 25px;}
#social img.tl {margin: 0 5px 5px 0;}
#social img.tr {margin: 0 0 5px 0;}
#social img.bl {margin: 0 5px 0 0;}
#sound {position: relative; float:right; }

/* Navigation */

#nav {position:absolute; left:160px; top:46px;}
#nav li {display:inline; font-size:13px; padding-left:14px;}
#nav li a:link, #nav li a:visited {color:#F90; text-decoration:none;}
#nav li a:hover {color:#fff; text-decoration:underline;}

/* HOME PAGE -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Content */
#wrapperHome {background:url(../images/background-home-fixed.jpg); background-repeat:no-repeat; float:left; width:960px; }
#wrapperContent {margin:15px 15px 0 15px;}
#main {float:left; width:540px;}
#sidebarLeft {width:180px; float:left; margin-right:15px;}
#sidebarRight {width:180px; float:right;}

/* Promo Boxes Left Sidebar */
.promo {width:180px; height:150px; margin-bottom:10px; text-align:center; border:1px solid #7C1609; background-image:url(../images/promo-background.png)}
.promo .groupon {padding-top: 10px;}
.promo h2 {font-size:11px; margin-top:8px; margin-bottom:7px;}
.promo h2 a:link, .promo h2 a:visited {color:#F60; text-decoration:none;}
.promo h2 a:hover {color:#fff; text-decoration:underline;}

.promo-groupon {width:180px; height:310px; margin-bottom:10px; text-align:center; border:1px solid #7C1609; background-image:url(../images/promo-background.png)}
.promo-groupon h2 {font-size:11px; margin-top:8px; margin-bottom:7px;}
.promo-groupon h2 a:link, .promo-groupon h2 a:visited {color:#F60; text-decoration:none;}
.promo-groupon h2 a:hover {color:#fff; text-decoration:underline;}

/* Home - Middle Content */
#slideshow {border:1px solid #7C1609; width:540px; height:331px; background-color:#2d1200;}
#intro {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#EF957D; line-height:1.6; text-align:center; margin-top:10px}

/* Reservation and Gift Card - Containers */
.infoBox {font-size:11px; width:180px; margin-bottom:10px; padding-bottom:10px; border:1px solid #7C1609; background-image:url(../images/promo-background.png);text-align:center;}
.infoBox h2 {font-size:12px; color:#F60; border-bottom:1px #644137 solid; margin:8px 20px 10px 20px; padding-bottom:3px;}
.infoBox h2 a:link, .infoBox h2 a:visited {color:#F60; text-decoration:none;}
.infoBox h2 a:hover {color:#fff; text-decoration:underline;}
.infoBox ul {color:#EF957D;}
.infoBox ul li{}

.infoBox2 {font-size:11px; width:180px; margin-bottom:10px; padding-bottom:10px; border:1px solid #7C1609; text-align:center;}
.infoBox2 h2 {font-size:12px; color:#F60; border-bottom:1px #644137 solid; margin:8px 20px 10px 20px; padding-bottom:3px;}
.infoBox2 h2 a:link, .infoBox h2 a:visited {color:#F60; text-decoration:none;}
.infoBox2 h2 a:hover {color:#fff; text-decoration:underline;}
.infoBox2 ul {color:#EF957D;}
.infoBox2 ul li{}

/* Make a Reservation Form */
.infoBox table {width:140px; color:#FC9; margin:0 auto 0; }
.infoBox table td {padding:0 3px 0 0; height:35px; text-align:left; }
.infoBox table td.text {text-align:right;  width:50%;}
.infoBox #formRes input {font-size:10px; background-color:#FFD1A4;}
.infoBox #formRes select {font-size:10px; background-color:#FFD1A4;}
.infoBox #formRes td.button {text-align:left;}

/* Make a Reservation Form - Located on RESERVATION page */
#formRes2 table.reservation {width:200px; margin:0 0 0 0; background-color:#DFCDB9; }
#formRes2 table.reservation td {padding:10px 10px 0 0; text-align:left; font-size:12px; color:#5C1B03; vertical-align:top;  }
#formRes2 table.reservation td.text {text-align:right;  width:40%;}
#formRes2 input {font-size:11px; background-color:#FFD1A4;}
#formRes2 table.reservation td.button {text-align:left; padding-bottom:10px;}
#formRes2 select, #formRes option{font-size:11px; color:#444; padding:1px;}

/* INSIDE PAGES - Shared -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#insideBackground {background:url(../images/background-iron-inside.jpg); background-repeat:repeat-y; float:left; width:960px; }
#wrapperContentInside {margin:0 0 0 94px; width:748px; float:left; border-left:12px solid #391002;border-right:12px solid #391002; }
#wrapperContentInside2 {margin:0 0 0 94px; width:748px; background: url(../images/background-inside-2-col.gif); float:left; border-left:12px solid #391002;border-right:12px solid #391002; }

/* INSIDE PAGES - Menu -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.menuWrapper {padding:10px 15px 15px 15px;}
.menuWrapper h3{font-size:12px; margin-bottom:5px; color:#2C1200; text-transform:uppercase; font-family: Georgia, "Times New Roman", Times, serif;}
.menuWrapper p{color:#FFE6BF; font-size:12px; padding-bottom:8px; line-height:1.6;}
.menuWrapper p.price {color:#2C1200; border-bottom:1px dashed #C68E39; padding-bottom:8px; margin-bottom:12px; font-style:italic; font-weight:bold;}

#pageTitle {font-size:11px; color:#D17907; background-color:#822604; text-transform:uppercase; padding:10px 0 8px 15px; font-weight:bold; 
letter-spacing:.2em;font-family: Georgia, "Times New Roman", Times, serif;}


/* INSIDE PAGE - 2 Columns -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#columnLeft {float:left; width:368px;}
#columnRight {float:right; width:368px;}
#columnLeft h2, #columnRight h2 {color:#DF8001; background-color:#000; padding:10px 0; text-align:center; font-size:11px; text-transform:uppercase; letter-spacing:.25em;}

/* INSIDE PAGE - Wide Column -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#columnWide {background:url(../images/background-inside-text-area2.gif); background-repeat:no-repeat; padding: 0 15px 15px 15px; background-color:#EDD9C2;}
#columnWide h1 {font-size:16px; color:#752104; border-bottom: 1px dashed #F93; margin: 0 0 10px 0; padding:15px 0 0 0; line-height:1.5;}
#columnWide h2 {font-size: 13px; color:#805744; margin-bottom:10px; text-transform:uppercase;}
#columnWide h3 {font-size: 13px; font-style:italic; color:#5D1B03; margin-bottom:10px;}
#columnWide p {font-size:13px; line-height:1.7; color:#555; margin-bottom:12px; width: 575px;}

/* Lists -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

ol, #events #columnWide ul {color:#5D1B02; font-size:13px; margin:0 0 10px 30px}

ol li, #events ul li {padding-bottom:5px; width: 550px;}

#events ul {list-style: disc;}

/* INSIDE PAGE - Photos -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.photo-1 {margin-bottom:20px; float: left; margin: 0 20px 0 0;}

/* Footer */
#footer {background-color:#000; height:25px; clear:both; color:#666; text-align:center; font-size:10px; text-transform:uppercase; padding-top:10px; letter-spacing:.15em;}
#footer a:link, #footer a:visited  {color:#888; text-decoration:none;}
#footer a:hover  {color:#F00; text-decoration:underline;}
#footer ul {}