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

/*		Author: Jonathan Horne */

body {
	margin: 0px 0px 0px 0px;
	background: #fff url(images/whitegrain.gif) top center;
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 14px;
	}
	
#header {
	height: 120px;
	background: url(images/headertex.png);
	}
	
#headerbar {
	width: 956px;
	margin: 0px auto;	
	}
	
#headerbarleft {
	float: left;
	}
#headerbarright {
	padding-top: 36px;
	float: right;
	}
	
#menu {
	background: url(images/menu.png);
	height: 70px;
	}
	
#featured {
	height: 250px;
	margin: 0px auto;
	text-align: center;
	}
#featuredback {
	background: url(images/middle.png);
	height: 250px;
	text-align: center;
	}	
	
#featuredbar {
	background: url(images/headertex.png);
	height: 4px;	
	}
	
div.clear {
	clear: both;
	}
	
/* Text */

	
.boxestext { 
	line-height: 20px;
	padding: 0 0 0.5em 0;
	letter-spacing: 0.4px;
	color: #666666;
}

.boxesheader {
	font-size: 24px;
	color: #333333;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	border-bottom: 1px solid #f1f1f1;
	font-weight: normal;	
	}
	
.sideheader {
	font-size: 18px;
	color: #666666;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	border-bottom: 1px solid #f1f1f1;	
	}
	
.boxessubheader {
	font-size: 18px;
	color: #0970a2;
	padding: 10px 0px 6px 0px;
	margin: 0px;
	font-weight: normal;	
	}
.boxessubtext { 
	line-height: 20px;
	padding: 0 0 1.0em 0;
	letter-spacing: 0.4px;
	color: #666666;
	margin: 0px;
}	

.signature {
	font-family: 'Calligraffitti', cursive;
	font-size: 18px;	
	}
	
/* Content Boxes */

#textwrap {
	width: 936px;
	margin: 0px auto 0px auto;
	padding-top: 40px;
	padding-bottom: 20px;
	}
	
#textwrapback {
	width: 100%;
	background: url(images/textwrapback.png) top center no-repeat;
	}	

#textwrapleft {
	float: left;
	width: 624px;
	}
	
#textwrapleft a:link, #textwrapleft a:active, #textwrapleft a:visited {
	color: #096fa2;
	text-decoration: none;
	}
	
#textwrapleft a:hover {
	color: #666666;
	}
	
#textwrapright {
	float: right;
	width: 312px;
	}
	
div.textwrap {
	width: 282px;
	padding-left: 15px;
	padding-right: 15px;	
	float: left;
	}
	
div.textwrapmain {
	width: 594px;
	padding-left: 15px;
	padding-right: 15px;	
	float: left;
	}	
	
div.textwrap a:link, div.textwrap a:active, div.textwrap a:visited {
	color: #096fa2;
	text-decoration: none;
	}
	
div.textwrap a:hover {
	color: #666666;
	}
	
/* Menu */

#menubar {
	width: 956px;
	margin: 0px auto;	
	}
	
#menubarleft {
	width: 280px;
	float: left;
	}
#menubarright {
	padding-top: 22px;	
	width: 676px;	
	float: right;
	}
	
ul.menu {
	padding: 0px;
	margin: 0px;
	}
ul.mainarrow {
	padding: 0px;
	margin: 0px;
	}
ul.subarrow {
	padding: 0px;
	margin: 0px;
	}
	
ul.main {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	}
li.main {
	color: #666666;	
	background: url(images/bbcircle.png) left no-repeat;
	margin: 4px 4px 0px 30px;
	padding-left: 15px;
	list-style: none;	
	letter-spacing: 0.4px;		
	}			

li.menuhome {
	background: url(images/home.png) left center no-repeat;
	float: right;
	letter-spacing: 0.4px;
	color: #fff;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 14px;
	list-style: none;			
	}
	
li.mainarrow {
	background: url(images/mainarrow.png) top right no-repeat;
	padding-right: 76px;
	list-style: none;			
	}
li.subarrow {
	background: url(images/arrow.png) center left no-repeat;
	padding-left: 60px;
	list-style: none;			
	}			
	
li.menu {
	background: url(images/menugap.png) left center no-repeat;
	float: right;
	letter-spacing: 0.4px;
	color: #fff;
	font-size: 20px;
	padding-left: 38px;
	padding-right: 14px;
	list-style: none;			
	}

li.menuright {
	background: url(images/menugap.png) left center no-repeat;
	float: right;
	letter-spacing: 0.4px;
	color: #fff;
	font-size: 20px;
	padding-left: 38px;
	list-style: none;			
	}
	
/* Footer */

#textwrapfoot {
	width: 936px;
	margin: 0px auto 20px auto;
	}

#footer {
	background: url(images/middle.png);
	padding-top: 20px;
	padding-bottom: 6px;	
	}

div.footertext {
	background: url(images/bullet.png) center left no-repeat;
	line-height: 20px;
	letter-spacing: 0.4px;
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
	border-bottom: 1px solid #696969;
	}
	
div.footertext a:link, div.footertext a:active, div.footertext a:visited {
	color: #fff;
	text-decoration: none;
	}
	
div.footertext a:hover {
	color: #CCCCCC;
	}
	
.footerheader {
	font-size: 18px;
	color: #CCCCCC;
	padding: 0px 0px 6px 0px;
	margin: 0px;	
	}			

#footercopy {
	width: 100%;
	background: url(images/headertex.png);
	padding-top: 10px;
	padding-bottom: 10px;	
	}

#footer2 {
	width: 916px;
	margin: 0px auto;
	line-height: 20px;
	letter-spacing: 0.4px;
	color: #999999;
	font-size: 12px;
	}
	
#footer2left {
	float:left;
	padding-top: 12px;	
	}
	
#footer2left a:link, #footer2left a:active, #footer2left a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#footer2left a:hover {
	color: #CCCCCC;
	}
	
#footer3left {
	float:left;
	padding-top: 11px;
	padding-left: 20px;	
	}	
#footer2right {
	float: right;
	}
	
div.textwrapright {
	width: 282px;
	padding-left: 15px;
	padding-right: 15px;	
	float: right;
	text-align: right;
	}
	
#footerblue {
	background: url(images/footerback.png) bottom;
	height: 40px;
	}
#footerbluetext {
	padding-top: 11px;
	width: 916px;
	margin: 0px auto;
	line-height: 20px;
	letter-spacing: 0.4px;
	color: #CCC;
	font-size: 12px;
	text-align: center;	
	}
	
/* Bullets */

#bulletwrap {
	width: 550px;
	margin: 0px auto;
	padding-bottom: 10px;
	}

div.bluebullet {
	float: left;
	width: 232px;
	background: url(images/bbcircle.png) center left no-repeat;
	line-height: 20px;
	letter-spacing: 0.4px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 14px;
	color: #666666;
	}
	
/* Sidebar */

#giftvouchers {
	width: 255px;
	text-align: center;
	margin: 0px auto;
	padding-bottom: 20px;
	}
	
#giftvouchersbuy {
	width: 235px;
	margin: 0px auto;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
	background: url(images/giftbackground.png) center no-repeat;
	}

#giftcards {
	margin: 0px auto;	
	width: 255px;
	text-align: center;
	padding-bottom: 20px;
	padding-top:20px;
	}
	
#weatherblock {
	padding-top: 14px;	
	line-height: 20px;
	letter-spacing: 0.4px;
	color: #666666;
	padding-bottom: 20px;
	}			
	
/* Testimonial */

#testimonial {
	padding-top: 14px;
	line-height: 20px;
	letter-spacing: 0.4px;
	color: #666666;	
	}
#testimonialleft {
	float: left;
	width: 20px;
	height: 30px;
	background: url(images/quoteleft.png) left no-repeat;
	padding-right: 20px;
	}
#testimonialright {
	float: right;
	width: 20px;
	height: 30px;
	background: url(images/quoteright.png) right no-repeat;
	padding-left: 20px;
	}
	
.testimonialname {
	color: #333;
	}
.testimonialbot {
	font-size: 12px;
	}
	
/* Gallery */

#gallery {
	width: 252px;
	margin: 10px auto 20px auto;
	}

ul.gallery {
	padding: 0px;
	margin: 0px;
	}
li.gallery {
	float: left;
	margin: 8px 4px 0px 4px;
	width: 74px;
	height: 74px;
	border: 1px solid #999;
	list-style: none;		
	}
	
#images {
	height: 250px;
	}
	
/* Courses */

#courses {
	width: 252px;
	padding: 10px;
	line-height: 20px;
	letter-spacing: 0.4px;
	color: #666666;	
	margin-bottom: 0px;	
	}
	
ul.courses {
	padding: 0px;
	margin: 0px;
	}
li.courses {
	background: url(images/bbcircle.png) left no-repeat;
	margin: 8px 4px 0px 4px;
	padding-left: 15px;
	list-style: none;	
	font-size: 12px;	
	}		
	
/* Prices */

div.price {
	width: 300px;
	margin: 0px 0px 10px 60px;
	background: #fff;
	border: #a9d0ed 1px solid;
	letter-spacing: 0.4px;
	font-size: 13px;	
	}
	
div.priceheader {
	font-weight: bold;
	color: #999999;
	background: #d7e7f6;
	width: 290px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 10px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #e3f1fe;
	border-style: solid;	
	}	
	
div.priceright {
	float: right;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
	width: 139px;
	padding-right: 10px;
	border-right: 0px;
	border-left: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #d7e7f6;
	border-style: solid;
	color: #678197;
	}
	
div.priceleft {
	float: left;
	background: #f9fcfe;
	line-height: 20px;
	vertical-align: middle;	
	padding-left: 10px;
	width: 140px;
	color: #678197;
	}
	
div.maintblock {
	width: 588px;
	margin: 20px 0px 20px 0px;
	background: #fff;
	border: #a9d0ed 1px solid;
	line-height: 20px;
	letter-spacing: 0.4px;
	font-size: 13px;				
	}
	
div.maintheader {
	float: left;
	font-weight: bold;
	color: #999999;
	background: #d7e7f6;
	width: 186px;
	vertical-align: middle;
	padding-left: 10px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #e3f1fe;
	border-style: solid;	
	}	
	
div.maintleft {
	float: left;
	vertical-align: middle;
	width: 185px;
	padding-left: 10px;
	border-right: 0px;
	border-left: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #d7e7f6;
	border-style: solid;
	color: #678197;
	}
	
div.price2 {
	width: 550px;
	margin: 20px 0px 10px 0px;
	background: #fff;
	border: 1px;
	border-color: #a9d0ed;
	border-style: solid;
	letter-spacing: 0.4px;
	font-size: 13px;		
	}
	
div.priceheader2 {
	font-weight: bold;
	color: #999999;
	background: #d7e7f6;
	width: 540px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 10px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #e3f1fe;
	border-style: solid;	
	}
	
div.priceright2 {
	float:right;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
	width: 269px;
	padding-right: 10px;
	border-right: 0px;
	border-left: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #d7e7f6;
	border-style: solid;
	color: #678197;
	}
	
div.priceleft2 {
	float: left;
	background: #f9fcfe;
	line-height: 20px;
	vertical-align: middle;	
	padding-left: 10px;
	width: 260px;
	color: #678197;
	}
	
div.priceheader3 {
	float: left;
	font-weight: bold;
	color: #999999;
	background: #d7e7f6;
	width: 100px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 10px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #e3f1fe;
	border-style: solid;	
	}
	
div.priceleft3 {
	float: left;
	background: #f9fcfe;
	line-height: 20px;
	vertical-align: middle;	
	padding-left: 10px;
	width: 100px;
	color: #678197;
	}
	
div.priceleft4 {
	float: left;
	background: #fff;
	line-height: 20px;
	vertical-align: middle;	
	padding-left: 10px;
	width: 98px;
	color: #678197;
	border-right: 1px;
	border-left: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #d7e7f6;
	border-style: solid;
	color: #678197;	
	}								

/* Buttons */

.button {
	font-family: Arial;	
	display: inline-block;
	background: #008bbf;
	border: 1px solid #d5d5d5;
	padding: 4px 7px 4px 7px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.4px;	
}

.textinput {	
	font-family: Arial;	
	padding: 6px;
	font-size: 14px;
	background: #fff;
	border: 1px solid #d5d5d5;
	color: #333;
	margin-bottom: 6px;
	letter-spacing: 0.4px;
	color: #666666;		
	}
	
/* Splits */

div.splitbox {
	width: 580px;
	}
	
div.splitboxright {
	float: right;
	text-align: right;	
	width: 249px;
	}
	
div.splitboxleft {
	float: left;
	width: 310px;
	padding-right: 10px;
	}
	
div.splitboxpic {
	width: 247px;
	border: 1px solid #999;
	}
	
.splitsubheader {
	font-size: 18px;
	color: #0970a2;
	padding: 20px 0px 6px 0px;
	margin: 0px;
	font-weight: normal;	
	}
	
div.circuitpic {
	width: 574px;
	margin: 0px auto;
	padding-top: 30px;
	padding-bottom: 20px;
	}
	
div.circuitleft {
	float: left;
	width: 287px;
	text-align: center;
	font-size: 12px;	
	}
	
div.circuitboxpic {
	margin: 0px auto;
	width: 166px;
	border: 1px solid #999;
	}
	
/* Circuit */

div.runway {
	text-align: center;
	width: 590px;
	margin: 20px auto 10px auto;
	background: #fff;
	border: 1px;
	border-color: #a9d0ed;
	border-style: solid;	
	}
	
div.runwayheader {
	float: left;
	font-weight: bold;
	color: #999999;
	background: #d7e7f6;
	width: 295px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #e3f1fe;
	border-style: solid;	
	}	
	
div.runwayright {
	float:right;
	width: 294px;
	border-right: 0px;
	border-left: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #d7e7f6;
	border-style: solid;
	color: #678197;
	}
	
div.runwayleft {
	float: left;
	background: #f9fcfe;
	width: 295px;
	color: #678197;
	}	
	
div.section {
	margin: 0px auto 0px auto;
	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;	
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #d7e7f6;
	border-style: solid;
	font-size: 13px;	
	}
	
div.sectionbig {
	margin: 0px auto 0px auto;
	width: 100%;
	height: 40px;
	line-height: 20px;
	vertical-align: middle;	
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #d7e7f6;
	border-style: solid;
	font-size: 13px;	
	}
	
.runwaysubheader {
	font-size: 24px;
	color: #333333;
	padding: 20px 0px 6px 0px;
	margin: 0px;
	border-bottom: 1px solid #f1f1f1;
	font-weight: normal;	
	}