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

body{
	margin:0;
	background:#2c0732;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:2em;
}

a{outline:none;}
img{ border:0;}

h1{
	font-size:90%;
	font-weight:normal;
	color:#ffffff;
	
}

h1.gold {
	color:#DDB683;
}

h2{
	font-size:50%;
	font-weight:normal;
	color:#c0a982;
}

p{
	font-size:50%;
	color:#c0a982;
}

a.back{
	display:block;
	width:85px;
	height:22px;
	padding:6px 0 0 10px;
	margin:0 0 10px 0;
	background: url('../images/btns/tab-small.png');
	font-size:40%;
	text-decoration:none;
	color:#fff;
}

a.cufongold{
color:#c0a982;
}

.gold{
	color:#c0a982;
}

/*-----------------------------------Main structual Divs--------------------------- */

#header{
	width:;
	height:132px;
	background:#57325d;
}

#main{

	min-height:723px;
	height:auto !important;
	height:723px;
	background-image:url(../images/BG.jpg);
	background-repeat:repeat-x;
	background-position:center;
}

#footer{
	width:100%;
	height:160px;	
}

.inner{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}


/*-------------------------Header divs------------------*/

#logo{
	float:left;
	display:inline;
	width:214px;
	height:81px;
	margin:43px 0 0 0;
}

#logo a{
	display:block;
	width:214px;
	height:81px;
}


ul#navigation{
	display:inline;
	float:left;
	width:715x;
	padding:0 0 0 15px;
	margin:103px 0 0 0;
	list-style:none;
	font-size:55%;
}

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

ul#navigation li.spacer{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:2px;
	color:#401b46;
	font-weight:bold;
	text-align:left;
}

ul#navigation li a{
	display:block;
	margin:0;
	padding:0;
	width:100px;
	color:#DDB683;
	text-decoration:none;
	text-align:center;
}

ul#navigation li a:hover, ul#navigation li a.on {
	color:#d70c82;
}


/*-------------------------Main Content Divs------------------*/
#content{
	float:left;
	display:block;
	width:100%;
}

#content #frame{
	float:left;
	width:533px;
	height:436px;
	padding:44px 0 0 31px;
	background:url(../images/frame.png) no-repeat;
	overflow:hidden;
}

#content #text{
	float:left;
	width:378px;
	min-height:480px;
	height:auto !important;
	height:480px;
	padding:0 0 0 15px;
}

#quote{
	float:right;
	display:block;
	width:290px;
	height:120px;
}

#quote-home {
	margin-top:50px;
}
	
/*-------------------------Those Crazy purple boxes------------------*/	

/*-------------------------main structure------------------*/	
#purple-boxes{
	float:left;
	display:block;
	width:100%;
	height:175px;
}

#purple-boxes ul{
	float:left;
	display:inline;
	list-style:none;
	margin:0; 
	padding:0;
}

#purple-boxes ul li{
	float:left;
	width:280px;
	height:160px;
	margin:0 0 0 15px;
	padding:0 12px 0 18px;
}

#purple-boxes ul li.first{
	margin:0;
}

#purple-boxes ul li.book-online ul#venue-links{
	width:260px;
	height:100px;
	margin:0;
	padding:0;
	list-style:none;
}

#purple-boxes ul li.book-online ul#venue-links li{
	float:left;
	display:inline;
	width:110px;
	height:30px;
	margin:15px 0 0 75px;
	padding:0;
}
/*-------------------------different Backgrounds------------------*/	

#purple-boxes ul li.book-online{
	background:url('../images/purple-box2.png');
	text-align:center;
}

#purple-boxes ul li.box2{
	background: url('../images/purple-box1.png');
}

#purple-boxes ul li.box3{
	background:url('../images/purple-box3.png');
}

#purple-boxes ul li.box4{
	background:url('../images/purple-box4.png');
}

#purple-boxes ul li p.form{
}

/*-------------------------Text Styling of the mental purple boxes------------------*/	

#purple-boxes ul li h3{
	margin:0 0 5px 0;
	padding:0;
	color:#e4bd87;
	font-size:80%;
	font-weight:normal;
	text-align:center;
}
#purple-boxes ul li p{
	padding:0;
	margin:0;
	height:90px;
	overflow:hidden;
	font-size:50%;
	color:#fff;
}

#purple-boxes ul li p.form{
	height:78px;

}

#purple-boxes ul li a.twitter{
	color:#e4bd87;
}

#purple-boxes ul li a.tab{
	float:right;
	display:block;
	width:85px;
	height:22px;
	padding:6px 0 0 10px;
	background: url('../images/btns/tab-small.png');
	font-size:40%;
	text-decoration:none;
	color:#fff;
}

#purple-boxes ul li a.tab-padding{
	float:right;
	display:block;
	width:90px;
	height:22px;
	padding:6px 0 0 5px;
	background: url('../images/btns/tab-small.png');
	font-size:40%;
	text-decoration:none;
	color:#fff;
}

#purple-boxes ul li a.sunday-tab{
padding:6px 0 0 2px;
width:93px;
margin:0 10px 0 0;

}

/*-------------------------Form styling of the clinicaly insane purple boxes------------------*/	

/*-------------------------Mailing list style------------------*/	

#purple-boxes ul li form{
	margin:0;
	padding:5px 0 0 0;
	display:block;
	height:auto;
	width:280px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:45%;
}

#purple-boxes ul li form div.form-row{
	float:left;
	width:270px;
	height:25px;
	display:block;
	padding:0 10px 0 0;
}

#purple-boxes ul li form input#forename,
#purple-boxes ul li form input#email{
	float:right;
	display:inline;
	width:165px;
	background:#2c0732;
	border:0;
	line-height:28px;
	height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	padding:0 0 0 5px;
}
#purple-boxes ul li form label{
	float:left;
}
#purple-boxes ul li form select{
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	border:0;
	background:#2c0732;	
}

form select.dob-day,
form select.dob-month{
width:85px;
}

#purple-boxes ul li form input.submit{
	float:right;
	border:0;
	margin:10px 0 0 0;
	width:95px;
	height:28px;
	padding:0 30px 0 0;
	background: url('../images/btns/tab-small.png');
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	text-decoration:none;
}

#form .form-row {
	float:left;
	width:370px;
	height:25px;
	display:block;
	padding:0 10px 0 0;
}

#form label{
	float:left;
	width:150px;
	font-size:50%;
}

#form select{
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	border:0;
	background:#2c0732;	
}

#form input.submit{
	float:right;
	border:0;
	margin:10px 0 0 0;
	width:95px;
	height:28px;
	padding:0 30px 0 0;
	background: url('../images/btns/tab-small.png');
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	text-decoration:none;
}

#form input#forename,
#form input#email{
	float:right;
	display:inline;
	width:165px;
	background:#2c0732;
	border:0;
	line-height:28px;
	height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	padding:0 0 0 5px;
}

#text a.twitter{
	color:#e4bd87 !important;
}


.errorText {
	color:red;
	padding:0;
	margin:0;
	height:10px;
	font-size:40%;
}

.error {
	font-weight:bold;
	color:red;
}


/*-------------------------online booking.------------------*/	

table#book-online {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:45%;
	background:url(../images/purple-box4.png);
}

table#book-online td.formTitle{
	text-align:left;
}

form table#book-online  select.formfield,
form table#book-online  input.formfield{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	border:0;
	background:#2c0732;	
}

form table#book-online  input#submit{
	border:0;
	margin:0;
	display:block;
	width:95px;
	height:28px;
	text-align:left;
	padding:0 10px 0 0;
	background: url('../images/btns/tab-small.png') no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	text-decoration:none;
}



/*----------------------------------------------------------------------New page for menu, party and about pages--------------------------------------------------------------------*/



body#alternative-page #main{
	float:left;
	display:block;
	width:100%;
	background:#2c0732 url(../images/menu-bg.jpg) repeat-x top;
}

body#alternative-page #header{
	border-bottom: 2px solid #9f8165;
}

body#alternative-page #main div.inner{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

body#alternative-page #main div.inner div#purple-frame{
	float:left;
	display:inline;
	width:644px;
}

body#alternative-page #main div.inner div#purple-frame div#purple-frame-top{
	float:left;
	display:block;
	width:644px;
	height:58px;
	margin:0;
	padding:0;
}

body#alternative-page #main div.inner div#purple-frame div#purple-frame-main{
	float:left;
	display:block;
	width:534px;
	min-height:280px;
	height:auto !important;
	height:280px;
	margin:0;
	padding:0 45px 0 65px;
	background:url(../images/menu-middle.png);
}

body#alternative-page #main div.inner div#purple-frame div#purple-frame-bottom{
	float:left;
	display:block;
	width:644px;
	height:68px;
	margin:0 0 30px 0;
	padding:0;
}

/*-------------------------Menu styling------------------*/


.menu_table {
	width:534px;
	font-size:45%;
}

.menu_category_cell{
font-size:170%;
padding:15px 0 0 0;
}

.menu_title{
	font-size:110%;
	color:#c0a982;
}

.menu_category_cell{
	color:#c0a982;
}

#news-menu .menu_category_cell {
	width:533px !important;
}

#news-menu .menu_price_cell, #news-menu .menu_content_price_cell {
	display:none;
	width:1px !important;
}

.menu_content_cell{
	padding-top:20px;
	width:300px;

}

.menu_description {
	color:#c0a982;
}


.menu_content_price_cell{
	text-align:right;
	padding-top:20px;
	font-weight:bold;
	font-style: italic;
	color:#c0a982;
}

.menu_notes{
	margin:20px 0 0 0;
	font-size:35%;
	color:#c0a982;
}

/*-------------------------Right hand side bar------------------*/



#side-bar{
	float:left;
	display:inline;
	width:206px;
	font-size:65%;
	margin:40px 0 0 0;
}

#side-bar ul{
	display:block;
	list-style:none;
	margin:0 0 0 30px;
	padding:0;
}

#side-bar ul li{
	float:left;
	display:inline;
	margin:15px 0 0 0;
	padding:0;
}

#side-bar ul li a{
	border:2px solid #9f8165;
	display:block;
	padding:0;
	width:150px;
	height:150px;
}


/*-------------------------Right hand side bar FOR THE MENUS------------------*/
#side-bar-menu{
	float:left;
	display:inline;
	width:206px;
	font-size:65%;
	margin:50px 0 0 20px;
}

#menu-title{
	width:181px;
	height:47px;
	padding:20px 0 0 25px;
	font-size:150%;
	background:url(../images/titles/menu-title-bg.png);
}

#side-bar-menu ul{
	list-style:none;
	margin:0 0 0 30px;
	padding:0;
}

#side-bar-menu ul li{
	float:left;
	display:inline;
	margin:10px 0 0 0;
}

#side-bar-menu ul li a{
	display:block;
	background:url(../images/btns/menu-tab.png);
	width:111px;
	height:36px;
	padding:8px 0 0 15px;
	color:#fff;
	text-decoration:none;
}

#side-bar-menu ul li a.white{
	background:url(../images/btns/menu-tab-white.png);
	color:#d70c82;
}




/*-------------------------Footer Div------------------*/


body#alternative-page #footer{
	float:left;
	display:block;
	width:100%;
	height:150px;
	background:#2c0732;
	border-top: 2px solid #9f8165;
}

#footer h1{
	color:#6e3577;
}

#footer ul{
	margin:0;
	padding:0;
}

#footer ul li{
	list-style: none;
	color:#c0a982;
	float:left;
	display:inline;
}

#footer ul li.chiswick{}

#footer ul li.barnes{
	margin:0 0 0 15px;
}

#footer ul li.twitter{
	margin:10px 0 0 10px;
}

#footer ul li h2{
	font-size:35%;
	color:#d70c82;
	margin:0;
	padding:0;
	font-weight:bold;
}

#footer ul li p{
	font-size:35%;
	margin:0;
	padding:0;
}

#footer-right {
	float:right;
	width:299px;
	}

#by-propeller {
	background-image:url(../images/propeller-logo.png);
	background-repeat:no-repeat;
	bottom:0;
	float:right;
	height:27px;
	padding:12px 0 0 21px;
	right:50px;
	width:95px;
	text-transform:uppercase;
	font-size:10px;
}

#by-propeller a {
	font-size:10px;
	font-family: "Trebuchet MS", sans-serif; 
	color:#d70c82;
	text-decoration:none;
}



#voucher-outer {
	float:left;
	display:inline;
	width:375px;
	height:214px;
	border:1px dashed #000000;
	position:relative;
}

#voucher-inner {
	float:left;
	display:inline;
	width:375px;
	height:214px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#voucher-name{
	float:left;
	display:inline;
	width:211px;
	height:20px;
	position:absolute;
	top:41px;
	left:156px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ae8867;
	font-size:10px;
	z-index:200;
	text-align:right;
}

#voucher-name a{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ae8867;
	font-size:10px;
	text-decoration:none;
	
}