@charset "utf-8";
/* CSS Reset */

@import url('reset.css');

/* CSS Document */

html, body {
	margin: 0 0;
	padding: 0 0;
	text-align: center;
	background-color: #000000;
	background-image: url(../images/background/site-background.jpg);
}

#page-width {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

	#page-width #header {
		width: 920px;
		float: left;
		display: inline;
		padding: 40px 20px 20px 20px;
		margin-top: 40px;
		background-color: #000000;
	}

		#page-width #header #header-left {
			width: 460px;
			float: left;
			display: inline;
			text-align: right;
		}

			#page-width #header #header-left h1,  #header-left h1 a {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 60px;
				font-weight: normal;
				color: #FFFFFF;
				text-transform: uppercase;
				text-decoration: none;
				letter-spacing: -2px;
			}

				#page-width #header #header-left h1 span {
					color: #227799;
					letter-spacing: 0px;
				}

		#page-width #header #header-right {
			width: 420px;
			float: left;
			display: inline;
			padding-left: 40px;
		}

			#page-width #header #header-right img {
				float: right;
			}

			#page-width #header #header-right p {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 15px;
				color: #227799;
				padding-bottom: 17px;
			}

				#page-width #header #header-right p span, #page-width #header #header-right p a {
					color: #FFFFFF;
					text-decoration: none;
				}

	#page-width #content-holder {
		width: 920px;
		float: left;
		display: inline;
		padding: 0 20px;
		background-color: #000000;
	}

		#page-width #content-holder .link-through {
			width: 228px;
			height: 130px;
			border: 1px solid #000000;
			float: left;
			display: inline;
			position: relative;
			overflow: hidden;
		}

			#page-width #content-holder .link-through .roll-over {
				width: 228px;
				height: 130px;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 10;
			}

	#page-width #footer {
		width: 920px;
		float: left;
		display: inline;
		padding: 20px;
		margin-bottom: 40px;
		background-color: #000000;
		text-align: right;
	}

.christmas-button{
	margin: 25px 0 0 10px;
}
	
/* CSS Misc */

.clear {
	clear: both;
}

.royal-celebration-btn {
	float: left;
	display: inline;
	margin: 40px 0 0 33px;
}


@charset "utf-8";
/* CSS Document */

#navigation ul {
	list-style: none;
}

	#navigation ul li {
		margin: 0;
		padding: 0;
		float: left;
		display: inline;
	}

		#navigation ul li a.home {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/home.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 69px;
			height: 20px;
		}

			#navigation ul li a.home:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.about-us {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/about-us.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 94px;
			height: 20px;
		}

			#navigation ul li a.about-us:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.dine {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/dine.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 62px;
			height: 20px;
		}

			#navigation ul li a.dine:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.drink {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/drink.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 72px;
			height: 20px;
		}

			#navigation ul li a.drink:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.reservations {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/reservations.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 228px;
			height: 20px;
		}

			#navigation ul li a.reservations:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.weddings {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/weddings.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 102px;
			height: 20px;
		}

			#navigation ul li a.weddings:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.whats {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/whats-on.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 98px;
			height: 20px;
		}

			#navigation ul li a.whats:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.people {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/people.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 70px;
			height: 20px;
		}

			#navigation ul li a.people:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.reviews {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/reviews.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 83px;
			height: 20px;
		}

			#navigation ul li a.reviews:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.find-us {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/navigation/find-us.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 82px;
			height: 20px;
		}

			#navigation ul li a.find-us:hover {
				background-position: 0 -22px;
			}

		#navigation ul li a.current {
			background-position: 0 -22px;
		}

		#navigation ul li a span {
			display: none;
		}
	
	#footer #navigation{
		display: inline;
		float: left;
		margin: 0 0 0 220px;
		padding: 15px 0 0 0;
		width: 580px !important;
	}
	
	#footer #navigation ul li a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;		
		color: white;
		background: none;					
		padding: 0 10px;
		width: auto;
		text-decoration: none;
	}

	#footer #navigation ul li a span{
		display: inline;
	}