/* Generic styles */
* {
	margin: 0;
	padding: 0;
}

body, html {
	color: #555a5c;
	font: 12px helvetica, verdana,  "lucida grande", sans-serif;
	width: 100%;
	height: 100%;
	background: #B2D1E0 url(../images/body.gif) repeat-x;
	z-index: 1;
}

#wrap {
	position:absolute; 
	z-index:2; 
	width:100%; 
	left: 0;

}

#wrap img {
	width: 100%;
}


img, .feed, a, a:hover, li, dl.date, #hero-inner, #book, .cta, .left-content, .left-content-top, .left-content-bottom, .formBtn, .menu, .label, #slides, .pics, .featuredgallery { 
	behavior: url(iepngfix.htc); 
}

img {
	border: none;
}

h1, h2, h3, h4, h5 {
	color: #fff;
}

h1 {
	font-size: 2.9em;
	line-height: 1em;
}
	
	
h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

.clear {
	clear: both;
	height: 1px;
}

.small {
	font-size: 22px;
}

p {
	line-height: 2em;
	font-size: 12px;

}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #F8F521;
}

strong {
	font-size: 14px;
}

span {
	font-size: 12px;
}

/* start of site */

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	overflow: hidden;

	z-index: 3;
	margin-bottom: 10px;
}

#blue-bar {

	height: 55px;
	color: #fff;
	background: #006699;
}

#blue-bar-inner {
		position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: right;
	font-size: 0.9em;
}

#blue-bar-inner span.title {
	color: #8cc1db;
	font-size: 0.9em;
}

p.open {
	font-size: 0.9em;
}

#header {
	width: 100%;
	height: 110px;
	clear: both;
}

#logo {
	float: left;
	width: 187px;
	height: 90px;
	margin-top: 10px;
}

/* navigation */

#nav {
	width: 525px;
	height: 70px;
	float: right;
	margin-top: 30px;
}

#nav ul {
	list-style-type: none;
}

#nav ul li {
	background: transparent url(../images/nav/nav-li.png) no-repeat;
	padding: 0 10px!important;
	float: left;
}

#nav li.first {
	background: none!important;
}

#nav li a {
	height: 45px!important;
	display: block;
}

#nav li a span {
	display: none;
}

#nav li.blue-bar a {
	background: transparent url(../images/nav/blue-bar.png) no-repeat;
	width: 70px;	
}
#nav li.blue-bar a:hover {
	background: transparent url(../images/nav/blue-bar-hover.png) no-repeat;
}

#nav li.blue-grill a {
	background: transparent url(../images/nav/blue-grill.png) no-repeat;
		width: 70px;	
}
#nav li.blue-grill a:hover {
	background: transparent url(../images/nav/blue-grill-hover.png) no-repeat;
}

#nav li.baby-blue a {
	background: transparent url(../images/nav/baby-blue.png) no-repeat;
		width: 70px;	
}
#nav li.baby-blue a:hover {
	background: transparent url(../images/nav/baby-blue-hover.png) no-repeat;
}
#nav li.comedy a {
	background: transparent url(../images/nav/comedy.png) no-repeat;
		width: 106px;	
}
#nav li.comedy a:hover {
	background: transparent url(../images/nav/comedy-hover.png) no-repeat;
}
#nav li.live a {
	background: transparent url(../images/nav/live.png) no-repeat;
		width: 90px;	
}
#nav li.live a:hover {
	background: transparent url(../images/nav/live-hover.png) no-repeat;
}

#nav li.contact a {
	background: transparent url(../images/nav/contact.png) no-repeat;
		width: 101px;	
}
#nav li.contact a:hover {
	background: transparent url(../images/nav/contact-hover.png) no-repeat;
}
	

#hero {
	position: relative;
	width: 976px;
	height: 324px;
	margin: 0 auto;
}

#hero-inner {
	position: absolute;
	top: 70px;
	left: 30px;
	width: 300px;
	height: 240px;
	background: transparent url(../images/baby-blue.png) no-repeat;
	color: #fff;

}

#hero-inner h2 {
	margin-top: 40px;
	font-weight: normal;
}

#hero-inner span, #hero-inner a {
	color: #F8F521;
	font-size: 12px!important;
}

#hero-inner a:hover {
	text-decoration: underline;
}

p.medium {
	font-size: 1.4em;
}

#book {
	position: relative;
	width: 974px;
	height: 145px;
	margin: 0 auto;
	background: transparent url(../images/book-bg.png) no-repeat;
}


.cta-wrapp {
	width: 947px;
	margin: 0 auto;
}

.cta-wrapp h3 {
	color: #ad2829;
	margin-bottom: 10px;
	clear: both;
}

.cta {
	position: relative;
	float: left;
	width: 307px;
	height: 304px;
	margin-left: 12px;
	background: transparent url(../images/cta.png) no-repeat;
	margin-bottom: 10px;
}

a.read {
	position: absolute;
	bottom: 15px;
	left: 20px;
}

.feed {
	position: relative;
	float: right;
	width: 307px;
	height: 471px;
	background: transparent url(../images/feed.png);
	margin-bottom: 10px;
}

.none {
	margin-left: 0!important;
}

.cta h3, .feed h3 {
	color: #fff;
	width: 55%;
	font-size: 1.4em;
	font-weight: normal;
	margin: 10px;
	text-transform: uppercase;
	background: none;
}

.cta-label {
	position: absolute;
	top: 10px;
	right: 20px;
}

.feed-item {
	position: relative;
	border-bottom: 1px dotted #fff;
	width: 90%;
	margin: 0 auto;
	margin-top: 25px;
	height: 67px;
	color: #fff;
}

dl.date {
	float: left;
	width: 51px;
	height: 51px;
	background: transparent url(../images/date.png) no-repeat;
	text-align: center;
	color: #006699;
	font-weight: bold;
	margin-right: 10px;
}

dl.date dt {
	margin-top: 13px;
	
}

.menu {
	width: 306px;
	height: 379px;
	background: url(../images/menu.png);
	float: right;
}

/* bottom call to action */

.bottom-advert {
	float: left;
	width: 222px;
	height: 264px;
	margin-left: 11px;
	margin-bottom: 10px;
}

.cta-news {
	position: relative;
	float: left;
	width: 306px;
	height: 177px;
	background: transparent url(../images/news.png) no-repeat;
	margin-bottom: 10px;
}

.cta-offers {
	position: relative;
	float: left;
	width: 306px;
	height: 177px;
	margin-left: 12px;
	margin-bottom: 10px;
}

.cta-menu {
	position: relative;
	float: left;
	width: 306px;
	height: 177px;
	background: transparent url(../images/menu.png) no-repeat;
	margin-left: 12px;
	margin-bottom: 10px;
}

.cta-news h3, .cta-menu h3 {
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	margin: 10px;
	font-size: 1.4em;
}

.event p {
	border-bottom: 1px dotted #fff;
	color: #fff;
	margin: 5px 10px!important;
}

.more, .more2 {
	position: absolute;
	bottom: 0px;
	right: 10px;
	
	width: 100px;
	height: 26px;
	line-height: 26px;
}

.more2 {
	bottom: 5px;
	width: 26px;
}
	

.more a, .more2 a {
	display: block;
	color: #F8F521;
	background: transparent url(../images/more.png) no-repeat;
	background-position: top right;
}



.more a:hover, .more2 a:hover {
	text-decoration: none;
	background: transparent url(../images/more-hover.png) no-repeat;
	background-position: top right;
}

/* content pages */

.left {
	position: relative;
	float: left;
	width: 641px;
}

.left-header {
	width: 641px;
	height: 243px;
	z-index: 50;
}

.left-content-top {
	background: transparent url(../images/content-inner.png) no-repeat;
	width: 641px;
	height: 28px;
}

.left-content {
	background: #006699;
	width: 641px;

}

.left-content h2 {
	color: #fef915;
	margin: 0 20px;
	font-size: 18px;

}

.left-content p {
	margin: 10px 20px 0 20px;
	padding-bottom: 10px;
	color: #fff;
}

.left-content-bottom {
	background: transparent url(../images/content-bottom.png) no-repeat;
	width: 641px;
	height: 28px;
}

.book-now {
float: right;
margin-top: 0px;
}

.menu {
	position: relative;
	width: 306px;
	height: 377px;
	background: url(../images/menu.png);
	float: right;
	margin-bottom: 5px;
}

.right {
	float: right;
	width: 310px;
	margin-right: 20px;
}

.menu h3  {
	margin: 10px 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 20px;
}

.left-content h4{
	margin: 10px 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 20px;
	font-size: 17px!important;
	line-height:100px;
	height: 64px;
	padding-left: 40px;
		background: url(../assets/images/images/content-menu.gif) no-repeat;
}



.menu ul, .left-content ul {
	list-style-type: none;
	margin-left: 20px;
}

.menu li, .left-content li {
	background: url(../images/list-item.png) no-repeat;
	line-height: 10px;
	padding-left: 20px;
	font-size: 14px;
	height: 14px;
	margin-bottom: 7px;
}

.left-content li { 
float: left;
width: 45%;
}

p.smallest {
	position: absolute;
	bottom: 30px;
	left: 40px;
	color: #fff;
	font-style:italic; 
	bottom:10px
}

.blue-bar-img img {
	float: right;
	margin-bottom: 6px;
}

.offer {
	position: absolute;
	top: 120px;
	right: 355px;
	z-index: 10;
}

/* footer stuff */

#footer {
	clear: both;
	width: 974px;
	margin: 0px auto;
	background: #4791b5 url(../images/footer-top.png) no-repeat;
	height: 237px;
}

.footer-links2 {
	float: left;
	width: 165px;
	margin: 25px;
	margin-bottom: 10px;
	text-align: right;
}


ul.footer-links {
	float: left;
	width: 165px;
	margin: 25px;
	margin-bottom: 10px;
	list-style-type: none;
}

ul.footer-links li {
	background:  url(../images/footer-li.png) no-repeat;
	background-position: 0 8px;
			padding-left: 10px;

}

.no-background {
	width: 250px!important;
}

.no-background li {
	background: none!important;
	color: #fff!important;
}

ul.footer-links li a {

	height: 20px!important;
	line-height: 20px!important;
}
	
.footer-bottom {
	height: 52px;
	background: #006598;
	width: 974px;
	margin: 0 auto;
	clear: both;
	color: #fff;
}

p.copyright {
	float: right;
	padding-right: 10px;
	line-height: 51px;
	width: 368px;
}

.info {
	float: left;
	width: 400px;
	margin-top: 10px;
	margin-left: 10px;
}

.span {
	line-height: 51px;
		float: left;
	width: 280px;
}

.label {
	
	width: 970px;
	margin: 0 auto;
	height: 43px;
	margin-bottom: 10px;
	color: #006598;
}

.label p {
	padding-top: 10px;
}

.label a {
	color: #006598;
	text-decoration: none;
}

.label a:hover {
	text-decoration: underline;
}

.jobs {
border-bottom: 1px solid #fff;
width: 600px;
margin-left: 20px;
padding-bottom: 10px;
margin-top: 10px;
}

.jobs p {
margin: 0;
padding: 0;
}

ul.web-links {
	list-style-type: none;
	margin-left: 30px;
margin-top: 10px;
}

ul.web-links li {
	background: url(../images/list-item.png) no-repeat;
	line-height: 10px;
	padding-left: 20px;
	height: 14px;
margin-bottom: 15px;
}

/* the form */

fieldset {
	border: none;
}

form#loyalty-form {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	background: url(../images/form-bg.gif) no-repeat;
	background-position: top right;
}

form#loyalty-form div {
	width: 550px;
}

form#loyalty-form label {
	float: left;
	width: 60px;
}

form#loyalty-form input {
	border: 1px solid #000;
	padding: 5px;
	width: 265px;
	height: 12px;
	margin-bottom: 10px;
}

form#loyalty-form div {
	clear: both;
	float: left;
}

.bottom {
	margin-bottom: 25px;
}

input.formBtn {
	background: url(../images/submit.gif) no-repeat;
	width: 62px!important;
	height: 62px!important;
	border: none!important;
	margin-left: 280px;
}

input.formBtn:hover {
	background: url(../images/submit-hover.gif) no-repeat;
	cursor: pointer!important;
}

.address li {
	height: 20px;
}


/* booking form */

form#booking-form {
	position: relative;
	width: 810px;
	height: 112px;
	margin-left: 150px;
	color: #fff;
	text-align: right;
}

form#booking-form span {
	font-size: 12px;
}

form#booking-form input {
	width: 130px;
}

form#booking-form label {
	margin-right: 15px;
}

form#booking-form .form-name {
	position: absolute;
	top: 40px;
	left: 15px;
}

form#booking-form .form-email {
	position: absolute;
	top: 40px;
	left: 240px;
}

form#booking-form .people {
	position: absolute;
	top: 70px;
	left: 15px;
}

form#booking-form .for {
	position: absolute;
	top: 100px;
	left: 15px;
}

form#booking-form .date {
	position: absolute;
	top: 70px;
	left: 260px;
}

form#booking-form .time {
	position: absolute;
	top: 70px;
	left: 520px;
}

form#booking-form .for input, form#booking-form .venu input {
	width: 25px;
}

form#booking-form .form-phone {
	position: absolute;
	top: 40px;
	left: 490px;
}

.venu {
	text-align: left;
	position: absolute;
	top: 100px;
	left: 170px;
	color: #fff;
}

form#booking-form .venu label {
	padding-bottom: 10px;
}

form#booking-form input.formBtn {
	position: absolute;
	top: 40px;
	right: 0px;
	background: url(../images/enquire-submit.png) no-repeat;
	width: 62px!important;
	height: 62px!important;
	border: none!important;
	margin-left: 280px;
}

.contact-form {
	width: 370px;
	float: right;
	margin-right: 40px;
	color: #fff;
}

.contact-form label, #main-booking-form label {
	width: 120px;
	float: left;
	margin-bottom: 20px;

}

#main-booking-form div {
	clear: both;
}

.contact-form input, .contact-form textarea, #main-booking-form input {
	width: 220px;
	float: right;
		margin-bottom: 20px;
}

.contact-form textarea {
	width: 220px;
}

.contact-form input.formBtn {
background:url("../images/submit.gif") no-repeat scroll 0 0 transparent;
border:medium none !important;
height:62px !important;
margin-left:310px;
width:62px !important;
}

.contact-form fieldset, #main-booking-form fieldset {
	border: 1px solid #fef915;
	padding: 10px;
}

.contact-form legend, #main-booking-form legend {
	padding: 0 10px;
	font-size: 18px;
	color: #f2f915;
	font-weight: bold;
}

#main-booking-form {
	width: 450px;
	margin-left: 40px;
	color: #fff;
	margin-top: 20px;
	height: 400px;
	padding-bottom: 10px;
}

#main-booking-form input[type=radio] {
	float: left;
	width: 20px;
}
#main-booking-form span {
	float: left;
	margin-right: 20px;
}

#main-booking-form input.formBtn {
	float: right;
	margin-right: 0px;
	margin-top: 10px;
}

#slideshow {

	position: relative;
	z-index: 5;

}



#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity: 0.0;

}



#slideshow IMG.active {

    z-index:10;

    opacity: 1.0;

}



#slideshow IMG.last-active {

    z-index:9;

}

.return-home {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 10px;
}

.return-home a {
	background: url(../images/blue-home.gif) no-repeat;
	padding-left: 25px;
	height: 17px;
	line-height: 17px;
	display: block;
	color: #80c1db;
	margin-top: 10px;
}

.return-home a:hover {
	color: #f8f521;
}

.moving  {
	margin-left: 5px!important;
}
#bottomlogo{
	background:url(../images/white-logo.jpg);
	height:40px;
	width:162px;
	float:right;
}
#bottomlogo:hover{
	background:url(../images/colour-logo.jpg);
}
/***************INTER BOOKING*************/
form#frmSS1 {position: relative;	width: 810px;	height: 112px;	margin-left: 150px;	color: #fff;	text-align: right;	top:5px;}
form#frmSS1 span {	font-size: 12px;}
form#frmSS1 input {	width: 130px;}
form#frmSS1 label {	margin-right: 15px;}
form#frmSS1 .form-name {	position: absolute;	top: 40px;	left: 15px;}
form#frmSS1 .form-email {	position: absolute;	top: 40px;	left: 240px;}
form#frmSS1 .people {	position: absolute;	top: 70px;	left: 15px;}
form#frmSS1 .for {	position: absolute;	top: 100px;	left: 15px;}
form#frmSS1 .date {	position: absolute;	top: 70px;	left: 260px;}
form#frmSS1 .time {	position: absolute;	top: 70px;	left: 520px;}
form#frmSS1 .for input, form#frmSS1 .venu input {	width: 25px;}
form#frmSS1 .form-phone {	position: absolute;	top: 40px;	left: 490px;}
.venu {	text-align: left;	position: absolute;	top: 100px;	left: 170px;	color: #fff;}
#CustomFields_18_1,#CustomFields_19_1{	width:50px;}
form#frmSS1 .venu label {	padding-bottom: 10px;}
form#frmSS1 input.formBtn {	position: absolute;	top: 40px;	right: 0px;	background: url(../images/enquire-submit.png) no-repeat;	width: 62px!important;	height: 62px!important;	border: none!important;	margin-left: 280px;}

/*********************INTER CONTACT****************/
.contact-form img{	background:#ffffff;}
.contact-form label, #frmSS2 label {	width: 120px;	float: left;	margin-bottom: 20px;}
#frmSS2 div {	clear: both;}
.contact-form input, .contact-form textarea, #frmSS2 input {	width: 220px;	float: left;		margin-bottom: 20px;}
.contact-form fieldset, #frmSS2 fieldset {	border: 1px solid #fef915;	padding: 10px;}
.contact-form legend, #frmSS2 legend {	padding: 0 10px;	font-size: 18px;	color: #f2f915;	font-weight: bold;}
#frmSS2 {	width: 450px;	margin-left: 40px;color: #fff;	margin-top: 20px;	height: 400px;	padding-bottom: 10px;}
#frmSS2 input[type=radio] {	float: left;	width: 20px;}
#frmSS2 input[type=checkbox] { width:50px;}
#frmSS2 span {	float: left;	margin-right: 20px;}
#frmSS2 input.formBtn {	float: right;	margin-right: 0px;	margin-top: 10px;}

#frmSS2 select { margin-right:5px;}

/*******************INTER CIRCA CARD******************/
form#frmSS3 {	width: 90%;	margin: 0 auto;	color: #fff;	background: url(../images/form-bg.gif) no-repeat;	background-position: top right;}

form#frmSS3 div {	width: 550px;}

form#frmSS3 textarea{
	width:265px;
	border: 1px solid #000;	padding: 5px;	width: 265px;margin-bottom: 10px;}

form#frmSS3 label {	float: left;	width: 60px;}

form#frmSS3 input {	border: 1px solid #000;	padding: 5px;	width: 265px;	height: 12px;	margin-bottom: 10px;}

form#frmSS3 div {	clear: both;	float: left;}


.gal{
border: 2px solid #CCCCCC;
 float: left;
 height: 100px;
 margin: 10px;
 width: 100px;
}

#contact-captcha{

}

#contact-captcha input{
float:right;
}

#contact-captcha img{
float:right;
margin-bottom:10px;
}

#contact-captcha a{

}