@import url('reset.css');
/* CSS Document */
html, body{
	height:100%;
}
.centerme{
	margin:0 auto;
	width:530px;
}
.bell_link h3 a.selected{
	color:#000000;
}

.bell_link h3 a.selected:hover{
	color:#000000;
}
body{
	background-color:#998675;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4f424d;
	line-height:18px;
}

p{
	margin-bottom:10px;
	font-weight:300;
}

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

h1{
	color:black;
	font-size:19px;
	line-height:29px;
	font-weight:normal;
	margin-bottom:15px;
}

h2{
	margin-bottom:10px;
	margin-top:10px;
}

div#container{
	width:960px;
	margin: 0 auto;
	
		min-height:730px;
  	height:auto !important;
  	height:730px;

	

}

div#leftcolumn{
	width:190px;
	float:left;
	display:inline;
	background-color:#998675;
	min-height:730px;
  	height:auto !important;
  	height:730px;
}
div#maincontent{
	width:770px;
	float:left;
	display:block;
	height:100%;
	position:relative;
	padding-bottom:1px;

}

/*Background images*/


.drinkcontent{
	background: url(../images/backgrounds/drink.jpg) repeat-y top ;
}

.whatsoncontent{
	background: url(../images/backgrounds/whatson.jpg) repeat-y top ;
}

.occasionscontent{
	background: url(../images/backgrounds/occasions.jpg) repeat-y top ;
}

.contactuscontent{
	background: url(../images/backgrounds/contactus.jpg) repeat-y top ;
}

.bg-container{
	left: 0;
	height: 730px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 770px;
	z-index: 0;
}

	.bg-container img{
		left: 0;
		position: absolute;
		top: 0;
		z-index: 1
	}

.maintext{
	left: 0;
	position: absolute;
	top: 0;
	z-index: 5;
}

.our-people strong {
	font-size:16px;
	font-weight:bold;
}

span#mainlogo{
	text-indent:-9999px;
	width:190px;
	height:161px;
	background: url('../images/logo.jpg') no-repeat top left;
	display:block;
}

.padright22{
	padding-right:22px;
}

div#mainmenu{
	margin-bottom:30px;
}

div#mainmenu ul li{
	text-align:right;
	margin-bottom:5px;
}

div#mainmenu ul li a{
	color:white;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
}

div#mainmenu ul li a:hover{
	color:#000000;
}

div#mainmenu ul li.selected a{
	color:#000000;
}

.alignright{
	text-align:right;
}

.bell_link{
	background: transparent url('../images/nav/bellbg.gif') no-repeat bottom right;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:7px;

}

.bell_link h3 a{
	color:white;
	text-decoration:none;
	font-size:15px;
	font-weight:normal;
}

.bell_link h3 {
	text-align:right;
	color:white;
	text-decoration:none;
	font-size:15px;
	font-weight:normal;
}

.bell_link h3 a:hover{
	color:#000000;
}

.bookingform input{
	width:111px;
	height:12px;
	font-size:10px;
	margin-bottom:2px;
}

.bookingform label{
	font-size:10px;
	color:white;
	width:48px;
	height:17px;
	display:block;
	float:left;
	text-align:right;
	padding-right: 3px;
	margin-top:3px;
}



.bookingform textarea{
	width:111px;
	height:34px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.bookingform select{
	font-size:10px;
	
	width:56px;
	margin-bottom:2px;
}

.bookingform h3{

	margin-bottom:15px;
}

.bookingform select.leftselect{margin-right:3px;}
br:before {
	content: "";
}
br.clear{
	margin:0;
	padding:0;
	clear:both;
	height:1px;
	line-height:0px;
	font-size:0px;	
}
.bookingform p{
	margin-bottom:0px;
	clear:both;
}

.bookingform p.errorText{
	margin-bottom:10px;
	text-align:right;
	color:#8f2424;
	font-size: 10px;
	line-height:13px;
}

.bookingform input.submit{
	width:76px;
	height:27px;
	margin-bottom:10px;
}

.bookingform label.error{
	color:#8f2424;
}

.bookingform .successText{
	margin-bottom:10px;
	text-align:right;
	color:#ffffff;
	font-size: 10px;
	line-height:13px;
}

#footer{
	margin-top:5px;
	text-align:right;
}

#footer p{
	color:white;
	line-height:17px;
	font-size:11px;
	margin-top:10px;
	
}

#footer p a{
	color:white;
	text-decoration:none;
}

#footer p a:hover{
	color:black;
}

#footer p.propeller a{

font-family: "Trebuchet MS", sans-serif !important;; 
font-size: 10px !important;
color:#6a5e54;
}

#footer p.propeller a:hover{
color:#6a5e54;
}
.maintext{
	margin-top:161px;
	padding:20px;
	background:url(../images/backgrounds/maintextbg.png) repeat;
	margin-bottom:50px;
	width:730px;
}
.padleft395{
padding-left:395px;
width: 355px;
}

ul.gallery li{
	float:left; display:inline; margin-right:15px;
	
}
.smalltext{
	font-size:10px;
	line-height:13px;
}
div#googlemap{
width:350px; height:270px; position:absolute; 
top:183px;
left:20px;
z-index:9999;
}

.contactusform label{
width:75px;
font-weight:bold;
font-size:11px;
display:block;
float:left;
}

.contactusform label.error{
	color:#8F2424;
}

.contactusform p.errorText{
	font-size:10px;
	color:#8F2424;
	line-height:13px;
	margin-bottom:10px;
}

.contactusform p.successText{
	font-size:10px;
	line-height:13px;
	margin-bottom:10px;
}

.contactusform p {
	margin-bottom:2px;
	clear:both;
}

.contactusform input{
	background:transparent;
	width:200px;
	border-color:#998675;
}

.contactusform input.submit{
	width:60px;
	height:25px;
	margin-right:74px;
}


.contactusform select{
	border-color:#998675;
	background:transparent;
	width: 102px;
}

.contactusform textarea{
	background:transparent;
	width:200px;
	border-color:#998675;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.contactusform input#mailinglist{
	width:15px;
	border-color:#000000;
	
}
.contactusform label.mailinglabel{
	width: 259px;
}

form.gallery_selector select{
	border-color:#998675;
	background:transparent;
}


#twitterfeed{
	position:absolute;
	width:165px;
	height:207px;
	top:25px;
	left:40px;
	padding:10px 25px 0 10px;
	background:url(../images/twitter.gif) no-repeat top left;
	color:#ffffff;
	clear: both;
	z-index: 2;
	overflow:hidden;
}
#twitterfeed p {
	width:160px;
	height:207px;
}
#good-food {
	position:absolute;
	width:10px;
	height:1px;
	top:168px;
	left:260px;
	clear: both;
}

#homepage-form{
	margin:-50px 0 0 0;
	float:left;
	display:inline;
	width:705px;
	padding:0 20px 0 45px ;
	background:url(../images/backgrounds/maintextbg.png) repeat;
}

#homepage-form h2{
	color:black;
	font-size:19px;
	line-height:29px;
	font-weight:normal;
	margin-bottom:15px;
}


#homepage-form-column01{
	float:left;
	display:inline;
	width:440px;
}

	#homepage-form-column01 p{
		float:left;
		display:inline;
		padding:0 10px 0 0;
		
	}
	
		#homepage-form form #homepage-form-column01 label{
		float:left;
		display:inline;
		width:40px !important;
		}
		
			#homepage-form form #homepage-form-column01 label.long{
				width:120px !important;	
			}
		
			#homepage-form form #homepage-form-column01 label.time{
				margin:0 0 0 33px;
			}
		
		#homepage-form form #homepage-form-column01 input{
			float:left;
			display:inline;
			margin: 0 10px 0 0;
		
		}
		
		#homepage-form form #homepage-form-column01 select{
			float:left;
			display:inline;
			margin: 0 10px 0 0;
		}

#homepage-form-column02{
	float:left;
	display:inline;
	width:200px;
}

	#homepage-form-column02 textarea{
		margin:0;
		padding:0;
	}


#homepage-form input.submit{
	margin: 0 17px 0 0;
}

#homepage-form .error{
	color:#990000;
}

#homepage-form p.tcs{
	font-size:10px;
	font-style: italic;
	clear:both;
}

/* Additional Styles */

a.article
{
	text-decoration: underline;
}

/* End Additional Styles */