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

/* CSS Reset */

@import url("reset.css"); 

body {
	background-image:url(../images/bg/home-bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;	
	background-attachment:fixed;
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	line-height:14px;
	background-color:#000000;
	
	
}

	body.about {
		background-image:url(../images/bg/home-bg.jpg) !important;
	}
	body.ourkitchen {
		background-image:url(../images/bg/ourkitchen-bg.jpg) !important;
	}
	body.ourspecials {
		background-image:url(../images/bg/ourspecials-bg.jpg) !important;
	}
	body.ourdrink {
		background-image:url(../images/bg/ourdrink-bg.jpg) !important;
	}
	body.reservations {
		background-image:url(../images/bg/reservations-bg.jpg) !important;
	}
	body.contact {
		background-image:url(../images/bg/contact-bg.jpg) !important;
	}
	body.chefsmessage {
		background-image:url(../images/bg/chefsmessage-bg.jpg) !important;
	}
	body.menu {
		background-image:url(../images/bg/ourkitchen-bg.jpg) !important;
		background-attachment:fixed;
	}		
	
h1 {
	background:url(../images/bg/h1.png) no-repeat bottom left;
	font-weight:bold;
	font-size:34px;
	color:#000000;
	padding:0 0 8px 0;
	margin:0 0 20px 0;
}

h2 {
	color:#08a1b3;
	font-size:24px;
	margin:0 0 20px 0;
	padding:0;
}


h3 {
	background:url(../images/bg/h3.png) no-repeat bottom left;
	font-weight:bold;
	font-size:22px;
	color:#000000;
	padding:0 0 8px 0;
	margin:0 0 20px 0;
}

h3.join-us {
	background:url(../images/bg/h3-joinus.png) no-repeat bottom left;
}

h3.book-now{
	background:url(../images/bg/h3-book.png) no-repeat bottom left;
}


p {
	font-size:16px;
	color:#000000;
	line-height:20px;
	margin:0 0 20px 0;
}

a {
	color:#08A1B3;
	text-decoration:none;
	font-weight:bold;
}

#outer {
	margin:auto;
	width:960px;
	position:relative;
	z-index:100;
}

#header {
	float:left;
	display:inline;
	width:960px;
	height:140px;
	background:url(../images/header-bg.png) no-repeat;
}

.christmas-header {
	float:right;
	display:inline;
	margin-left:10px;
	}

	#top-btns {
		float:right;
		display:inline;
		width:250px;
		height:59px;
		margin:10px 15px 0 0;
	}
	
			#top-btns a.specials {
				float:left;
				display:inline;
				width:61px;
				height:59px;
				background:url(../images/btns/specials_over.png) no-repeat;
			}
			#top-btns a.drinks {
				float:left;
				display:inline;
				width:67px;
				height:59px;
				background:url(../images/btns/drinks_over.png) no-repeat;
			}
			#top-btns a.message {
				float:left;
				display:inline;
				width:96px;
				height:59px;
				background:url(../images/btns/message_over.png) no-repeat;
			}			
			
	#logo {
		float:left;
		display:inline;
		width:350px;
		height:103px;
		margin:0 0 0 10px;
	}
	
	#nav {
		float:left;
		display:inline;
		height:25px;
		width: 910px;
		margin: 0 0 0 25px;
	}
	
	#nav ul {
		height:25px;
		margin:0;
		padding:0;
	}
	
		#nav ul li {
			display:inline;
			float:left;
			font-size:14px;
			height:24px;
			line-height:25px;
			list-style:none outside none;
			margin:0;
			overflow:hidden;
			text-align:center;
			text-transform:uppercase;
		}
		
			#nav ul li.about a {
				background:url("../images/nav/about.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:97px;
			}
			
			#nav ul li.events a {
				background:url("../images/nav/events.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:101px;
			}
			
			#nav ul li.contact a {
				background:url("../images/nav/contact.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:85px;
			}
			#nav ul li.ourdrink a {
				background:url("../images/nav/ourdrink.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:113px;
			}
			#nav ul li.ourkitchen a {
				background:url("../images/nav/ourkitchen.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:138px;
			}
			#nav ul li.ourspecials a {
				background:url("../images/nav/ourspecials.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:142px;
			}
			#nav ul li.reservations a {
				background:url("../images/nav/reservations.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:140px;
			}
			#nav ul li.gallery a {
				background:url("../images/nav/gallery.png") no-repeat scroll 0 0 transparent;
				float:left;
				height:24px;
				width:93px;
			}			
			#nav ul li.about a:hover, #nav ul li.events a:hover,#nav ul li.contact a:hover,#nav ul li.ourdrink a:hover,#nav ul li.ourkitchen a:hover,#nav ul li.ourspecials a:hover,#nav ul li.reservations a:hover,#nav ul li.gallery a:hover{
				background-position:0 -25px;
			}
			#nav ul li.about a.selected, #nav ul li.events a.selected, #nav ul li.gallery a.selected,#nav ul li.contact a.selected,#nav ul li.ourdrink a.selected,#nav ul li.ourkitchen a.selected,#nav ul li.ourspecials a.selected,#nav ul li.reservations a.selected{
				background-position:0 -25px;
			}

			
				#nav ul li a span {
					display:none;
				}
				
#content-area {
	float:left;
	display:inline;
	width:960px;
	margin:40px 0 0 0;
	position:relative;
}

	#content-buttons {
		float:left;
		display:inline;
		width:702px;
		min-height:140px;
		height:auto !important;
		height:140px;	
		overflow:hidden;
		position:relative;	
	}
	
		#facebook-btn{
			float:right;
			display:inline;
			width:66px;
			height:66px;
			position:absolute;
			top:-66px;
			right:10px;
		}
#left-outer {
	float:left;
	display:inline;
	width:707px;
	position:relative;
	z-index:900;
}
	#left-col {
		float:left;
		display:inline;
		width:702px;		
		margin:7px 5px 0 0;
		min-height:200px;
		height:auto !important;
		height:200px;
		position:relative;
	}
	
		#left-col-bg {
			background-color:#ffffff;
			left:0;
			position:absolute;
			top:0;
			width:702px;
		}
		
		#left-col-text-area {
			left:0;
			padding:45px 20px;
			position:relative;
			top:0;
			width:662px;
			float:left;
		}
	
	#left-col-top {
		position:absolute;
		width:702px;
		top:0;
		left:0;
		height:10px;
	}
	
	#right-col {
		float:left;
		display:inline;
		width:253px;			
		margin:7px 0 0 0;
		position:relative;
		z-index:1000;
	}
		#right-col-top {
		position:absolute;
		width:253px;
		top:0;
		right:0;
		height:10px;
		}
		
		.right-col-section {
			float:left;
			display:inline;
			width:227px;			
			padding:25px 13px;
			background:url(../images/bg/right-col-bg.png);
			margin:0 0 6px 0;
			position:relative;
		}
		
		form p {
			clear:both;
			float:left;
			margin:0 0 10px;
			width:100%;
		}
		
		#left-col-text-area	form {
			clear:both;
			float:left;
		}
		
		#left-col-text-area	form p {
			clear:none;
			float:left;
			margin:0 0 10px;
			width:50%;
		}
		
			#left-col-text-area label {
				width:120px;
				float:left;
				display:inline;
				font-size:15px;
				color:#000000;
			}	
		
			label {
				width:70px;
				float:left;
				display:inline;
				font-size:15px;
				color:#000000;
			}	
			
			.textbox {
				background:url("../images/form/textbox-bg163x17.png") repeat scroll 0 0 transparent;
				border:0 none;
				color:#000000;
				display:inline;
				float:left;
				font-size:10px;
				height:16px;
				padding:3px 0 2px 5px;
				width:150px;
			}
			
			.textarea {
				background:url(../images/form/textarea-bg.png) repeat scroll 0 0 transparent;
				border:0 none;
				color:#000000;
				display:inline;
				float:left;
				font-size:10px;
				height:72px;
				padding:5px 5px 2px;
				width:150px;
			}
			
			.error {
				background:url("../images/form/textbox-error-bg163x17.png") repeat scroll 0 0 transparent;
				border:0 none;
				color:#000000;
				display:inline;
				float:left;
				font-size:10px;
				height:19px;
				padding:0 0 2px 5px;
				width:150px;
			}
			.error-area {
				background:url("../images/form/textarea-error-bg.png") repeat scroll 0 0 transparent;
				border:0 none;
				color:#000000;
				display:inline;
				float:left;
				font-size:10px;
				height:72px;
				padding:5px 5px 2px;
				width:150px;
			}
			
			.joinus {
				float:left;
				display:inline;
				width:150px;
				height:69px;
			}
			
			.submitbutton {
				float:right;
				display:inline;
				width:77px;
				height:29px;
				margin:40px 0 0 0;
			}
			.submitbutton-book {
				float:right;
				display:inline;
				width:77px;
				height:29px;
			}
		
			
		#menu-btns {
			float:left;
			display:inline;
			width:223px;			
			padding:25px 15px;
			background:url(../images/bg/right-col-bg.png);
			margin:0 0 6px 0;
		}
		
		#menu-btns li {
			margin:0 0 3px 0;
			float:left;
		}
		
			#menu-btns li.dining a {
				background:url(../images/btns/dining-menu.png) no-repeat scroll 0 0 transparent;
				float:left;
				height:29px;
				width:180px;
			}
			
			#menu-btns li.lunch a {
				background:url(../images/btns/lunch-menu.png) no-repeat scroll 0 0 transparent;
				float:left;
				height:29px;
				width:180px;
			}			
			#menu-btns li.wine a {
				background:url(../images/btns/wine-menu.png) no-repeat scroll 0 0 transparent;
				float:left;
				height:29px;
				width:180px;
			}
			
			#menu-btns li.back a {
				background:url(../images/btns/back.png) no-repeat scroll 0 0 transparent;
				float:left;
				height:29px;
				width:180px;
			}	
			
			#menu-btns li.print a {
				background:url(../images/btns/print.png) no-repeat scroll 0 0 transparent;
				float:left;
				height:29px;
				width:180px;
			}	
				#menu-btns ul li a span {
					display:none;
				}
				
				#menu-btns li.dining a:hover, #menu-btns li.lunch a:hover, #menu-btns li.wine a:hover{
					background-position:0 -29px;
				}
				
				#menu-btns li.print a:hover, #menu-btns li.back a:hover{
					background-position:0 -28px;
				}
				
			#christmas-day{
				float:left;
				display:inline;
				width:250px;
				height:28px;
				text-indent:-999999px;
				background:url(../images/btns/christmas-day-menu.png) no-repeat 0 0;
			}
			
				#christmas-day:hover{
					background-position:0 -29px;
				}
				
			#christmas-festive{
				float:left;
				display:inline;
				width:250px;
				height:28px;
				text-indent:-999999px;
				background:url(../images/btns/christmas-festive-menu.png) no-repeat 0 0;
			}
				#christmas-festive:hover{
					background-position:0 -29px;
				}
		
#footer {
	float:left;
	display:inline;
	width:960px;
	height:148px;
	background:url(../images/bg/footer.png) no-repeat;
}	

	#siteby-youngslogo {
		float:right;
		display:inline;
		width:180px;
		clear:both;
		margin:25px 0 0 0;
	}
		a.siteby {
			background:url(../images/bg/siteby.png) no-repeat;
			height:23px;
			width:109px;
			text-decoration:none;
			float:left;
			margin:6px 0 0 0;
		}
		
			a.siteby:hover {
				background-position:0 -23px;	
			}

			a.siteby span {
				display:none;	
			}
			a.youngs {
				background:url(../images/bg/youngs.png) no-repeat;
				height:33px;
				width:46px;
				text-decoration:none;
				float:left;
				margin:0 25px 0 0;
			}
		
				a.youngs:hover {
					background-position:0 -34px;	
				}
	
				a.youngs span {
					display:none;	
				}

	#getintouch {
		float:right;
		display:inline;
		width:300px;	
		color:#ffffff;
		text-align:right;
		line-height:23px;
		margin:18px 160px 0 0;
	}
		#getintouch .tel{
			font-size:17px;
			font-weight:bold;
			clear:both;
		}
			#getintouch .tel span{
				color:#08a1b3;
			}
		#getintouch .email{
			font-size:12px;
			font-weight:bold;
			clear:both;			
		}
			#getintouch .email span{
				color:#08a1b3;
			}
			
			#getintouch .email a{
				color:#ffffff;
				text-decoration:none;
			}
			
		#getintouch .address{
			font-size:12px;
			font-weight:bold;
			clear:both;			
		}
			
			
			
	#openinghours {
		float:right;
		display:inline;
		width:100px;
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
		text-align:right;
		margin:13px 10px 0 0;
	}
	
		#openinghours span {
			color:#08a1b3	
		}
		
	div.cmf-skinned-select {
    	background:none !important;
		background-image:url(../images/form/dropdown.png) !important;
		background-position:top right;
		background-repeat:no-repeat;
		border:0 !important;
		color:#000000;
		display:inline;
		float:left;
		font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
		font-size:12px;
		height:23px !important;
		padding-left:5px;
		padding-top:3px;
		width:44px !important;
		margin:0 3px 0 0;
		font-size:10px !important;
	}
	.select-list-style {
		font-size:10px !important;
	
	}
	div.cmf-skinned-text {
		padding: 3px;
		width:28px !important;
	}
	
* html div.cmf-skinned-text {
	display:none;
}
* html div.cmf-skinned-select {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	padding:0;

}	

* html div.select-list-style {
	width:30px !important;
}

.highlight-text {
	color:#08a1b3 !important;
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.hide-btn {
	color:#000000;
	font-size:16px;
	left:625px;
	position:absolute;
	top:15px;
	width:80px;
	z-index:1000;
}
	#live-booking-form {
		background:url("../images/bg/right-col-bg.png") repeat scroll 0 0 transparent;
		position:relative;
		float:left;
		display:inline;
		width:233px;
		height:75px;
		padding: 20px 0 20px 20px;
		margin:0 0 10px 0;	
	}
	
	#signupbtn-outer {
		position:relative;
		float:left;
		display:inline;
			width:253px;
		height:95px;	
	}
	
	#signupbtn {
		background:url("../images/bg/right-col-bg.png") repeat scroll 0 0 transparent;
		display:inline;
		float:left;
		margin:0 0 6px;
		position:absolute;
		width:253px;
		height:130px;
		overflow:hidden;
		vertical-align: center;
		z-index:1100;
	}
	
	
	#signupbtn .button {
		float:left;
		display:inline;
		width:204px;
		padding:10px 20px 20px 20px;	
		cursor:pointer;
	}
	
	#signupbtn .form {
		float:left;
		display:inline;
		width:440px;	
	}

	#signupbtn .form p {
		float:left;
		display:inline;
		margin:0 9px 0;
		clear:none;
		width:160px;
		
	}
	
	#signupbtn .form p.clear {
		clear:left;
	}
	
	#signupbtn .form .submit{
		padding:10px 0 0 0;
	}
	
	.close {
		
		padding-top:20px;
		float:left;
		_position:relative;
		_padding-top:0px;
		_top:-70px;
		_left:400px;;
	}
	
	#signupouter {
		float:left;
		display:inline;
		width:800px;
	}
	
	img, div { behavior: url(../iepngfix.htc) }
	
	p.successText {
		width:320px !important;
		font-size:10px !important;
		line-height:11px;
	}
	
	/* Additional Styles */
	
	div#like-button
	{
		float: left;
		display: inline;
		margin-top: 10px;
	}
	
	
	.royal-celebration-btn {
		float: left;
		display: inline;
		margin: 40px 0 0 0;
	}