/* ---------- reset  ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, img a, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

h1, h2, h3, h4, h5, h6, p {
	font-size: 1em;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------- clearfix ---------- */

.clearfix {
	display: inline-block;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}

.hide {
	display: none;
}

/* ---------- fonts ---------- */

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, san-serif;
}

.small {
	font-size: 1.1em;
}

.normal {
	font-size: 1.2em;
}

.medium {
	font-size: 1.6em;
}

.large {
	font-size: 2em;
}

.headline {
	font-size: 2.4em;
}

/* ======================================================== */

body {
 	background: #4c1210 url(../images/bodyBg.jpg) no-repeat top center;
 	color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}

p {
	padding-bottom: 8px;
	font-size: 1.2em;
}

li, table tr td {
	font-size: 1.2em;
}

a, a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #b56d29;
}

/* ---------- header ---------- */

#headWrapper {
	height: 181px;
	background: transparent url(../images/headerBg.jpg) no-repeat top center;
}

#header {
	width: 980px;
	margin: 0 auto;
}

#logo {
	/*margin-right: 250px;*/
	padding: 20px 0 0 45px;
	float: left;
}

#headContent{
	position: relative;
	float: left;
	width: 387px;
	text-align: right;
	padding: 16px 0 0 0;
	margin-left: 300px;
	color: #d39652;
}

#headContent #address {
	position: relative;
	float: left;
	display: block;
	width: 150px;
}

#headContent #address a, #headContent #address a:visited {
	display: block;
	width: 166px;
	height: 98px;
	background: transparent url(../images/hickorys-headerAddressSprite.jpg) no-repeat 0 0;	
}

#headContent #address a:hover {
	background: transparent url(../images/hickorys-headerAddressSprite.jpg) no-repeat 0 -98px;	
}

#headContent #address a span {
	position: absolute;
	top: -100px;	
}

#headContent a, #headContent a:visited {
	color: #d39652;
}

#headContent a:hover {
	color: #fff;
}

#signup {
	float: right;
	padding: 20px 0 0 50px;
	color: #361204;
}

#signup p, #signup td {
	font-size: 1em;
}

#signup input  {
	font-size: 1em;
}

/* ---------- page ---------- */

#pageWrapper {}

#pageContainer {
	position: relative;
	width: 889px;
	height: 494px;
	margin: 0 auto;
	padding: 88px 0 0 96px;
	background: transparent url(../images/pageContainerBg-new.jpg) no-repeat top center;
}

/* ---------- scrolling content ---------- */

/* override the root element to enable scrolling */ 
#displayWrapper { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
	width:796px;
	height:400px;
} 

#loader {
	position: absolute;
	top: 175px;
	left: 373px;
	width:auto !important;
}
 
  
#displayWrapper div { 
    float:left; 
    display:block; 
    width:796px; 
	height: 400px;
} 
 
#displayWrapper .scrollingItems { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
}

#find {
	display: block;
	width: 796px;
	height: 400px;
	background: transparent url(../images/pageBgSprite.jpg) no-repeat 0 -1200px;
}

#inside {
	display: block;
	width: 796px;
	height: 400px;
}

#insideIntro {
	width: 796px;
	height: 400px;
	background: transparent url(../images/pageBgSprite.jpg) no-repeat 0 0;
}

#home {
	position: relative;
	display: block;
	width: 796px;
	height: 400px;
}

#menus {
	display: block;
	width: 796px;
	height: 400px;
	padding: 0;
	color: #000;
	line-height: 2em;
}
#xmas {
	display: block;
	width: 796px;
	height: 400px;
	background: transparent url(../images/christmasPageBg.jpg) no-repeat 0 0;
}

/* --- menus nav & display --- */

#menusIntro {
	height: 300px !important;
	width: 706px !important;
	padding: 100px 0 0 90px;
	background: transparent url(../images/pageBgSprite.jpg) no-repeat 0 -400px;
}

#menusIntro ul {
	margin-left:20px;	
}

#menusIntro a, #menusIntro a:visited {
	color: #000;
	text-decoration:none;
	font-weight: bold;
	cursor:pointer;
}

#menusIntro a:hover {
	color: #8f6c42;
	text-decoration: underline;
	cursor:pointer;
}

.menuDisplay {
	position: relative;
	width: 796px;
	height: 400px;
	font-size: 1em;
	line-height: normal;
}

#mains {
	background: transparent url(../images/menuMainsBg.jpg) no-repeat 0 0;
}

#salads {
	background: transparent url(../images/menuLunchBg.jpg) no-repeat 0 0;
}

#wines {
	background: transparent url(../images/menuWinesBg.jpg) no-repeat 0 0;
}

#cocktails {
	background: transparent url(../images/menuCocktailsBg.jpg) no-repeat 0 0;
}

.menuDisplay div.menuTable {
	position: absolute;
	top: 80px;
	left: 150px;
	width: 400px !important;
	padding-right: 40px;
	height: 290px !important;
	overflow: auto;
}

.menuDisplay div.menuTable table tr td {
	vertical-align:top;
	padding-bottom: 5px;
}

.menuDisplay div.menuTable.drinks {
	position: absolute;
	top: 80px;
	left: 50px;
	width: 470px !important;
	padding-right: 40px;
	height: 290px;
	overflow: auto;
}

/*.menuDisplay div.menuNav {
	position:absolute;
	top: 30px;
	left: 617px;
	width: 175px;
	height: 263px;
}*/

.menuDisplay div#menuSubnavMains {
	display: none;
	position:absolute;
	left: 621px;
	width: 150px;
	height: 203px;
	padding: 60px 0 0 25px;
	top: 100px;
	background: transparent url(../images/menuMainsSubnavBg.jpg)
}

.menuDisplay div#menuSubnavSalads {
	display: none;
	position:absolute;
	top: 30px;
	left: 621px;
	width: 150px;
	height: 203px;
	padding: 60px 0 0 25px;
	background: transparent url(../images/menuLunchSubnavBg.jpg)
}

.menuDisplay div#menuSubnavWines {
	display: none;
	position:absolute;
	left: 621px;
	width: 150px;
	height: 203px;
	padding: 60px 0 0 25px;
	top: 100px;
	background: transparent url(../images/menuWinesSubnavBg.jpg)
}

.menuDisplay div#menuSubnavCocktails {
	display: none;
	position:absolute;
	top: 30px;
	left: 621px;
	width: 150px;
	height: 203px;
	padding: 60px 0 0 25px;
	background: transparent url(../images/menuCocktailsSubnavBg.jpg)
}

.menuDisplay div.menuNav ul.menus {
	margin-bottom: 25px;
}

.menuDisplay div.menuNav li a {
	display: block;
	width: 142px;
	height: 25px;
	text-indent: -99999px;
	cursor:pointer;
}

.menuDisplay div.menuNav li.mains a, .menuDisplay div.menuNav li.mains a:visited {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat 0 0;
}

.menuDisplay div.menuNav li.mains a:hover {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat -142px 0;
}

.menuDisplay div.menuNav li.salads a, .menuDisplay div.menuNav li.salads a:visited {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat 0 -25px;
}

.menuDisplay div.menuNav li.salads a:hover {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat -142px -25px;
}

.menuDisplay div.menuNav li.wines a, .menuDisplay div.menuNav li.wines a:visited {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat 0 -50px;
}

.menuDisplay div.menuNav li.wines a:hover {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat -142px -50px;
}

.menuDisplay div.menuNav li.cocktails a, .menuDisplay div.menuNav li.cocktails a:visited {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat 0 -75px;
}

.menuDisplay div.menuNav li.cocktails a:hover {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat -142px -75px;
}

.menuDisplay div.menuNav li.return a, .menuDisplay div.menuNav li.return a:visited {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat 0 -120px;
	margin-top: 30px;
	height: 20px;
}

.menuDisplay div.menuNav li.return a:hover {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat -142px -120px;
}

.menuDisplay div.menuNav li.download a, .menuDisplay div.menuNav li.download a:visited {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat 0 -140px;
	height: 20px;
}

.menuDisplay div.menuNav li.download a:hover {
	background: transparent url(../images/menuSubnavSprite.png) no-repeat -142px -140px;
}


#menus a:hover {
	color: #540b04;
}

#menus li.menuDownload {
	padding-top: 15px;
	margin-top:15px;
	display:block;
	width:200px;
	border-top:1px solid #000;
}

/* --------------------- */

#book {
	display: block;
	width: 796px;
	height: 400px;
	background: transparent url(../images/pageBgSprite.jpg) no-repeat 0 -1600px;
}

#events {
	display: block;
	width: 796px;
	height: 400px;
	background: transparent url(../images/pageBgSprite.jpg) no-repeat 0 -800px;
}

#displayWrapper div.leftCol {
	float: left;
	width: 270px !important;
	padding: 50px 50px;
	color: #fff;
}

#displayWrapper div.leftCol ul {
	margin: 0 0 10px 15px;
	padding: 0;
}

#displayWrapper div.leftCol li {
	list-style-type:square;
	list-style-position:outside;
}

.leftCol {
	float: left;
	width: 270px !important;
	padding: 50px 50px;
	color: #fff;
}

#displayWrapper div.rightCol {
	width: 386px !important;
	padding: 20px 40px 50px 0;
}

#displayWrapper div.black {
	color: #000;
}

.leftCol {
	float: left;
	width: 270px !important;
	padding: 50px 50px;
	color: #fff;
}

.rightCol {
	width: 386px !important;
	padding: 20px 40px 20px 0;
}

.rightCol p.thumb {
	display: block;
	width: 300px !important;
	height: 50px !important;
	clear: both;
	margin-top: 5px;
}

.rightCol p.thumb a, .rightCol p.thumb a:visited  {
	text-decoration: underline;
	color: #fff;
}

.rightCol p.thumb a:hover {
	color: #4c1210;
}

.black, .black a, .black a:visited {
	color: #000;
}

.black a:hover {
	color: #fff;
}

/* ---------- booking form ---------- */

#booking table tr {
	padding-bottom: 5px;
}

#booking label {
	width: 170px;
}

#opentable {
	display: none;
	width: 796px;
	height: 400px;
	background: transparent url(../images/bookBg.jpg) no-repeat 0 0;
}

/* ---------- Going Underground ---------- */
 
.vertScrollWrapper { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
	width:796px;
	height:400px;
} 
 
.vertScrollWrapper div {} 
 
.vertScrollWrapper .vertScrollItems { 
    height:2000px; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
}

#cycleWrapper {
	position: relative;
	background: transparent url(../images/groundLevelWrapperBg.jpg) no-repeat 0 0;
	padding: 40px 0 0 40px;
	height: 360px;
}

#cycle ul, #cycle ul li {
	height: 320px;
}

.galleryItem {
	position: relative;
	width: 796px;
}

.galleryItem img {
	position: absolute;
	top: 0;
	left: 0;
}

.galleryItem p.galleryText {
	padding: 0;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 555px;
	width: 220px !important;
	height: 100px !important;
	color: #000;
}

.galleryItem p.galleryText a, .galleryText a:visited {
	color: #000;
	text-decoration:none;
}

.galleryText a:hover {
	color: #4c1210;
	text-decoration:none;
}

.galleryText img {
	float: left;
	margin: 0 20px 0 20px;
}


/* ---------- horiz navigation menu ---------- */

#navWrapper {
	width: 710px;
	padding: 42px 0 0 0;
	/*background: transparent url(../images/navWrapperBg.png) no-repeat 100% 0;*/
	position: absolute;
	top: 0;
	right: 10px;
}

#scrollNav {
	width: 700px;
	height: 26px;
}

#scrollNav li {
	float: left;
	text-indent:-99999px;
}

#scrollNav li a {}
#scrollNav li a:hover {}

#scrollNav li a.home {
	display: block;
	width: 64px;
	height: 26px;
	background: transparent url(../images/mainNavSprite.png) no-repeat 0 0;
}

#scrollNav li a.home:hover, #scrollNav li a.home.current {
	background: transparent url(../images/mainNavSprite.png) no-repeat 0 -26px;
}

#scrollNav li a.inside {
	display: block;
	width: 108px;
	height: 26px;
	background: transparent url(../images/mainNavSprite.png) no-repeat -64px 0;
}

#scrollNav li a.inside:hover, #scrollNav li a.inside.current {
	background: transparent url(../images/mainNavSprite.png) no-repeat -64px -26px;
}

#scrollNav li a.menus {
	display: block;
	width: 68px;
	height: 26px;
	background: transparent url(../images/mainNavSprite.png) no-repeat -172px 0;
}

#scrollNav li a.menus:hover, #scrollNav li a.menus.current {
	background: transparent url(../images/mainNavSprite.png) no-repeat -172px -26px;
}

#scrollNav li a.events {
	display: block;
	width: 143px;
	height: 26px;
	background: transparent url(../images/mainNavSprite.png) no-repeat -240px 0;
}

#scrollNav li a.events:hover, #scrollNav li a.events.current {
	background: transparent url(../images/mainNavSprite.png) no-repeat -240px -26px;
}
/*
#scrollNav li a.xmas {
	display: block;
	width: 139px;
	height: 25px;
	background: transparent url(../images/scrollNavSpriteXmas.jpg) no-repeat -226px 0;
}

#scrollNav li a.xmas:hover, #scrollNav li a.xmas.current {
	background: transparent url(../images/scrollNavSpriteXmas.jpg) no-repeat -226px -25px;
}
*/
#scrollNav li a.find {
	display: block;
	width: 70px;
	height: 26px;
	background: transparent url(../images/mainNavSprite.png) no-repeat -383px 0;
}

#scrollNav li a.find:hover, #scrollNav li a.find.current {
	background: transparent url(../images/mainNavSprite.png) no-repeat -383px -26px;
}

#scrollNav li.book {
	padding-left: 50px;
}

#scrollNav li a.book {
	display: block;
	margin-top: -24px;
	width: 130px;
	height: 55px;
	background: transparent url(../images/book-a-table.png) no-repeat 0 0;
}

#scrollNav li a.book:hover, #scrollNav li a.book.current {
	background: transparent url(../images/book-a-table.png) no-repeat 0 -55px;
}

/* ---------- Promo ----------- */

#promoWrapper {
	position:absolute;
	z-index:100;
	display:block;
	top:0;
	left:0;
	background:transparent url(../images/promoWrapperBg.png) no-repeat 0 0;
	width:162px;
	height:90px;
	padding:30px 0 0 50px;
}

#announceWrapper {
	position:absolute;
	z-index:100;
	display:block;
	top:0;
	left:0;
	background:transparent url(../images/announceWrapperBg.png) no-repeat 0 0;
	width:212px;
	height:120px;
	padding:0;
}

#promoWrapper a.promoLink {
	display:block;
	width:152px;
	height:61px;
	text-indent:-99999px;
	background:transparent url(../images/hickorys-xmasPromoLink.png) no-repeat 0 0;
}

#promoWrapper a.promoLink:hover {
	background:transparent url(../images/hickorys-xmasPromoLink.png) no-repeat 0 -61px;	
}


/* ---------- Overlay ----------- */

#overlay { 
    display:none;
	z-index:10000; 
    background: transparent url(../images/overlayBg.gif) no-repeat 0 0; 
    width:520px;     
    min-height:200px; 
	padding: 80px;
    /* CSS3 styling for latest browsers */ 
    /*-moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; */    
} 
 
#overlay .close { 
    background-image:url(../images/overlayExit.png); 
    position:absolute; 
    right:90px; 
    top:40px; 
    cursor:pointer; 
    height:30px; 
    width:61px; 
}

.contentWrap { 
    height:356px; 
    overflow-y:auto;
	color: #000;
	font-size: 1.2em;
}

#overload {
	position: absolute;
	top: 0;
	left: 0;
}

/* -------------------- */

#contentWrapper {
	padding-top: 30px;
}

#contentLeft {
	width: 570px;
	padding: 0 30px 20px 50px;
	float: left;
}

#contentLeft p {
	font-size: 1.4em;
}

#intro {
	margin-bottom: 40px;
	font-size: 1.7em;
	font-family: Georgia, serif;
}

#contentRight {
	width: 250px;
	min-height: 300px;
	padding: 10px 50px 20px 20px;
	float: right;
	border-left: 1px dotted #360303;
}

#contentRight .contentPanel {
	margin-bottom: 20px;
}

form.emailSignup table {
	padding: 0;
	border: 0;
}

form.emailSignup table tr.spacer {
	height: 3px;
}

form.emailSignup td {
	font-size: 1.2em;
}

form.emailSignup td.label {
	width: 100px;
}

form.emailSignup input {
	border: 0;
}

form.emailSignup input.button {
	cursor: pointer;
	border: 1px solid #360303;
}

/* ---------- footer ---------- */

#footer {
	width: 980px;
	margin: 0 auto;
	color: #d39652;
}

#footer p {
	font-size: 1em;
}

#footer a, #footer a:visited {
	color: #d39652;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;	
}

.footerLeft {
	float: left;
	padding-left: 50px;
}

.footerRight {
	float: right;
	padding-right: 50px;
	text-align:right;
}