@charset "utf-8";

/* CSS Reset */

@import url('reset.css');

/* CSS Document */

html, body {
	margin: 0 0;
	text-align: center;
	background-color: #1d1d1d;
	background-image: url(../images/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 12px;
}

a img {
	border: 0;
}

a:focus {
	/* -moz-outline-style: none; */
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #333333;
}

em {
	font-style:italic;
}

/* Main template divs */

#page-width {
	position: relative;
	width: 960px;
	height: 637px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/bg-image.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 1;
}

#middle, #footer {
	float: left;
	display: inline;
	width: 960px;
}

#top {
	height: 100px;
	width: 960px;
	text-align: center;
	padding-top: 20px;
	background-image: url(../images/bg-black.png);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

#middle {
	min-height: 382px;
	height:auto !important;
	height:382px;
	margin-top: 170px;
	margin-bottom: 20px;
}

#footer {
	height: 65px;
	background-image: url(../images/bg-footer.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#nav {

	position: absolute;
	width: 890px;
	height: 60px;
	background-image: url(../images/bg-nav.png);
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
	margin-top: 120px;
	padding-left:70px;
	z-index: 5;
	top: 0px;
	left: 0px;
}

	.nav-item {
		float: left;
		display: inline;
	}
	
	.nav-off {
		background-position: 0px 0px;
	}
	
	a.home {
		display: block;
		width: 97px;
		height: 60px;
		background-image: url(../images/nav/home.png);
		background-position: 0px -60px;
		background-repeat: no-repeat;
	}
	
	.home-on {
		display: block;
		width: 97px;
		height: 60px;
		background-image: url(../images/nav/home.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a.home:hover {
		background-position: 0px -60px !important;
	}
	
	a.brasserie {
		display: block;
		width: 143px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/brasserie.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.brasserie-on {
		display: block;
		width: 143px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/brasserie.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a.brasserie:hover {
		background-position: 0px -60px !important;
	}
	
	a.cellar {
		float: left;
		display: inline;
		width: 95px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/cellar.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.cellar-on {
		float: left;
		display: inline;
		width: 95px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/cellar.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a.cellar:hover {
		background-position: 0px -60px !important;
	}

	a.group-dining {
		float: left;
		display: inline;
		width: 143px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/private-parties.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.group-dining-on {
		float: left;
		display: inline;
		width: 95px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/group-dining.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a.group-dining:hover {
		background-position: 0px -60px !important;
	}
	
	a.menus {
		float: left;
		display: inline;
		width: 91px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/menus.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.menus-on {
		float: left;
		display: inline;
		width: 91px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/menus.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a:hover.menus {
		background-position: 0px -60px !important;
	}
	
	a.bookings {
		float: left;
		display: inline;
		width: 115px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/bookings.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.bookings-on {
		float: left;
		display: inline;
		width: 115px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/bookings.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a:hover.bookings {
		background-position: 0px -60px !important;
	}
	
	/*==========================Location Changed to Contact 2011-01-25 Pete=============================*/
	a.location {
		float: left;
		display: inline;
		width: 105px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/contact.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.location-on {
		float: left;
		display: inline;
		width: 105px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/contact.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
		
	a:hover.location {
		background-position: 0px -60px !important;
	}
	/*==========================Location End=============================*/
	
	a.special-offers {
		float: left;
		display: inline;
		width: 96px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/christmas.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.special-offers-on {
		float: left;
		display: inline;
		width: 96px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/christmas.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a:hover.special-offers {
		background-position: 0px -60px !important;
	}
	
	.nav-off {
		background-position: 0px 0px !important;
	}
	
	a.joinus {
		float: left;
		display: inline;
		width: 115px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/joinus.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.joinus-on {
		float: left;
		display: inline;
		width: 115px;
		height: 60px;
		overflow: hidden;
		background-image: url(../images/nav/joinus.png);
		background-position: 0px -60px !important;
		background-repeat: no-repeat;
	}
	
	a.joinus:hover {
		background-position: 0px -60px !important;
	}
	
.image {
	float: left;
	display: inline;
	width: 217px;
	height: 313px;
	margin: 15px 39px 0px 39px;
	overflow: hidden;
}

#location .image {
	width:550px;
	height:328px;
}

.image-wide {
	float: left;
	display: inline;
	width: 330px;
	height: 220px;
	padding: 68px 39px 0px 39px;
	overflow: hidden;
}

#google-map {
	float: left;
	display: inline;
	position: relative;
	width: 900px;
	height: 250px;
}

.content {
	float: left; 
	display: inline;
	width: 960px;
	height: 370px;
	padding-top: 12px;
	background-image: url(../images/bg-white.png);
	margin-top: 0px;
	overflow: hidden;
}

.content-body {
	float: left;
	display: inline;
	width: 960px;
	height: 343px;
	overflow: hidden;
}

.content-text {
	float: left;
	display: inline;
	width: 655px;
	height: 300px;
	padding-top: 13px;
}

#location .content-text {
	padding-top:0px;
	width:200px;
}

#location .content-text p, #location .content-text h1 {
	margin-bottom:10px;
}

.content-text-thin {
	float: left;
	display: inline;
	width: 543px;
	height: 300px;
	padding-top: 68px;
}

#cellars .content-text-thin{
	padding-top:50px;
}

#menus .content-text-thin{
	padding-top:0px;
}

#bookings .content-text-thin{
	padding-top:20px;
}

#menus h1, #menus p, #menus h2 {
	margin-bottom:10px;
}

.noMarBot {
	margin-bottom:0px;
}

#p404 {
	display:none;
}

.content-close-link {
	float: left;
	display: inline;
	width: 940px;
	height: 20px;
	text-align: right;
	margin-right: 20px;
	color: #000000;
	padding-top: 7px;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 12px;
	text-transform: uppercase;
	display:none;
}

.content-close-link-cellar {
	float: left;
	display: inline;
	width: 940px;
	height: 20px;
	text-align: right;
	margin-right: 20px;
	color: #000000;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 12px;
	text-transform: uppercase;
}

	h1 {
		font-size: 50px;
		color: #cc960b;
		margin-bottom: 5px;
	}
	
	h1.christmas {
		font-size: 40px;
		}

	h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		color: #524a34;
		font-style: italic;
		margin-bottom: 14px;
	}
	
	p {
		font: 13px/18px Georgia, "Times New Roman", Times, serif;
		color: #333333;
		margin-bottom: 18px;
	}
	
		p a {
			color: #333333;
		}
		
		p a:hover {
			color: #000000;
		}
	
	.clear {
		clear:both;
	}	
	
	.content-button {
		float: left;
		display: inline;
		width: 175px;
		height: 32px;
		padding-top: 3px;
		background-image:url(../images/bg-buttons.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;		
		margin:0 5px 5px 0;
	}
		
	.content-button-wide {
		float: left;
		display: inline;
		width: 250px;
		height: 32px;
		padding-top: 3px;
		background-image:url(../images/bg-buttons-wide.jpg);
		background-position: top center;
		background-repeat: repeat-x;
		text-align: center;		
	}
	
	.content-button-text {
		font-size: 24px;
		color: #ffffff;
	}
	
	a:hover.content-button-text {
		color: #cc960b;
	}

#home {
	background-image: none !important;
}
#join-us-frame {
	display: inline;
	float: left;
	width: 520px;
	height: 170px;
}

#menu-holder {
	float: left;
	display: inline;
	width: 440px;
	height: 197px;
	padding: 10px;
	background-image: url(../images/menus-chalkboard.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

	#menu-holder .column1 {
		float: left;
		display: inline;
		width: 230px;
		height: 127px;
		margin-top: 70px;
		text-align: center;
	}
	
		#menu-holder .column1 a.lunch-theatre {
		float: left;
		display: inline;
		width: 223px;
		height: 25px;
		overflow: hidden;
		background-image: url(../images/btns/menu-lunch-theatre.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	
		#menu-holder .column1  a:hover.lunch-theatre {
			background-position: 0px -25px !important;
		}
		
		#menu-holder .column1 a.a-la-carte {
		float: left;
		display: inline;
		width: 223px;
		height: 25px;
		overflow: hidden;
		background-image: url(../images/btns/menu-a-la-carte.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	
		#menu-holder .column1  a:hover.a-la-carte {
			background-position: 0px -25px !important;
		}
		
		#menu-holder .column1 a.dessert {
		float: left;
		display: inline;
		width: 223px;
		height: 25px;
		overflow: hidden;
		background-image: url(../images/btns/menu-dessert.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	
		#menu-holder .column1  a:hover.dessert {
			background-position: 0px -25px !important;
		}
		
	#menu-holder .column2 {
		float: left;
		display: inline;
		width: 210px;
		height: 162px;
		text-align: center;
		margin-top: 35px;
	}
	
		#menu-holder .column2 a.sunday-set {
		float: left;
		display: inline;
		width: 210px;
		height: 25px;
		overflow: hidden;
		background-image: url(../images/btns/menu-sunday-set.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	
		#menu-holder .column2  a:hover.sunday-set {
			background-position: 0px -25px !important;
		}
		
		#menu-holder .column2 a.party-menu {
		float: left;
		display: inline;
		width: 210px;
		height: 25px;
		overflow: hidden;
		background-image: url(../images/btns/menu-party-menu.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	
		#menu-holder .column2  a:hover.party-menu {
			background-position: 0px -25px !important;
		}
		
		#menu-holder .column2 a.wine-list {
		float: left;
		display: inline;
		width: 210px;
		height: 25px;
		overflow: hidden;
		background-image: url(../images/btns/menu-wine-list.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	
		#menu-holder .column2  a:hover.wine-list {
			background-position: 0px -25px !important;
		}
		
		#menu-holder .column2 a.after-dinner {
		float: left;
		display: inline;
		width: 210px;
		height: 25px;
		overflow: hidden;
		background-image: url(../images/btns/menu-after-dinner.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	
		#menu-holder .column2  a:hover.after-dinner {
			background-position: 0px -25px !important;
		}
	
	#menu-holder .button {
		float: left;
		display: inline;
		margin: 5px 0 5px 0;
	}

#footer-address {
	float: left;
	display: inline;
	width: 700px;
	padding-top: 20px;
	height: 15px;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 10px;
	text-transform: uppercase;
	color: #6a6a6a;
}

#footer-siteby {
	float: right;
	display: inline;
	width: 120px;
	height: 40px;
	text-align: right;
}

	#footer-address a {
		font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
		font-size: 10px;
		text-transform: uppercase;
		color: #6a6a6a;
	}
	
	#footer-address a:hover {
		color: #a3a3a3;
	}
	
	#footer-address .spacer {
		padding-left: 5px;
		padding-right: 5px;
	}
	
.hide {
	display:none;
}

#competition-btn
{
	display: inline;
    float: left;
    position: relative;
    z-index: 300;
	top:3px;
}

.homefooter {
	left: 3px;
    position: relative;
    top: 285px;
	width: 959px;
	height: 60px;
	z-index: 5000;
}

.facebook {
    float: left;
	display: inline;
	height: 50px;
    padding: 5px;
    width: 150px;
	overflow: hidden;
	background-image: url(../images/follow-us-bg.png);
	background-position: top left;
}

.fblogo {
	width: 48px;
	height: 49px;
	margin-right: 4px;
	float: left;
	display: inline;
}

.fb-like {
    display: inline;
    float: left;
    height: 22px;
    margin-top: 25px;
    width: 97px;
	overflow: hidden;
}


.breakfast-button-wide {
		float: left;
		display: inline;
		width: 320px;
		height: 47px;
		padding-top: 10px;
		background-image: url(../images/btns/bg-home-button-wide.jpg);
		background-position: top center;
		background-repeat: repeat-x;
		text-align: center;	
	}
	
	.nye-button-wide {
		float: left;
		display: inline;
		width: 220px;
		height: 47px;
		padding-top: 10px;
		background-image: url(../images/btns/bg-home-button-nye.png);
		background-position: top center;
		background-repeat: repeat-x;
		text-align: center;
		margin-right:20px;	
	}
	
	
	.breakfast-button-wide a.content-button-text {
		font-size: 23px;
		color: #ffffff;
	}

#lb-holder {
	float: left;
	display: inline;
	margin: 45px 0 0 80px;
}

.bold {
	font-weight: bold;
}

/* Additional Styles */

.content-button.large-button {
	width: 192px;
	text-align: left;
	padding-left: 8px;
	background: url(../images/btns/content-button-large.jpg) no-repeat top left;
}

#backbeat {
	margin-top: 20px;
}

.terms {
	font-size: 10px;
	float: left;
	display: inline;
	width: 655px;
}

#backbeat-banner {
	float: left;
	display: inline;
	margin-right: 8px;
}