/*styles.css*/

/*
	colour pallete
	--------------
	purple			-	#6b4373
	light purple	-	#915999
	off white		-	#fcfbfb


/*
	Contents
	--------
	
	1	Typography
	2	Headings
	3	Layout
	4	Navigation



*/

@import "reset.css";

/*-----1-------- Typography ------------------*/

body{
	font: 75%/1.25 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

/* Paragraph sizes */

p{ font-size: 12px; line-height: 1.5em; margin: 0 0 10px 0; color: #fcfbfb;}

small {
	font-size: 10px; font-style: italic; margin: 10px 0 10px 0;
}

blockquote { font-size: 14px; letter-spacing:-1px; font-style:italic; margin: 10px 0 10px 0; padding:0 0 5px 0; border-bottom: 3px dotted #444; float: left; clear:both; color: #301401; }
blockquote span {float: right; font-weight: bold; }

a {color:#ffcc01; font-weight:bold;}
a:hover {color:#fcfbfb;}


.highlight { color: #ffcc01; font-weight:bold;}
.highlight2 { color: #fcfbfb; font-weight:bold;}


/*
@font-face {
  font-family: 'narkisim';
  src: url(/font/narkisim.eot);
  src: local('narkisim'), local('narkisim'),
       url(/font/narkisim.otf) format("opentype");
}
*/

/*----2-------- Headings-------------- */

h1 {font-size: 36px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 10px 0 15px 0; color: #ffcc01; text-transform:uppercase; }

h2 { font-size: 22px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 10px 0 15px 0;color: #ffcc01; }

h3 { font-size: 18px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 10px 0 15px 0; color: #ffcc01 }

h4 { font-size: 16px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 10px 0 15px 0; color: #ffcc01 }

#leftcol h4 {color: #fcfbfb; letter-spacing: -0.5px; font-style:italic;}

/*---3--------- Layout-------------- */

.clear {clear: both; margin-bottom: 20px;}

body {
	background: #fcfbfb url(../images/bg.png) repeat 0 0;
	margin: 0;
	width: 100%;
	padding: 0;
	color:#fcfbfb;
}

#wrap {
	width: 960px;
	margin: 40px auto 0;
	text-align: left;
}

	#wrap #header {
		width: 960px;
		float: left;
		display: inline;
		text-align: left;
		background:#000;
		border-bottom: 1px solid #ffcc01;
	}
	
		#wrap #header #header-top {
			width: 960px;
			clear:both;
			float: left;
			display: inline;
			padding: 10px 0 0 0;
		}
	
		#wrap #header #header-left {
			width: 300px;
			float: left;
			display: inline;
			padding: 0 0 0 25px;
		}

	
		#wrap #header #header-right {
			width: 230px;
			float: right;
			text-align:right;
			display: inline;
			padding: 20px 25px 0 0;
		}

	#wrap #container {
		background:#000;
		width: 910px;
		min-height: 400px;
		height: auto!important;
		height: 400px;
		padding: 25px;
		float:left;
		display:inline;
		border-top: 2px solid #ffcc01;
		border-bottom: 2px solid #ffcc01;
	}
	
		#wrap #container #leftcol {
			width: 610px;
			min-height: 250px;
			height: auto!important;
			height: 250px;
			float: left;
			display: inline;
		}
				
			#wrap #container #leftcol h1 span {
				color: #fff;
			}
			
		#wrap #container #rightcol {
			width: 240px;
			padding:2px;
			min-height: 250px;
			height: auto!important;
			height: 250px;
			float: right;
			display: inline;
		}
		
		#wrap #container #rightcol #joinus-btn {
			width: 240px;
			padding:2px;
			float: right;
			display: inline;
			border: 1px solid #ffcc01;
			margin: 0 0 10px;
		}
			#wrap #container #rightcol #joinus-btn .inner {
				border: 2px solid #BCBBBB;
				padding: 5px;
				height:100px;
				width: 225px;
				margin:0 auto;
			}
			
			#wrap #container #rightcol #events-btn {
			width: 240px;
			padding:2px;
			float: right;
			display: inline;
			border: 1px solid #ffcc01;
			margin: 0 0 10px;
			overflow: hidden;
		}
			#wrap #container #rightcol #events-btn .inner {
				border: 2px solid #BCBBBB;
				padding: 5px;
				width: 225px;
				margin:0 auto;
				float: left;
				display: inline;
				height: 42px;
				overflow: hidden;
			}
			
			#wrap #container #rightcol #events-btn .inner h1 a:hover{
				border: none;
			}
			
			
			#wrap #container #rightcol #joinus-btn h1 { font-size: 30px; text-transform:none; margin: 10px 0 0; padding:0; text-align:center;}
			#wrap #container #rightcol #joinus-btn a {text-decoration: none;}
		
		#wrap #container #rightcol #booking-form, #wrap #container #rightcol #contact-form {
			width: 240px;
			padding:2px;
			min-height: 250px;
			height: auto!important;
			height: 250px;
			float: right;
			display: inline;
			border: 1px solid #ffcc01;
		}
		
		#wrap #container #rightcol form {
			width: 230px;
			margin: 0 auto;
			padding:5px;
		}
		
		
			.btn {
				position:relative;
				background: url(../images/btns/button-hover.png) no-repeat 0 0px;
				display: inline;
				float:left;
				height: 19px;
				width: 135px;
				margin: 0 50px 0 0;
			}
				.btn a { margin: 0; float:left; display:block; text-decoration:none; font-size:12px;}
								
				.btn a span.btn-text { position:absolute; top: 4px; left: 12px; width: 110px; text-align:center;}
				
				.btn.end {margin-right:0;}


	#wrap #footer {
		background:#000;
		width: 910px;
		padding: 5px 25px 0;
		float: left;
		display: inline;
		text-align: left;
		border-top: 1px solid #fff;
	}
	
		#wrap #footer-youngs {
			width: 60px;
			float: left;
			display: inline;
			padding: 5px 15px 15px 15px;
		}	
	
		#wrap #footer-left {
			width: 730px;
			float: left;
			display: inline;
			float:left;
		}
			#wrap #footer-left .social-links {
				float: left;
				width:100px;
			}
			
			#wrap #footer-left .foot-info {
				float: left;
			}
	
			#wrap #footer-left p {
				font-size: 11px;
				line-height: 18px;
				margin:0;
			}

	
		#wrap #footer-right {
			width: 110px;
			float: right;
			display: inline;
			padding: 10px 15px 15px;
			text-align: right;
		}
		
				.siteby a {
					background: transparent url(../images/site-by.png) no-repeat 0 0;
					display:block;
					padding-top: 25px;
					height: 1px;
					overflow:hidden;
					width:110px;
				}
				.siteby a:hover { border: 0 none; }


/*---4-------- Navigation --------------*/

#nav {
	height: 20px;
	width: 910px;
	padding: 10px 25px 0;
	float:left;
}

ul.main-nav {
	width:910px;
	margin: 0 auto;
	padding:0;

}

ul.main-nav li {
	display: inline;
	float: left;
	margin: 0 30px 0 0px;
}
	ul.main-nav li.end { margin-right:0;}

ul.main-nav li a {
	text-decoration: none;
	color: #ffcc01;
	font-size: 12px;
}

ul.main-nav li a:hover, ul.main-nav li a.hover {
	color: #fcfbfb;
}


/*----5-------- JOin Us ------------------------*/

#joinus-form {

}

#joinus-form label, #joinus-form input, #joinus-form select {
	font-size: 12px;
}

#joinus-form select {
	width: 65px;
}

#joinus-form .button {
	float: left;
}

.whatson-box {
	display: inline;
	float: left;
	margin: 0 0 20px 0;
	width: 600px;
}
	.whatson-box img {
		display: inline;
		float: left;
		margin: 0 10px 20px 0;
	}
	.whatson-box p {
		display: inline;
		float: left;
		margin: 0 0 10px 10px;
		width: 370px;
	}
	p.large-txt {
		font-size: 18px;
		font-weight: bold;
	}

/*///////////Mystery Diners Form/////////*/
#mystery-diners-form{
	width: 240px;
	padding: 2px;
	height: 145px;
	float: left;
	display: inline;
	margin:20px 0 0 0;
	/*border: 1px solid #FFCC01;*/
}

#mystery-diners-form form{
	/*border: 2px solid #BCBBBB;*/
	margin: 0;
	padding: 5px;
	width: 225px;
	float: left;
	height: 145px;
}

#mystery-diners-form .button{
	margin: 0 10px 0 0 !important;
}

.terms-cons{
	color: #ffcc00;
	font-size:10px;
	clear:left;
}

/*///////////Facebook like/////////*/
#fbk-like {
	display: inline;
	float:left;
	width: 240px;
	height: 35px;
	margin: 10px 0;
}

/* Royal Celebration Styles */

.royal-celebration-btn {
	float: left;
    display: inline;
    margin: 5px 1px 5px 60px;
}

/* End Royal Celebration Styles */

ul#events-list
{
	display: block;
	padding: 0;
}

ul#events-list li
{
	font-size: 1.2em;
	font-weight: normal;
}


/************* Reviiews **********/

.review-name {
	font-weight:bold;
	font-size:13px;
	}