/* THE FIRST TWO STYLES ENABLE THE SITE TO VERTICALLY AND HORIZONTALLY CENTRE */

	html, body {
		height: 100%;
	}


/* DISTANCE */

	#distance { 
		width: 1px;
		height: 50%;
		margin-bottom: -195px; /* HALF OF THE CONTAINER/CONTENT HEIGHT */
		}




/* DEFINE ALL MAIN		font: 0.75em/110% Courier, serif;
 VALUES */

	body {
		font: 0.75em/110% "Courier New", monospace;
		background: #EDEBDE;
		color: #6A737B;
		margin: 0;
		padding: 0;
		}
	
	p {
		margin-top: 0px;
		}
	
	p.half {
		margin-top: -15px;
		}
	
	p.pic {
		margin-top: 1px;
		}
	
	.orange {
		color: #F78F1E;
		}
	
	.italic {
		font-style: italic;
		}
	
	img {
		border-style: none;
		}
	
	.left {
		float: left;
		padding: 0 0 0 0;
		}
	
	.right {
		float: right;
		}
	

/* =A styles */
	a:link {
		color: #6A737B;
		}
	
	a:visited {
		color: #6A737B;
		}
		
	a:hover {
		color: #F78F1E;
		}
	
	a:active {
		color: #6A737B;
		}





/* ======================================== MAIN CONTENT/CONTAINER WITH BG GRAPHIC ======================================== */

	#mainContent {
		position: relative;
		margin: 0 auto 0 auto;
		width: 740px;
		height: 394px;
		background: transparent url(assets/bg01.gif) no-repeat;
		overflow: hidden;
		}

	#menuContent {
		position: relative;
		margin: 0 auto 0 auto;
		width: 740px;
		height: 394px;
		background: transparent url(assets/bg02.gif) no-repeat;
		overflow: hidden;
		}

	#bookingContent {
		position: relative;
		margin: 0 auto 0 auto;
		width: 740px;
		height: 394px;
		background: transparent url(assets/bg03.gif) no-repeat;
		overflow: hidden;
		}

	#directionsContent {
		position: relative;
		margin: 0 auto 0 auto;
		width: 740px;
		height: 394px;
		background: transparent url(assets/bg04.gif) no-repeat;
		overflow: hidden;
		}




/* ======================================== COLUMN LAYOUTS FOR ALL PAGES ======================================== */

/* COLUMN A  */
	#col_a {
		position: absolute;
		margin: 280px 0 0 0;
		padding: 0 0 0 0;
		width: 231px;
		height: 100px;
		text-align: center;
		float: left;
		}

/* COLUMN B */
	#col_b {
		position: absolute;
		margin: 0 0 0 233px;
		padding: 0 0 0 0;
		width: 505px;
		height: 394px;
		float: right;
		}






/* ======================================== NAVIGATION STYLES ======================================== */

	#nav {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 505px;
		height: 17px;
		list-style: none;
		display: block;
		overflow: hidden;
		}

	#nav2 {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 505px;
		height: 17px;
		list-style: none;
		display: block;
		overflow: hidden;
		}
		
			
	#nav a, #nav2 a {
		float: left;
		padding: 0 0 0 0;
		margin: 1px 0 0 0;
		overflow: hidden;
		}

	#nav ul, #nav2 ul {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}

	#nav li, #nav2 li {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		list-style: none;
		display: inline;
		}
	
	a .alt {
		display: none;
		}
		

		
		
		
/* ======================================== 1ST LEVEL NAV ======================================== */

	#menus a {
		background: transparent url(assets/nav/nav-menus-stat.gif) no-repeat left center;
		width: 59px;
		height: 17px;
		}

	#menus a:hover {
		background: transparent url(assets/nav/nav-menus-act.gif) no-repeat left center;
		width: 59px;
		height: 17px;
		}

	#menusCurrent a {
		background: transparent url(assets/nav/nav-menus-act.gif) no-repeat left center;
		width: 59px;
		height: 17px;
		}


/* NAVIGATION BOOKING */
	#booking a {
		background: transparent url(assets/nav/nav-booking-stat.gif) no-repeat left center;
		width: 72px;
		height: 17px;
		}

	#booking a:hover {
		background: transparent url(assets/nav/nav-booking-act.gif) no-repeat left center;
		width: 72px;
		height: 17px;
		}

	#bookingCurrent a {
		background: transparent url(assets/nav/nav-booking-act.gif) no-repeat left center;
		width: 72px;
		height: 17px;
		}


/* NAVIGATION DIRECTIONS */
	#directions a {
		background: transparent url(assets/nav/nav-directions-stat.gif) no-repeat left center;
		width: 82px;
		height: 17px;
		}

	#directions a:hover {
		background: transparent url(assets/nav/nav-directions-act.gif) no-repeat left center;
		width: 82px;
		height: 17px;
		}

	#directionsCurrent a {
		background: transparent url(assets/nav/nav-directions-act.gif) no-repeat left center;
		width: 82px;
		height: 17px;
		}



/* ======================================== 2ND LEVEL NAV - MENUS ======================================== */

/* NAVIGATION - BRUNCH */
	#brunch a {
		background: transparent url(assets/nav/nav-brunch-stat.gif) no-repeat left center;
		width: 59px;
		height: 17px;
		}

	#brunch a:hover {
		background: transparent url(assets/nav/nav-brunch-act.gif) no-repeat left center;
		width: 59px;
		height: 17px;
		}

	#brunchCurrent a {
		background: transparent url(assets/nav/nav-brunch-act.gif) no-repeat left center;
		width: 59px;
		height: 17px;
		}


/* NAVIGATION - DINNER */
	#dinner a {
		background: transparent url(assets/nav/nav-dinner-stat.gif) no-repeat left center;
		width: 72px;
		height: 17px;
		}

	#dinner a:hover {
		background: transparent url(assets/nav/nav-dinner-act.gif) no-repeat left center;
		width: 72px;
		height: 17px;
		}

	#dinnerCurrent a {
		background: transparent url(assets/nav/nav-dinner-act.gif) no-repeat left center;
		width: 72px;
		height: 17px;
		}


/* NAVIGATION - WINE */
	#wine a {
		background: transparent url(assets/nav/nav-wine-stat.gif) no-repeat left center;
		width: 82px;
		height: 17px;
		}

	#wine a:hover {
		background: transparent url(assets/nav/nav-wine-act.gif) no-repeat left center;
		width: 82px;
		height: 17px;
		}

	#wineCurrent a {
		background: transparent url(assets/nav/nav-wine-act.gif) no-repeat left center;
		width: 82px;
		height: 17px;
		}




/* ======================================== MENU CONTENT AREA ======================================== */

	#menuArea {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 505px;
		height: 359px;
		overflow-x: hidden;
		overflow-y: auto;
		}

	#menuArea p {
		line-height: 140%;
		}

	#menuArea p.graphic {
		margin: 20px 0 20px 0;
		}

	#menuInfo {
		padding: 20px 40px 0 20px;
		margin: 0 0 0 0;
		width: 462px;
		text-align: center;
		}


		
/* WINE MENU   font: 0.75em/110% Courier, serif;   */	

	table {
		font: 1em/110% "Courier New", monospace;
		border: 0;
		border-collapse: collapse;
		}
		
	th, td {
		text-align: left;
		}
	
	.bold {
		font-weight: bold;
		}
	
	th {
		padding: 10px 0 10px 0;
		font-weight: normal;
		color: #F78F1E;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		}
	
	td {
		padding: 10px 0 30px 0;
		}
	
	th.wine, td.wine {
		width: 255px;
		}
	
	th.quarter, td.quarter {
		width: 60px;
		}
	
	th.half, td.half {
		width: 60px;
		}
	
	th.full, td.full {
		width: 60px;
		}
	
	





/* HEADING STYLES */
		
	h1, h2, h3 {
		font: 2em bold Courier, serif;
		text-indent: -10000px;
		}
		
/* MENU - HEADING STYLES */

	h1.brunch {
		padding: 0 0 0 0;
		margin: 30px 0 10px 0;
		width: 447px;
		height: 24px;
		background: url(assets/menu/menu-head-brunch.gif) no-repeat left top;
		}

	h1.dinner {
		padding: 0 0 0 0;
		margin: 30px 0 10px 0;
		width: 447px;
		height: 24px;
		background: url(assets/menu/menu-head-dinner.gif) no-repeat left top;
		}

	h1.wine {
		padding: 0 0 0 0;
		margin: 30px 0 10px 0;
		width: 447px;
		height: 24px;
		background: url(assets/menu/menu-head-wine.gif) no-repeat left top;
		}
		
		
/* BOOKING - HEADING STYLES */

	h1.booking {
		padding: 0 0 0 0;
		margin: 10px 0 10px 40px;
		width: 447px;
		height: 24px;
		background: url(assets/booking-head-call.gif) no-repeat left top;
		}

	p.booking {
		margin-left: 40px;
		}
		
		
/* DIRECTIONS - HEADING STYLES */

	h1.directions {
		padding: 0 0 0 0;
		margin: 5px 0 10px 344px;
		width: 161px;
		height: 26px;
		background: url(assets/directions-head.gif) no-repeat left top;
		}

	h2.opening {
		padding: 0 0 0 0;
		margin: 5px 0 10px 344px;
		width: 161px;
		height: 26px;
		background: url(assets/opening-head.gif) no-repeat left top;
		}	
	
	p.directions {
		margin-left: 355px;
		}
	
	p.directionsPic {
		margin: 0 0 0 344px;
		}