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

body{ 
	background:#341a03 !important;
	font-size:1em;
}
/* ================================ Main Structural Divs========================== */
	#outer{ 
		width:960px; 
		margin:0 auto 0 auto;
	}

		#wrapper{
			float:left;
			display: inline;
			width:960px;
		}
		
			/* ================================ Header Div ========================== */
			#header{
				float:left;
				display:inline;
				width:806px;
				height:116px;
				padding:0 0 0 151px;
			}
			
			/* ================================ Logo ========================== */
				#logo{
					float:left;
					display:inline;
					width:493px;
					height:80px;
					margin:32px 0 0 0;
				}
			/* ================================ Venue Navigation ========================== */	
				ul#venue-select{ 
					float:right;
					display:line;
					margin:60px 0 0 0;
					width:169px;
				}
				
					ul#venue-select li{
						float:left;
						color:#b18848;
						font-size:72%
					}
					
					ul#venue-select li.spacer{ margin:0 10px 0 10px;}
						
						ul#venue-select li 	a{
							text-decoration:none;
							text-transform:uppercase;
							color:#b18848;
						}
						
						ul#venue-select li a:hover, ul#venue-select li a.on{
								color:#ede6dc !important;
						}
						
			/* ================================ Main Content Div ========================== */
			#main-content{}			
			
			/* ===================== left hand navigation ===================== */
			
				#left-navigation{ 
					float: left;
					display:inline;
					width:153px;
				}
				
					ul#navigation{ 
						float:right;
						display:line;
						margin:30px 13px 0 0;
					}
					
						ul#navigation li{
							text-align:right;
							font-size:65%;
							margin:0 0 20px 0;
						}
						
							ul#navigation li a{
								text-decoration:none;
								text-transform:uppercase;
								color:#b18848;
							}
							
								ul#navigation li ul {
									margin-top:5px;
									padding:5px 0 0 0;
									border-top: 1px solid #ede6dc;
								}
							
									ul#navigation li ul li{
										text-align:right;
										font-size:100%;
										margin:0 0 5px 0;
									}
									
										ul#navigation li ul li a{
											text-decoration:none;
											text-transform:uppercase;
											color:#ede6dc;
										}
							
							ul#navigation li a.on, ul#navigation li a:hover{
								color:#b18848 !important;
							}
							
				#small-logos{
					float:right;
					display:inline;	
					width:130px;
					padding:0 13px 0 0;				
				}
					#small-logos a{
						float:left;
						display:inline;
					}
						#small-logos a img{
							float:left;
							display:inline;
						}
							
				/* ===================== Right hand Main Content ===================== */
				#right-content{
					float:left;
					display:inline;
					width:807px;
					height:752px;
				}
				
				.home{ background:url(../images/bg-home.jpg);}	
				.outside-catering{ background:url(../images/bg-OS.jpg);}
				.home-dining{ background:url(../images/bg-home-dining.jpg);}
				.rugby{ background:url(../images/bg-rugby.jpg);}
				.weddings{ background:url(../images/bg-weddings.jpg);}
				.twickenham{ background:url(../images/bg-twickenham.jpg);}
				.bg-gallery{ background:url(../images/bg-gallery.jpg);}
				.contact{ background:url(../images/bg-contact.jpg);}	
					
					/* ===================== show and hide div ===================== */
					#show{
						position:relative;
						width:342px;
						min-height:493px;
						height:auto !important;
						height:493px;
						float:right;
						margin:50px 50px 0 0;
						z-index:5;
					}
					
					#gallery-show{
						position:relative;
						width:707px;
						min-height:493px;
						height:auto !important;
						height:493px;
						float:right;
						margin:50px 50px 0 0;
					}
					
					
					/* ===================== Main Content ===================== */
					 #hide-text{
						position:absolute;
						top:0;
						right:0;
						width:90px;
						height:32px;
						z-index:10;
					}
						
					#content{
						width:342px;
						min-height:493px;
						height:auto !important;
						height:493px;
						position:absolute;
						z-index:5;
						top:0;
						left:0;
						background:url(../images/content-bg.png) repeat; 
					}
					
					.gallery-width{
						width:707px !important;
						min-height:493px;
						height:auto !important;
						height:493px;
						padding-bottom:25px;
					}
					
					.gallery-width a#hide-text{
						left:602px !important;
					}
					
						#text{ padding:30px 25px 25px 25px; }
					
					.gallery{
						width:707px;
						min-height:493px;
						height:auto !important;
						height:493px;
						float:left;
						display:inline;
						padding-bottom:50px;
						background:url(../images/content-bg.png) repeat; 
					}
	
						
						/* ===================== Right hand Main Content text styling ===================== */	
							
							
							#content h1{
								width:667px;
								font-size:150%;
								text-transform:uppercase;
								border-bottom: 1px solid #341a03;
								color:#341a03;
								margin:30px 0 10px 20px;	
							}
							
							#text h1{
								width:100%;
								font-size:150%;
								text-transform:uppercase;
								border-bottom: 1px solid #341a03;
								color:#341a03;
								margin:0 0 10px 0;	
							}
							
							#text h2{
								font-family:Georgia, "Times New Roman", Times, serif;
								color:#341a03;
								font-size:100%;
							}
							
							#text p{
								font-family:Georgia, "Times New Roman", Times, serif;
								color:#341a03;
								font-size:80%;
								line-height:14px;
							}
								
								#text p a{
									color:#341a03;
								}
							
								#text p span.quote-text{
									font-style: italic;
									text-align:right;
									float:right;
									font-size:100%;
									width:100%;
									font-weight:bold;
									padding:10px 0 0 0;
								
								}
								
								#text p span.quote-author{
									font-family:Arial, Helvetica, sans-serif;
									font-weight:bold;
									text-align:right;
									float:right;
									font-size:70%;
									width:100%;
									padding:0 0 20px 0;
									
								}
								
								#text p.address{
									font-size:110%;
									line-height:20px;
								}
								
								p.no_galleries{
									font-family:Georgia, "Times New Roman", Times, serif;
									color:#341a03;
									font-size:80%;
									line-height:14px;
								}
								
							
							
					/* ===================== left hand buttons and rollover states ===================== */						
					
					ul#left-buttons{
						position:relative;
						float:left;
						display:inline;
						width:364px;
						margin-top:373px;					
						margin-left:-52px;
					}
					
						ul#left-buttons li{
							position:relative;
							float:left;
							display:inline;
							clear:both;
							width:364px;
							height:80px;
							margin-bottom:10px;	
						}
							
							ul#left-buttons li a{}
							
								
								#make-an-enquiry{
									position:relative;
									width:364px;
									height:80px;
									float:left;
									display:inline;
								}
			
									#make-an-enquiry img.normal{
										position:absolute;
										width:364px;
										height:80px;
										top:0;
										left:0;
										z-index:10;
									} 
									
									#make-an-enquiry img.hover{ 
										position:absolute;
										width:364px;
										height:80px;
										top:0;
										left:0;
										z-index:5;
									}			
			
								#brula-catering-club{
									position:relative;
									width:364px;
									height:80px;
									float:left;
									display:inline;
									
								}
								
									#brula-catering-club img.normal{
										position:absolute;
										width:364px;
										height:80px;
										top:0;
										left:0;
										z-index:10;
									
									} 
									
									#brula-catering-club img.hover{ 
										position:absolute;
										width:364px;
										height:80px;
										top:0;
										left:0;
										z-index:5;
									}
							
							
			/* ================================ Footer Div ========================== */
			#footer{
				float:left;
				display:inline;
				width:807px;
				height:16px;
				padding:35px 0 0 153px;
				background: url(../images/footer-bg.jpg) top right no-repeat;
			}	
			
			#footer p{
				color:#f3efe2;
				font-size:71.8%;
			}	
			
			/* ================================ Form Styling ========================== */
			.errorText {
				color:red;
			}
			.error {
				font-weight:bold;
				color:red;
			}
			
			form{
				margin:20px 0 0 0;
			
			}	
			
			form p{ height:30px;}
			
			form p label{ 
				width:90px;
				float:left;
				display:inline;
				padding:0 10px 0 0;
			}
			
			form p input, form p textarea{
				float:left;
				display:inline;
				width:140px;
				border:none;
				background:#f3efe2;
			}
			
			.submit{
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#341a03;
				width:50px !important;
				float:right;
				margin:80px 10px 0 0;
				clear:both;
			}