/*PLAYING THE FIELD SITE STYLING*/
/*Guy Bedford*/
/*bpages 2009
/*www.bpages.co.uk*/

/*GENERAL STYLES*/
.right{
	float: right;
}
.left{
	float: left;
}
.clear{
	clear: both;
}
.alignright{
	text-align: right;
}
.aligncenter{
	text-align: center;
}
.center{
	margin-left: auto;
	margin-right: auto;
}


/*MAIN DESIGN*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: 5B5B5B;
	background-image: url(background.gif);
	background-attachment: fixed;
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}
div.contentdef{
	position: relative;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	width: 900px;
	padding: 236px 0px 0px 0px;
}
div.fadeleft{
	position: absolute;
	top: 0px;
	left: -9px;
	width: 9px;
	height: 100%;
	background-image: url(backfadel.png);
	background-repeat: repeat-y;
}
div.faderight{
	position: absolute;
	top: 0px;
	right: -9px;
	width: 9px;
	height: 100%;
	background-image: url(backfader.png);
	background-repeat: repeat-y;
}
.header{
	position: absolute;
	border-style:none;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 236px;
	margin: 0px;
}
div.navbar{
	z-index: 10;
	position: relative;
	height: 55px;
	background-image: url(navfaded.png);
	background-position: 0px 46px;
	background-repeat: repeat-x;
	margin: 0px;
}
ul.nav{
	padding: 0px 0px 0px 2.6em;
	font-weight: 100;
	font-size: 0.7em;
	background-image: url(navgrad.png);
	background-repeat: repeat-y;
	width: 900px;
	margin: 0px;
	height: 46px;
	list-style-type: none;
	word-spacing: 0.4em;
}
ul.nav li, ul.nav li a{
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	display: inline;
	line-height: 4.1em;
}
ul.nav li.sub{
	cursor: pointer;
}
ul.nav li.sub:hover, ul.nav li a:hover{
	color: #404F52;
}
ul.nav li a:hover{
	text-decoration: underline;
}
ul.drop{
	position: absolute;
	display: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 1.5em 0 0 0;
	width: 150px;
	color: #d6e5ca;
	list-style-type: none;
}
ul.drop a{
	text-decoration: none;
	color: #d6e5ca;
	display: block;
	margin: 0.6em 0px 0.6em 0px;
	padding: 0px;
	line-height: 1.5em;
	text-align: center;
	width: 161px;
}
ul.drop a:hover{
	color: #404F52;
}

div.navdropdown{
	display: none;
	z-index: 5;
	position: absolute;
	background-image: url(dropdown.png);
	width: 161px;
	height: 200px;
	left: 0px;
	top: 300px;
}

form.email{
	position: absolute;
	top: 0.7em;
	right: 1.8em;
	padding: 0px;
	margin: 0px;
}
form.email input{
	width: 24em;
	padding: 0.3em;
	font-size: 0.6em;
	font-weight: 100;
	color: #909090;
}
form.email input.valid{
	color: #00CC00;
}
form.email input.invalid{
	color: #FF0033;
}
form.email input.add{
	width: 4em;
	height: 2.6em;
	margin: 0em 0em 0.1em 0.5em;
}



/* CONTENT AREA AND FEATURES */
table.contenttable{
	width: 100%;
}
.content{
	padding: 30px;
}
td.content{
	width: 66%;	
}
td.sidebar{
	width: 34%;
}
div.featurearea{
	padding: 12px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-image: url(featurebox.png);
	width: 252px;
	height: 383px;
	background-repeat: no-repeat;
}
div.featurearea a{
	display: block;
	text-decoration: none;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #d8a1c2;
	margin: 0px 0px 12px 0px;
}
div.featurearea a span{
	display: none;
}
a.bookonline{
	width: 244px;
	height: 95px;
	background-image: url(bookonline.gif);
}
a.satnight{
	width: 244px;
	height: 122px;
	background-image: url(theplanets.gif);
}
a.sunnight{
	width: 244px;
	height: 122px;
	background-image: url(thefourseasons.gif);
}
a.bookonline:hover, a.bookonline.select{
	background-image: url(bookonline_h.gif);
}
a.satnight:hover, a.satnight.select{
	background-image: url(theplanets_h.gif);
}
a.sunnight:hover, a.sunnight.select{
	background-image: url(thefourseasons_h.gif);
}
div.charlesbox{
	margin-top: 30px;
	margin-bottom: 40px;
	position: relative;
	background-image: url(charlesbox.png);
	width: 277px;
	height: 194px;
}
div.charlesbox p.quote{
	color: #94a9a6;
	font-size: 0.7em;
	font-style: italic;
	text-indent: 27px;
	padding: 17px;
	line-height: 1.4em;
}
img.quote{
	display: inline;
	width: 19px;
	height: 17px;
	vertical-align: top;
	padding: 0.3em 0px 0px 0.6em;
}
img.quote2{
	display: inline;
	width: 19px;
	height: 17px;
	vertical-align: bottom;
	padding: 0px 0.8em 0.3em 0px;
}
div.charlesbox p.desc{
	position: absolute;
	top: 88px;
	left: 17px;
	color: #ef5087;
	font-size: 0.7em;
}
div.charlesbox p.desc strong{
	font-weight: bold;
	color: #fefefe;
}
div.charlesbox a.more{
	font-weight: bold;
	text-decoration: none;
	color: #fefefe;
	font-size: 0.7em;
	position: absolute;
	bottom: 17px;
	left: 17px;
}
div.charlesbox a.more:hover{
	text-decoration: underline;
}




/*FOOTER AREA*/
div.footer{
	position: relative;
	margin: 0px;
	height: 232px;
	/*height: 109px; /* remove this */
	background-image: url(footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 900px;
	/*border-top-style:solid;*/
	border-width: 2px;
	border-color: #adb3cb;
}
div.footer a.competition, div.footer a.about, div.footer a.faq{
	display: block;
	/*display: none; /* remove this */
	float: left;
	text-decoration: none;
	border-top-style: solid;
	border-width: 2px;
	border-color: #72bba5;
	margin: 0px;
	height: 121px;
}
div.footer a span{
	display: none;
}
a.competition{
	width: 300px;
	background-image: url(wintickets1.jpg);
	border-left-style: solid;
	border-right-style: solid;
}
#competitionfader{
	display: block;
	position: absolute;
	top: 2px;
	left: 300px;
	width: 300px;
	height: 121px;
	text-decoration: none;
	background-image: url(wintickets2.jpg);
}
#competitionfader:hover, #competitionfader.select{
	background-image: url(wintickets_h.jpg);
}

a.about{
	width: 298px;
	background-image: url(about.jpg);
}
a.faq{
	width: 298px;
	background-image: url(faq.jpg);
}
a.about:hover, a.about.select{
	background-image: url(about_h.jpg);
}
a.faq:hover, a.faq.select{
	background-image: url(faq_h.jpg);
}
div.footer p{
	font-size: 0.8em;
	color: #f0eaec;
	margin: 22px 22px 0px 22px;
	line-height: 1.9em;
}
div.footer p a{
	text-decoration: none;
	color: #f0eaec;
}
div.footer p a:hover{
	text-decoration: underline;
}

/* RECURRING STYLES */

/* BORDERED IMAGE */
div.bordered{
	position: relative;
}
div.bordered .tl, div.bordered .tr, div.bordered .bl, div.bordered .br{
	z-index: 0;
	background-image: url(imgcorners.gif);	
	width: 7px;
	height: 7px;
	position: absolute;
}
div.bordered .tl{
	background-position: top left;
	top: -7px;
	left: -7px;
}
div.bordered .tr{
	background-position: top right;
	top: -7px;
	right: -7px;
}
div.bordered .br{
	background-position: bottom right;
	bottom: -7px;
	right: -7px;
}
div.bordered .bl{
	background-position: bottom left;
	bottom: -7px;
	left: -7px;
}
div.bordered .t, div.bordered .r, div.bordered .b, div.bordered .l{
	position: absolute;
}
div.bordered .t{
	top: -7px;
	background-image: url(imgt.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 7px;
}
div.bordered .r{
	right: -7px;
	background-image: url(imgr.gif);
	background-repeat: repeat-y;
	height: 100%;
	width: 7px;
}
div.bordered .b{
	bottom: -7px;
	background-image: url(imgb.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 7px;
}
div.bordered .l{
	left: -7px;
	background-image: url(imgl.gif);
	background-repeat: repeat-y;
	height: 100%;
	width: 7px;
}


/*NOTE*/
div.note{
	position: relative;
	background-image: url(note_bg.gif);
	background-repeat: repeat-y;
	width: 242px;
	padding: 0px 23px 2px 15px;
	margin: 65px 0 40px 0;
}

div.notet{
	position: absolute;
	top: -30px;
	left: 0px;
	width: 280px;
	height: 30px;
	background-image: url(note_t.gif);
}

div.noteb{
	position: absolute;
	bottom: -29px;
	left: 0px;
	width: 280px;
	height: 29px;
	background-image: url(note_b.gif);
}


/*VITAL STATS*/
div.vitals{
	position: relative;
	background-image: url(vitalsbg.png);
	background-repeat: repeat-y;
	width: 238px;
	padding: 0px 23px 2px 15px;
	margin: 98px 0 40px 0;
}
div.vitalst{
	position: absolute;
	top: -25px;
	left: 0px;
	width: 276px;
	height: 25px;
	background-image: url(vitalsboxt.png);
}
div.vitalsb{
	position: absolute;
	bottom: -25px;
	left: 0px;
	width: 276px;
	height: 25px;
	background-image: url(vitalsboxb.png);
}
div.vitals p, div.vitals ul.text, div.note ul.text, div.note p{
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
div.vitals ul.text li, div.note ul.text li{
	margin-left: 20px;
}
div.vitals h1, div.note h1{
	color: #4d6677;
	margin: 0.4em 0 0.1em;
	font-size: 1em;
}
div.vitals h2, div.note h2{
	color: #4d6677;
	margin: 0.4em 0 0.1em;
	font-size: 0.9em;
}
div.vitals strong, div.note strong{
	color: #134033;
}


/*FADE GROUP */
div.standout{
	margin-top: 0px;
	margin-bottom: 30px;
}
div.fadegroup{
	overflow: hidden;
}
div.fadegroup img{
	display: none;
}

/*PRICING TABLE*/
table.pricing
{
	padding: 0px;
	margin: 0 auto 0 auto;
	border-width: 2px;
	border-color: #666666;
	border-style: solid;
 /*   border-spacing: 0;*/
    border-collapse: collapse;
}

table.pricing td, table.pricing th
{
    margin: 0;
    padding: 4px;
	border-left-style: solid;
	border-left-width: 1px;
    background-color: #DBEAE6;
}
table.pricing tr.section th, tr.section td{
	border-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
}
table.pricing tr.top th{
	border-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/*CONTACT FORM*/
.contact, form.competition{
	background-color: #DBEAE6;
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}
form.contact label{
}
form.contact textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#contactsend{
	cursor: pointer;
	border-style: solid;
	border-color: #336F93;
	border-width: 1px;
	background-color: #81A9ED;
	padding: 3px;
	color: #25555A;
}

/*CONTENT STYLING*/
.content h1{
	margin-bottom: 0px;
	color: #63a096;
	font-size: 1.4em;
}
.content h1 span{
	color: #7fd1c4;
}
.content h2{
	color: #7fd1c4;
	font-weight: 100;
	font-size: 1.2em;
	margin: 1.3em 0 1.3em 0;
}
.content h3, th{
	color: #63a096;
	font-size: 0.9em;
}
.content h3 span{
	color: #cf367d;
}
.content h3.quote{
	color: #63a096;
	font-size: 0.9em;
	margin-top: 0.3em;
	padding-left: 180px;
	text-align: right;
	font-weight: 100;
}
.content p, table.content, .text li, .text p{
	font-size: 0.8em;
	line-height: 1.4em;
}
.content a, .vitals a, .note a{
	font-style:italic;
	text-decoration: none;
	color: #63a096;
}
.content a.strong{
	color: #d05386;
}

.content a:hover, .vitals a:hover{
	text-decoration: underline;
}
.content div.quote{
	color: #635C41;
}
.content div.quote img.left{
	border-style: solid;
	border-width: 1px;
	margin: 0.3em 0.7em 0.1em 0;
}
.content strong{
	color: #63a096;
}
.content strong.two, .content .strong{
	font-weight: bold;
	color: #d05386;
}
.content hr{
	color: #d05386;
	border-style: none;
	border-top-style: solid;
	border-width: 1px;
	margin: 2em 0px 0em 0px;
}



span.web, a.web, span.copy, a.copy{
	position: relative;
	top: 1.5em;
	left: 1.8em;
	font-size: 10px;
}
span.copy, a.copy{
	left: -1.4em;
}
a.web{
	color: #4F738C !important;
	text-decoration: none;
	display: inline !important;
}
span.b{
	font-size: 10px;
	display: inline !important;
	color: #3F538C !important;
	font-weight: bold;
}
span.pages{
	font-size: 10px;
	display: inline !important;
	color: #4B5EFB !important;
	font-weight: bold;
}
	.question{
		font-size: 0.9em;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
		cursor: pointer;
	}
	.question:hover{
		text-decoration: underline;
	}
	.answer{
		padding-left: 20px;
	}
	div.padding{
		height: 20px;
	}
	#booksat, #booksun, #booksatsun{
		display: block;
		width: 513px;
		height: 44px;
		border-style: none;
		background-image: url(bookbuttons.gif);
		margin: 20px auto 20px auto;
	}
	#booksat span, #booksun span, #booksatsun span{
		display: none;
	}
	#booksat{
		background-position: 0 0px;
	}
	#booksat:hover{
		background-position: 0 -44px;
	}
	#booksun{
		background-position: 0 -88px;
	}
	#booksun:hover{
		background-position: 0 -132px;
	}
	#booksatsun{
		background-position: 0 -176px;
	}
	#booksatsun:hover{
		background-position: 0 -220px;
	}