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

body, html {
	margin:0;
	padding:0;
	height: 100%;
}

a, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

body {
	background-color:#333333;
	min-width:900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:18px;
}

.outer {
	width: 960px;
	margin: auto;
	background-color:#cccccc;
}

.header {
	width: 960px;
	float:left;
	display:inline;
	height: 12px;
	text-align:right;
	background-color:#333333;
	/*--overflow: hidden;--*/
	padding-top: 25px;
}

.inner {
	background-color:#cccccc; 
	float:left; display:inline;
	width: 960px;


}
.navarea {
	width: 157px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background-color:#cccccc;
	float:left;
	display:inline;
}

.nav {
	width: 136px;
	min-height:310px;
	height:auto !important;
	height:310px;
	background-color:#cccccc;
	float:left;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#666366;
	text-decoration:none;
	padding-left:8px;
}

.navbtn p {
	margin-top:0px;
}
.navbtn {
	width: 136px;
/*	background-color:#cccccc; */
	float:left;
	display:inline;
	padding-left: 8px;
}

.navbtn {
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:14px !important;
	color:#666366 !important;
	text-decoration:none !important;
	line-height:23px !important;
	padding-left: 8px !important;
}

a.navbtn:hover{
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:14px !important;
	color:#ffffff !important;
	text-decoration:none !important;
	line-height:23px !important;
	padding-left: 8px !important;
	display:inline !important;

}

.navbtnselected {
	width: 136px;
	float:left;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:14px !important;
	color: #FFFFFF !important;
	text-decoration:none !important;
	padding-left: 8px !important;
	line-height:23px !important;
	display:inline;
}

a.navbtnselected {
	width: 136px;
	float:left;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:14px !important;
	color: #FFFFFF !important;
	text-decoration:none !important;
	padding-left: 8px !important;
	line-height:25px !important;
}

.signup {
	float: left;
	display: inline;
}

.logo {
	margin-top: 19px;
	margin-bottom:5px;
	width:135px;
	height:105px;
	float:left;
	display:inline;
}

.contentarea {
	width: 803px;
	min-height:573px;
	height:auto !important;
	height:573px;
	background-color:#666366;
	float:left;
	display:inline;
}

.textouter-wide{
	background-color:#FFFFFF;
	display:inline;
	float:left;
	height:573px;
	width:803px;
}

.scrollbar_415 {
height:415px;
overflow:auto;
padding: 0 10px 0 0;
}

.scrollbar_200 {
height:200px;
overflow:auto;
margin: 10px 0;
padding: 0 10px 0 0;
}

.scrollbar_no {
	height: auto;
	margin: 10px 0;
	padding: 0 10px 0 0;
}

.events-scroll {
	margin:0 20px;
}

.footer {
	width: 960px;
	height:17px;
	clear:both;
	float:left;
	display:inline;
	background-color:#333333;

}

.footer-text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#949494;
	width: 760px;
	height:15px;
	float:left;
	display:inline;
	margin-top:2px;
}

.footer-text a, .footer-text a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#949494;
	text-decoration:none;
}

.footer-text a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#949494;
	text-decoration:underline;
}

.siteby {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#949494;
	width: 200px;
	height:17px;
	float:left;
	display:inline;	
	text-align:right;
}

.siteby a, .header a, .siteby a:visited, .header a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#949494;
	text-decoration:none;
}

.siteby a:hover, .header a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#949494;
	text-decoration:underline;
}


.title {
	float:left;
	display:inline;
/*	height:20px;*/
	margin: 65px 21px 5px 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#9e9d9e;
}
.subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#9e9d9e;
	line-height:14px;
}

.restuarant_quote{ color: #eee; margin: 0 0 0 -435px; position: absolute; top: 570px;  width: 400px; z-index: 200; }
.garden_quote{ color: #eee; margin: 0 0 0 -435px; top: 570px; position: absolute; width: 400px; z-index: 200; }
.bedrooms_quote{ color: #eee; margin: 0 0 0 -435px; top: 530px; position: absolute; width: 400px; z-index: 200; }

a.pdf-link:hover, a.pdf-link:visited, a.pdf-link:active, a.pdf-link:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#9e9d9e;
	line-height:14px;
}

.calendar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#9e9d9e;
	line-height:14px;
	letter-spacing: inherit;
	margin:0;
	padding:0;
}

.subtitle_home {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:14px;
	z-index: 200;
	position: absolute;
	margin: 0px 0 0 -435px;
	top: 580px;
	width: 400px;
}



.subtitle_10 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#fff;
	line-height:14px;	
}

.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#333333;
}

.landing {
	width: 960px;
	background-color:#333333;
	float:left;
	display:inline;
}

.dhillon-landing {
	width: 900px;
	background-color:#3E3C3F;
	float:left;
	display:inline;
}

/* content and image areas for large text area  and small image */
.textouter-large {
	float:left;
	display:inline;
	width:373px;
	min-height:573px;
	height:auto !important;
	height:573px;
	background-color:#FFFFFF;
}

.textarea-large {
	float:left;
	display:inline;
	width:331px;
	padding-bottom:0px;
	margin-left:21px;
	margin-right:21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:18px;
	text-align:justify;
}

#menu-spacer{
height:300px;
width:331px;
margin:0;
padding:0;
}

#menuholder{
	float:left;
	display:block;
	width:328px;	
	padding:0 21px 10px 21px;
	}

.image-small {
	float:left;
	display:inline;
	width:430px;
	height:573px;
	z-index: 0;
}

/* END content and image areas for large text area  and small image */

/* content and image areas for large text area  and small image */
.textouter-verylarge {
	float:left;
	display:inline;
	width:558px;
	min-height:573px;
	height:auto !important;
	height:573px;
	background-color:#FFFFFF;
}

.textarea-verylarge {
	float:left;
	display:inline;
	width:516px;
	margin-left:21px;
	margin-right:21px;
	padding-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:18px;
	text-align:justify;
	
}

.image-verysmall {
	float:left;
	display:inline;
	width:245px;
	height:573px;

}

/* END content and image areas for large text area  and small image */

/* content and image areas for small text area  and large image */
.textouter-small {
	float:left;
	display:inline;
	width:260px;
	min-height:573px;
	height:auto !important;
	height:573px;
	background-color:#FFFFFF;
}


.textarea-small {
	float:left;
	display:inline;
	width:218px;
	margin-left:21px;
	margin-right:21px;
	padding-bottom:20px;
	text-align:justify;
	

}

.image-large {
	float:left;
	display:inline;
	width:543px;
	height:573px;
}

/* END content and image areas for small text area  and large image */

.textarea-menu {
	float:left;
	display:inline;
	width:516px;
	margin-left:21px;
	margin-right:21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin-top:5px;
	margin-bottom:5px;

}
/* booking form */

.booking-textfield {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #a8a8a8;
	line-height:20px;
	height:18px;
	width:130px;
	border:0px;
	padding-left:5px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:5px;
	background-color:#ffffff;
	
}

.booking-formdropdown {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #a8a8a8;
	height:20px;
	border:0px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	background-color:#ffffff;

}

.booking-formtextbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #a8a8a8;
	height:55px;
	width:130px;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	background-color:#ffffff;
}

.booking-button, a.booking-button:link, a.booking-button:active, a.booking-button:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color: #a9a9a9;
	background-colour:#ffffff;
}

.menu-button, a.menu-button:link, a.menu-button:active, a.menu-button:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color: #a9a9a9;
	padding:5px 10px 5px 0;
}

a.restaurant_menu, a.restaurant_menu:link, a.restaurant_menu:active, a.restaurant_menu:visited{ color: #000; font-size: 15px; }

.enquiries-button {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:17px;
color:#fff;
padding:3px;
background-color:#CCCCCC;
line-height:19px;
}

.line-height26 {
	line-height:26px;
}

a.menu-button:hover{
	text-decoration:underline;
	color: #000000;
}


.booking-button-yellow, a.booking-button-yellow:link, a.booking-button-yellow:active, a.booking-button-yellow:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #ffd400;
	background-color: #cccccc;
	border:0px;
	padding:5px;
}

.booking-text {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

.booking-heading {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}


.bookingcolumn1 {
	width:105px;
	float:left;
	display:inline;
}

.bookingcolumn2 {
	width:226px;
	float:left;
	display:inline;
}

.bookingcolumn1-bar {
	width:90px;
	float:left;
	display:inline;
}

.bookingcolumn2-bar {
	width:241px;
	float:left;
	display:inline;
}



/* end booking form */

/*forms */

.textfield {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6a6a6a;
	line-height:20px;
	height:18px;
	width:160px;
	border:1px solid #333333;
	padding-left:5px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:5px;
	background-color:#eee;
	
}

.formtextbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6a6a6a;
	height:55px;
	width:160px;
	border:1px solid #333333;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	background-color:#eee;
}

.formdropdown {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6a6a6a;
	height:20px;
	border:1px solid #333333;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	background-color:#eee;

}

.button 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	background-color: #cccccc;
	border:1px solid #333333;
	padding:3px;
}
/* end forms */

/* menu links */

a.menu:link {	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #9e9d9e;
	text-decoration:none;
	line-height:22px;}
a.menu:visited {	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #9e9d9e;
	text-decoration:none;
	line-height:22px;}
a.menu:hover {	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #333333;
	text-decoration:none;
}
	
.secondarytext {
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
color: #909090;
text-decoration:none;
}	

.bottom-quote-verylarge {
	width:516px;
	float:left;
	display:inline;
	height:20px;
}

.beauty-holder {height: 450px;
overflow: auto;
padding: 5px 5px 5px 0;
}

.scrollbar {
height:417px;
overflow-y:auto;
overflow-x:hidden;
}

.text-scroll {
width:321px;
padding-right:10px;
height:300px;
overflow:auto;

}

#press{
	background:#FFFFFF;
	min-height:573px;
	height:auto !important;
	height:573px;
	overflow:auto;
	padding:30px 20px 0 20px;
}

/*=============Jquery image transition replacements=============*/