﻿*{              margin:0px; padding:0px; font-family:Arial, Tahoma, Verdana, Sans-Serif;}
.Hidden{        display:none;}
body{           background:#000000 url(/images/Master/bg.jpg) repeat left top;}
#Content{       min-width:920px; background:#0c0604 url(/images/Master/woodBG.jpg) repeat-x center -30px;}
#ContentWrap{   position:relative; width:920px; min-height:650px; margin:0px auto; overflow:hidden;}
#Header{        height:160px; overflow:hidden;}
#Header #Social{            float:right; margin:10px 10px 0px 0px;}
#Header #Social ul{         list-style-type:none;}
#Header #Social li{         float:left;}
#Header #Social li #Cards{  width: 125px; margin-right:25px;}
#Header #Navigation{        clear:both; float:right; margin:20px 10px 0px 0px; border:solid 1px #780707;  background:#780707; box-shadow:0px 0px 4px 0px #000000;}
#Header #Navigation ul{     list-style-type:none;}
#Header #Navigation li{     float:left;}
#Header #Navigation li a{   float:left; padding:8px 16px 8px 16px; background:#780707 url(/images/master/menubg.jpg) repeat-x left 200px; color:#bbac8a; font-size:14px; font-weight:normal; text-decoration:none; text-shadow:1px 1px 1px #000000;}
#Header #Navigation li a:hover{  background-position:left top;}

#Copy{                      padding:20px 10px 20px 10px;}

#Logo{                      position:absolute; top:0px; left:0px; z-index:10; border:0px;}
#LogoName{                  position:absolute; top:10px; left:180px; z-index:10; border:0px;}

#Footer{                    clear:both; padding:40px 0px 20px 0px; background:transparent url(/images/master/footerBG.png) repeat-x left top;}
#Footer #FooterWrap{		width:920px; margin:0px auto;}
#Footer #FooterNav ul{      list-style-type:none; text-align:center;}
#Footer #FooterNav li{      display:inline;}
#Footer #FooterNav li a{    padding:8px 16px 8px 16px; color:#ffffff; font-size:14px; font-weight:normal; text-decoration:none; text-shadow:1px 1px 1px #000000;}
#Footer #FooterNav li a:hover{ background:#780707;}
#Footer #FooterCopy{        padding:15px 0px 15px 0px; text-align:center; color:#bbac8a; font-size:12px;}
#Footer #FooterCopy a{      color:#bbac8a; text-decoration:none;}

/* DEFAULT PAGE */
#Carousel{                  position:relative; width:860px; height:400px; padding:25px; margin:0px 5px 0px 5px; background:transparent url(/images/Master/frame.png) no-repeat left top;}
#Carousel #CarOverlay{      z-index:8; position:absolute; top:25px; left:25px; width:860px; height:400px; box-shadow:inset 0px 0px 8px 0px #000000;}
#Carousel #CarNext{         z-index:9; position:absolute; bottom:0px; right:0px; width:455px; height:450px; background:transparent url(/images/carousel/next.png) no-repeat right 1000px; cursor:pointer; overflow:hidden;}
#Carousel #CarPrev{         z-index:9; position:absolute; bottom:0px; left:0px; width:455px; height:450px; background:transparent url(/images/carousel/prev.png) no-repeat left 1000px; cursor:pointer; overflow:hidden;}
#Carousel #CarNext:hover{   background-position:407px center;}
#Carousel #CarPrev:hover{   background-position:20px center;}
#Carousel .pane{		    position:absolute; top:25px; left:25px; width:860px; height:400px; overflow:hidden;}
#Carousel .pane.current{	z-index:3;}
#Carousel .pane.next{	    z-index:2;}
#Carousel img{			    width:860px; height:400px;}
#Carousel .descr{		    position:absolute; left:-1000px; bottom:0px; margin:0px 0px 15px 0px;}
#Carousel p{			    float:left; padding:6px 9px 6px 9px; background:#3477b1; background:rgba(187,172,138,.9); font-size:24px; color:#000000; text-shadow:.5px 1px 1px #ffffff; box-shadow:0px 0px 8px 0px #000000;}
#Carousel span{		        clear:left; float:left; padding:6px; background:#000000; background:rgba(0,0,0,.9); font-size:16px; color:#ffffff;}
#Carousel span i{           font-size:10px;}

#Intro{                     float:left; width:430px; padding-bottom:30px;}
#Intro h2{					text-shadow:0px 0px 4px #000000; font-size:32px; font-family:Georgia, Helvetica, Serif; font-style:italic; font-weight:normal; color:#ffffff;}
#Intro p{					padding-top:20px; color:#bbac8a; font-size:16px; line-height:22px;}
#Intro a{					color:#ffffff; text-decoration:none;}
#Intro a:hover{				text-decoration:underline;}
#Specials{                  float:right; width:430px; background:transparent url(/images/specials/BG.jpg) repeat-y left top; color:#3e362f;}
#Specials #SpecTop{         background:transparent url(/images/specials/top.jpg) no-repeat left top;}
#Specials #SpecBottom{      padding:50px 35px 50px 35px; min-height:100px; background:transparent url(/images/specials/bottom.jpg) no-repeat left bottom;}
#Specials .item{            padding-top:10px; overflow:hidden;}
#Specials .item span{       font-size:18px;}
#Specials .item .name{      float:left; width:320px;}
#Specials .item .price{     float:right;}
#Specials .item .descr{     clear:both; padding-top:5px; border-top:dotted 1px #aaa088; font-size:12px; overflow:hidden;}
#Specials h3{               padding-top:40px; font-size:24px; font-weight:normal; font-style:italic; font-family:Georgia, Serif;}
#Specials .item .imageWrap{         float:left; width:104px; text-align:center; overflow:hidden;}
#Specials .item img{                max-width:100px; max-height:100px; border:solid 2px #ffffff;}
#Specials .item .hasImage{          float:right; width:245px; overflow:hidden;}
#Specials .item .hasImage .name{    width:210px;}

/* MENUS PAGE */
#Menu{                      float:right; width:785px;}

#MenuNav{                   float:left; width:110px; padding-top:50px;}
#MenuNav ul{                list-style-type:none; box-shadow:0px 0px 12px 0px #000000;}
#MenuNav li{                display:block; padding-bottom:1px;}
#MenuNav a{                 display:block; padding:5px; font-size:14px; color:#000000; text-decoration:none; background:#c7b793;}

#Menu .section{             padding-bottom:180px; background:transparent url(/images/menu/MenuBottom.png) no-repeat bottom left; overflow:hidden;}
#Menu .sectionTop{          height:120px; padding:60px 60px 0px 60px; background:transparent url(/images/menu/MenuTop.png) no-repeat top left; overflow:hidden;}
#Menu .sectionInner{        width:665px; padding:0px 60px 0px 60px; background:transparent url(/images/menu/MenuRepeater.png) repeat-y top left; overflow:hidden;}
#Menu .subsection{          padding-bottom:20px;}
#Menu .toptext{             padding-bottom:5px; font-size:12px; font-family:Georgia, Helvetica, Serif; font-style:italic;}
#Menu .bottomtext{          margin-top:5px; font-size:12px; font-family:Georgia, Helvetica, Serif; font-style:italic;}
#Menu .items{               overflow:hidden;}
#Menu .items div{           color:#3e362f; font-size:12px;}
#Menu .leftColumn{          float:left; width:320px;}
#Menu .rightColumn{         float:right; width:320px;}
#Menu .items .item{         padding:4px 0px 4px 0px; overflow:hidden;}
#Menu .items .name{         float:left; width:280px; font-size:14px; font-weight:bold;}
#Menu .items .price{        float:right; font-size:14px; font-weight:bold;}
#Menu .items .descr{        clear:both; padding-top:5px; border-top:dotted 1px #aaa088; overflow:hidden;}
#Menu .items .addons{       clear:both; overflow:hidden; font-style:italic;}
#Menu .items .addons p{     padding-top:5px; text-align:right; overflow:hidden;}
#Menu .items .imageWrap{    float:left; width:100px; text-align:center; overflow:hidden;}
#Menu .items img{           max-width:100px; max-height:100px;}
#Menu .items .hasImage{     float:right; width:210px; overflow:hidden;}
#Menu .items .hasImage .name{   width:170px;}
#Menu h1{                   text-align:center; color:#3e362f; font-size:42px; font-family:Georgia, Helvetica, Serif; font-style:italic; font-weight:normal;}
#Menu h2{                   padding-bottom:2px; margin-bottom:2px; color:#3e362f; font-size:32px; font-family:Georgia, Helvetica, Serif; font-style:italic; font-weight:normal; border-bottom:solid 1px #51474a;}
#Menu h3{                   font-size:22px; color:#3e362f; font-family:Georgia, Helvetica, Serif; font-style:italic; font-weight:normal;}

/* LOCATION AND HOURS PAGE */
#MapWrap{                       position:relative; width:860px; height:400px; padding:25px; margin:0px 5px 0px 5px; background:transparent url(/images/Master/frame.png) no-repeat left top;}
#Map{                           width:860px; height:400px;}
#AddressInfo{                   position:absolute; top:60px; right:30px; width:200px; padding:10px; border:solid 1px #777777; background:#ffffff; background:rgba(255,255,255,.8); box-shadow:0px 3px 3px 0px rgba(0,0,0,.4); font-size:12px;}
#AddressInfo #Address{	        padding-bottom:20px;}
#AddressInfo b{                 font-size:16px;}
#AddressInfo a{			        color:#937b46; text-decoration:none; font-weight:bold; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#AddressInfo a:hover{		    text-decoration:underline;}
#AddressInfo #Hours table{      width:100%;}
#AddressInfo #Hours .addHours{  padding-top:5px;}
#AddressInfo .close{            position:absolute; top:5px; right:5px; cursor:pointer; font-size:12px;}

#AddressCollapsed{              position:absolute; top:60px; right:30px; padding:2px 4px 2px 4px; border:solid 1px #777777; background:#ffffff; background:rgba(255,255,255,.8); box-shadow:0px 3px 3px 0px rgba(0,0,0,.4); font-size:12px; cursor:pointer;}

#Directions{					z-index:2; position:absolute; right:260px; top:60px; width:272px; padding:10px;  border:solid 1px #777777; background:#ffffff; background:rgba(255,255,255,.8); box-shadow:0px 3px 3px 0px rgba(0,0,0,.4);}
#Directions label{				display:block; padding:15px 0px 0px 6px; font-size:12px; line-height:12px; color:#000000;}
#Directions input{				padding:6px; box-shadow:inset 0px 0px 3px 0px rgba(0,0,0,.3); font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px; color:#23375a; border:solid 1px #ffffff; background:#dddddd;}
#Directions .street input{		width:258px;}
#Directions .city{				float:left; width:133px; margin-right:8px;}
#Directions .city input{		width:119px;}
#Directions .state{				float:left; width:41px; margin-right:8px;}
#Directions .state input{		width:27px;}
#Directions .zip{				float:left; width:82px;}
#Directions .zip input{			width:68px;}
#Directions .buttons{			clear:both; overflow:hidden;}
#Directions .buttons span{		float:left; height:14px; padding:8px; margin:8px 6px 3px 2px; background:#bfaf8e; text-align:center; color:#000000; font-size:12px; cursor:pointer; text-decoration:none;}
#Directions .buttons span:hover{background:#a59163; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#Directions .buttons span.right{ float:right; margin:8px 2px 3px 6px;}
#Directions .close{             position:absolute; top:5px; right:5px; cursor:pointer; font-size:12px;}

#LocationDirections{            overflow:hidden;}
#LocationDirections div{        float:left; width:205px; padding:5px; margin:5px; color:#bbac8a; font-size:12px; line-height:18px; text-align:center; overflow:hidden;}
#LocationDirections div b{      color:#ffffff; font-weight:normal; font-size:18px; line-height:24px;}
#LocationDirections div ul{     list-style-type:none; text-align:left;}
#LocationDirections div li{     margin:5px 0px 0px 0px;}

/* CONTACT PAGE */
#Contact{						padding-top:20px; overflow:hidden;}
#Contact #ContactLeft{			float:left; width:480px; overflow:hidden;}
#Contact h2{					text-shadow:0px 0px 4px #000000; font-size:32px; font-family:Georgia, Helvetica, Serif; font-style:italic; font-weight:normal; color:#ffffff;}
#Contact p{						padding-top:20px; color:#bbac8a; font-size:16px; line-height:22px;}
#Contact a{						color:#ffffff; text-decoration:none;}
#Contact a:hover{				text-decoration:underline;}
#Contact #ContactForm{			padding-top:20px;}
#Contact #ContactForm div{		padding-bottom:10px;}
#Contact #ContactForm .errorMSG{padding-bottom:20px; color:#d90f0f; font-style:italic; overflow:hidden;}
#Contact #ContactForm label{	display:block; font-size:12px; line-height:12px; color:#bbac8a;}
#Contact #ContactForm label.required{color:#ffffff; font-weight:bold;}
#Contact #ContactForm input{	padding:5px; font-size:12px; line-height:12px; color:#000000; background:#bbac8a; border:solid 1px #a2926d; box-shadow:inset 0px 2px 8px rgba(0,0,0,.5);}
#Contact #ContactForm input.error{	background:#ffffff;}
#Contact #ContactForm textarea{	width:468px; height:150px; padding:5px; font-size:12px; line-height:12px; color:#000000; background:#bbac8a; border:solid 1px #a2926d; box-shadow:inset 0px 2px 8px rgba(0,0,0,.5);}
#Contact #ContactForm textarea.error{background:#ffffff;}
#Contact #ContactForm .name{		float:left; width:180px; margin-right:10px;}
#Contact #ContactForm .name input{	width:168px;}
#Contact #ContactForm .email{		float:left; width:180px; margin-right:10px;}
#Contact #ContactForm .email input{	width:168px;}
#Contact #ContactForm .phone{		float:left; width:100px;}
#Contact #ContactForm .phone input{	width:88px;}
#Contact #ContactForm .address input{width:468px;}
#Contact #ContactForm .city{		float:left; width:320px; margin-right:10px;}
#Contact #ContactForm .city input{	width:308px;}
#Contact #ContactForm .state{		float:left; width:40px; margin-right:10px;}
#Contact #ContactForm .state input{	width:28px;}
#Contact #ContactForm .zip{			float:left; width:100px;}
#Contact #ContactForm .zip input{	width:88px;}
#Contact #ContactForm .btn{			float:right; padding:8px; margin:8px 6px 3px 2px; background:#bfaf8e; text-align:center; color:#000000; font-size:12px; cursor:pointer; text-decoration:none; box-shadow:none;}
#Contact #ContactForm .btn:hover{	background:#a59163;}
#ContactInfo{					float:right; width:400px; overflow:hidden;}

/* GIFT CARDS PAGE */
#GiftCards{						overflow:hidden;}
#GiftCards img{					float:right; }
#GiftCards #GiftCopy{			float:left; width:430px; padding-top:20px; overflow:hidden;}
#GiftCards #GiftCopy h2{		text-shadow:0px 0px 4px #000000; font-size:32px; font-family:Georgia, Helvetica, Serif; font-style:italic; font-weight:normal; color:#ffffff;}
#GiftCards #GiftCopy p{			padding-top:20px; color:#bbac8a; font-size:16px; line-height:22px;}
#GiftCards #GiftCopy a{			color:#ffffff; text-decoration:none;}
#GiftCards #GiftCopy a:hover{	text-decoration:underline;}

