
/*****************************STRUCTURE********************************/

body {font-family: "Lucida grande", "Lucida sans", Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; font-size: 95%;}

/*body#home,  body#other {background: #000 url(../images/home-page-bg.jpg) no-repeat top center;}
*/
body#home,  body#other, body#history, body#contact, body#food, body#events {background: #000 url(../images/master-bg.jpg) no-repeat top center;}


#sign-up-bg {background: #000 url(../images/master-bg.jpg) no-repeat top center;}



h1{
	font-size: 1.8em;
	color:#5b040a;
	margin: 0px;
	padding-top: 1em;
	font-weight: normal; text-transform:uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: 1px dotted #c75a00; margin: 5px 20px 5px 0;
}
h2{
	font-size: 0.85em;
	color:#666666;
	font-weight:normal;
	margin: 0;
	padding: 0px;
	height: 35px;
}
h3.specials{
	font-size: 0.85em;
	color:#666666;
	font-weight:bold;
	margin: 0;
	padding:0;
	 margin-top:30px;
	 height: 50px;
	  width: 200px;
}

h3.live-events{
	font-size: 0.85em;
	color:#666666;
	font-weight:bold;
	margin: 0;
	padding:0;
	 margin-bottom: 30px;
	 height: 40px;
	 width: 200px;
	
}


h3.menu-items{


	padding:0;
	 margin: 0 10px 10px 0;
	 height: 45px;
	

	 
}


h4{
	font-size: 0.85em;
	color:#666666;
	font-weight:bold;
	margin: 0;
	padding:0;
	height: 30px;
}

h5{
	font-size: 11pt;
	color:#76879c;
	background-color:#e7f4fd;
	padding:0.5em;
	font-weight: bold;
}
p{
	font-size: 0.85em;
	color:#f9d7aa;
	margin-top: 8px;
	margin-bottom: 8px;
}


a {color:#500F00;}
a:visited {}
a:hover {text-decoration: none;}
a:active {}
	
	

#container {width: 928px; margin: 0 auto;}

#header {position: relative; width:928px; height: 180px; background: #000 url(../images/header.jpg) no-repeat top center;}

body#home #content-holder {width: 928px; background: url(../images/home-full-bg.jpg) repeat-x top left;} 

body#history #content-holder, body#contact #content-holder, body#food #content-holder, body#events #content-holder, body#other #content-holder {float: left; width: 928px; background: url(../images/inner-head-repeat.gif) repeat-y top center;} 


#inner-left-col {float: left; width: 678px;}

#specials-board {float: left; width: 250px; background: url(../images/special-board-top.jpg) no-repeat 20% 0%;}

#specials-board-footer {background: url(../images/specials-bottom-newsletter.jpg) no-repeat 20% 0%; height: 121px;}

#footer {clear: both; width: 928px; margin: 0 auto; background: #000 url(../images/footer-bg.jpg) repeat-x top center; height: 100px;}

#footer p {font-size: .7em;}


#footer-items {position: relative; width: 900px; margin: 0 auto;}
#footer-credits {position: absolute; top: 10px; left: 10px;}
#footer-logos {position: absolute; top: 10px; right: 10px;}

#footer a {color: #d98d2b; text-decoration: none;}
#footer a:hover {color: #f9d7aa; text-decoration: underline;}

/*****************************NAVIGATION********************************/

#nav {position: absolute; top: 95px; left: 120px;}
#nav ul {list-style: none; padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em;}
#nav li {float: left; display: block; height: 35px; padding: 0;}
/**-float left on a required of ie6--**/
#nav li a {float: left; display: block; height: 35px;text-transform:uppercase; text-decoration: none; color: #5b5d5a;}
#nav li a:visited {} 
#nav li a:hover {color: #f9d7aa;} 
#nav li a:active {} 
#nav li span {padding: 0 20px; line-height: 40px;}

/**********************--------------------------NAVIGATION BODY ELEMENTS*/
body#home #nav li.home, body#history #nav li.history, body#contact #nav li.contact, body#food #nav li.food, body#events #nav li.events {background: url(../images/nav-left.gif) no-repeat top left;}
body#home #nav li.home a, body#history #nav li.history a, body#contact #nav li.contact a, body#food #nav li.food a, body#events #nav li.events a {background: url(../images/nav-right.gif) no-repeat top right; color: #f9d7aa;}


/*****************************ELEMENTS********************************/


/**********************--------------------------DATE STAMP*/

#date-stamp {position: absolute; top: 100px; left: 740px; width: 120px;}
#date-stamp p {text-align: center; font-size: 1em; color:#f9e8d1; margin: 0; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif;}


/**********************--------------------------HOMEPAGE*/
#introduction {float: left; background: url(../images/home-intro-box.jpg) no-repeat top center; width: 267px; height: 482px;}
#introduction-copy-overflow {margin-top: 147px; padding: 0px 20px 0 20px; height: 220px; width: 217px; overflow: auto;}


#lunch-call-to {float: left; background: url(../images/home-lunch-call.jpg) no-repeat top center; width: 411px; height: 234px;}
#lunch-call-to p {margin: 100px 20px 0 20px; font-size: .75em;}
#lunch-call-to a {float: left; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; width: 411px; padding-top: 70px; text-transform:uppercase; font-size: .85em; color: #f9d7aa; text-decoration:underline;}
#lunch-call-to a:visited {color: #f9d7aa;}
#lunch-call-to a:hover {text-decoration:none;}
#lunch-call-to a:active {color: #f9d7aa;}


#fresh-call-to {position: relative; float: left; background: url(../images/home-fresh-call.jpg) no-repeat top center; width: 135px; height: 248px;}

#ales-call-to {position: relative; float: left; background: url(../images/home-ales-call.jpg) no-repeat top center; width: 135px; height: 248px;}

#live-call-to {position: relative; float: left; background: url(../images/home-live-call.jpg) no-repeat top center; width: 141px; height: 248px;}

#fresh-call-to p  {margin: 50px 10px 0 10px; font-size: .75em; color: #442a14;}
#ales-call-to p  {margin: 50px 10px 0 10px; font-size: .75em; color: #e2c8b9;}
#live-call-to p  {margin: 50px 10px 0 10px; font-size: .75em; color: #e1cab8}


#fresh-call-to a, #ales-call-to a, #live-call-to a  {position: absolute; bottom: 9px; left:3px; height: 20px; width: 129px; font-size: .75em; color: #f9d7aa; text-align: center; padding-top: 3px;}

#fresh-call-to a {background-color:#5d161e;color: #ddc8b5;}
#ales-call-to a {background-color:#792302;color:#c9a552;}
#live-call-to a {background-color:#707c64;color:#d4ba95; left:4px;}

#fresh-call-to a:hover, #ales-call-to a:hover, #live-call-to a:hover  {text-decoration: none;}



/**********************--------------------------INNER PAGES 2 COLUMNS*/
#inner-main-content {float: left; width: 638px; padding: 0 20px; background: url(../images/middle-repeat-menu.jpg) repeat-y top center;}


#inner-main-content p {color: #500F00;}


.intro-container {float: left; padding-right: 10px; padding-bottom: 20px; width: 370px;}

.sidebar {float: left; width: 170px; margin-top: 10px;}


#col-one img {float: right; /*background: url(../images/image-bg.gif) no-repeat top center;*/ margin: -5px 0; display: block;}

body#food.main-menu #menu-top-header {background: url(../images/main-menu-header.jpg) no-repeat top center;}

body#food.specials-menu #menu-top-header{background: url(../images/specials-menu-header.jpg) no-repeat top center;}

body#food.drinks-menu #menu-top-header{background: url(../images/drinks-menu-header.jpg) no-repeat top center;}

body#events.events-menu #menu-top-header {background: url(../images/events-menu-header.jpg) no-repeat top center;}



#menu-footer {background: url(../images/bottom-menu.jpg) no-repeat bottom center; padding-bottom: 50px;}

#inner-main-content #col-two {float: left; width: 140px; padding: 0 0 0 35px; margin-top: 170px;}
#inner-main-content #col-one {float: left; width: 440px; padding: 0 0 0 10px; margin-top: 120px;}


#inner-left-col table {border-collapse: collapse; border-spacing: 0px; width: 415px; margin: 0px 20px 10px 0;}


/**********************--------------------------events gallery*/

ul#events-gallery {margin:0 0 0 -5px; padding:0;} ul#events-gallery li {list-style: none; float: left; margin:0 0 5px 5px; padding:3px; border: 1px solid #edac58;} ul#events-gallery li img {border: none; display: block;}


/**********************--------------------------contact form table etc*/

body#contact div#inner-left-col table {border-collapse: collapse; border-spacing: 0px; width: 320px; margin: 0px 20px 10px 0; color:#500F00;}
body#contact div#inner-left-col td {vertical-align: middle;} 
#standard-contact-form {font-size: 80%; padding-top: 10px; margin-bottom: 10px;} table {margin-bottom: 20px;} fieldset {border: none;} input, textarea {width: 140px; border: 1px solid #ccc; background-color: #F7F7F7; padding: 3px; } label {padding: 0;} .submit-button {background-color:#711259; color:#FFFFFF;} 
body#contact div#inner-left-col .intro-container {padding-right:0;}



dl {margin:10px 0 0 0; padding: 10px 0 0 0; width: 260px; font-size: 80%;} 
dt {float: left; width: 70px; margin: 0; padding:10px 10px 10px 0; font-weight: bold; border-top: 1px dotted #500F00; border-right: 1px dotted #500F00;} 
dd {float: left; margin: 0; padding:10px 0 10px 10px; float: left; width: 145px; border-top: 1px dotted #500F00;} 

dl#site-map-list {margin:10px 0 0 0; padding: 10px 0 0 0; width: 500px; font-size: 80%;} 
#site-map-list dt {float: left; width: 150px; margin: 0; padding:10px 10px 10px 0; font-weight: bold; border-top: 1px dotted #500F00; border-right: 1px dotted #500F00;} 
#site-map-list dd {float: left; margin: 0; padding:10px 0 10px 10px; float: left; width: 300px; border-top: 1px dotted #500F00;} 


tr {vertical-align: bottom; margin: 0;}
tr.first-row {border-top: 1px dotted #560309;}
td.menu-product {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1em; text-transform:uppercase; vertical-align: bottom; padding-top: 10px; color:#560309;}
td.menu-description {font-size:70%; vertical-align: bottom; border-bottom: 1px dotted #560309; padding-bottom: 5px; color: #323232;}
td.menu-price {text-align: right; color: #930614; font-size:90%;}

#inner-left-col table p.to-the-top {text-align: left; margin-right: 20px; font-size: .7em;}
#inner-left-col table p.to-the-top a {color: #560309; text-decoration: none;}
#inner-left-col table p.to-the-top a:hover {text-decoration: underline;}


#col-two ul.menu-links {list-style: none; margin: 0; padding:0; text-transform:uppercase; font-size: .7em;}
#col-two ul.menu-links li {text-decoration: none; width: 120px; }
#col-two ul.menu-links a {color:#560309; text-decoration: none; display: block; border-bottom: 1px dotted #560309; background: url(../images/side-bullet.gif) no-repeat left center; padding: 5px 0px 5px 30px;}
#col-two ul.menu-links a:hover { border-bottom: 1px dotted #560309; background-color: #f1c483;}

/**********************--------------------------INNER PAGES 1 COLUMNS*/

#inner-main-content.single-page {float: left; width: 638px; padding: 0 20px; background: url(../images/single-middle-repeat-menu.jpg) repeat-y top center;}
#single-page-top-header {background: url(../images/history-header.jpg) no-repeat top center;}


#single-page-footer {background: url(../images/single-bottom-menu.jpg) no-repeat bottom center; padding-bottom: 50px;}

#single-col-one {float: left; width: 560px; padding: 120px 0 0 50px;}
body#history #single-col-one img, body#food #single-col-one img {float: left; /*background: url(../images/image-bg.gif) no-repeat top center;*/ padding: 0; margin: -5px 0; display: block; }



/**********************--------------------------SPECIALS BOARD*/


#specials-board p.specials-product {color: #E4E4E4; padding: 3px 0 0 0; margin: 0; width: 180px; font-style:italic;}
#specials-board p.specials-price {color: #fff; padding: 3px 0 3px 0; margin: 0; width: 180px; border-bottom: 1px dotted #4c4c4c; text-align: right; }
.basic .specials-content {margin: 10px 30px 0; padding-top: 15px; background: url(../images/border-line.png) no-repeat top left;}

div.find-out-more {float: right; font-size: 0.6em; text-decoration: underline; color: #fff; padding: 3px 10px 0 0;}

.special-box {position: relative;} 

a.accord-link {position: absolute; top: 40px; left: 130px; z-index:99; font-size: .6em; text-decoration: underline;}



#specials-board-footer form {position: relative; margin:0 0 0 15px;  padding:0; height: 100px; width: 200px;}
#specials-board-footer table {position: absolute; top: 35px; left: 10px;}
#specials-board-footer table label { color: #F9D7AA; font-size: 0.8em; width: 70px; padding-top: 5px;} 
#specials-board-footer table input { width: 130px; margin:1px 0 0 10px; padding:1px 0 0 0; height: 15px; border:none; background-color: #a57768; color: #F9D7AA;} 
#specials-board-footer table input.submit-button {float: right; width: 70px; height: 18px; border: none; padding:0; color: #5b040a; background-color: #F9D7AA; cursor:pointer;} 
#specials-board-footer p {font-size: 0.7em; position: absolute; top: 10px; left: 14px; text-align: left; width: 200px;} 



/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}
/**********************--------------------------END clearfix*/
