<!--
	
	* {
		padding:0;
		margin:0; 
		outline:0; 
		border: 0;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;	
		-webkit-transition: all ease-in-out;
		-moz-transition: all ease-in-out;
		-o-transition: all ease-in-out;
		transition: all ease-in-out;						
		}
		
/* -- LAYOUT -- */

	body {
		background: #FFF;
		font: normal normal normal 62.5%/180% georgia, garamond;
		}	
	
	#container {
		width: 960px;
		margin: 30px auto
		}		
		
	#navigation_home {
		width: 800px;
		margin: 0 auto;
		overflow: hidden
		}	
		
	#the-gables {
		background: url( ../images/the-gables_large.jpg ) no-repeat top left;
		padding: 0 0 0 400px;
		}	
		
	#the-gables section,
	#accommodation section,
	#menu section,
	#silverstone section,
	#attractions section,
	#links section {
		margin: 20px auto;
		overflow: hidden
		}	
		
	#the-gables figure,
	#accommodation figure,
	#menu figure,
	#silverstone figure {
		float: left;
		width: 33%
		}	
		
	#silverstone figure {
		text-align:center;
		font-weight: normal !important;
		}	
		
	#silverstone figure figcaption {
		font-size: 1em
		}	

	#accommodation {
		background: url( ../images/accommodation_large.jpg ) no-repeat top left;
		padding: 0 0 0 400px;
		}	

	#menu {
		background: url( ../images/menu_large.jpg ) no-repeat top left;
		padding: 0 0 0 400px;
		}	

	#silverstone {
		background: url( ../images/silverstone_large.jpg ) no-repeat top left;
		padding: 0 0 0 400px;
		}	
		
	#attractions, #links {
		overflow: hidden
		}	

	#attractions figure, #links figure {
		float: left;
		width: 25%;
		height: 140px !Important;
		white-space: nowrap;
		margin: 0 !important;
		position: relative;
		}
		
	#attractions figure figcaption, #links figure figcaption {
		position: absolute;
		bottom: 0;
		background: rgba(255,255,255,0.8);
		width: 100%;
		font-size: 1em;
		padding: 3px 0;
		text-align:center
		}
				
	#attractions aside, #links aside {
		width: 340px;
		padding: 0 10px 0 0;
		font-size: 1.1em;
		height: 512px;
		overflow: auto;
		float: left
		}	
		
	#attractions aside p:first-of-type, #links aside p:first-of-type {
		margin: 0
		}	
		
	#directions #map {
		float:left;
		width: 337px;
		height: 510px;
		margin: 0 10px 0 0
		}	

	#tariff {
		background: url( ../images/tariff_large.jpg ) no-repeat top left;
		padding: 0  0 0 400px;
		}
		
	#enquiries {
		background: url( ../images/enquiries_large.jpg ) no-repeat top left;
		padding: 0 0 0 400px;
		}			

		
	#testimonials {
		background: url( ../images/testimonials_large.jpg ) no-repeat top left;
		padding: 0  0 0 400px;
		}	
	
	
								
/* -- TEXT -- */

	p, label, span, figcaption, li {
		font-size: 1.2em;
		}	
		
	p {
		margin: 10px 0 0 0
		}
		
	figcaption {
		font-weight: 500;
		font-size: 12pt
		}	
		
	.fade_on {
		letter-spacing: 5px;
		color: #D9B681
		}		
		
	.fade_off {
		letter-spacing: 0px;
		color: #444
		}
		
	.normal {
		font-weight: normal
		}		

/* -- LISTS -- */

	ul {
		margin: 10px 0 0 0;
		list-style: circle
		}	
		
	ol {
		margin: 10px 20px
		}		
		
/* -- HEADERS -- */

	h1 {
		font-size: 2em
		}		
		
	h2 {
		font-size: 1.8em
		}	
		
	h3 {
		font-size: 1.6em
		}	
		
	h4 {
		font-size: 1.4em
		}	
		
	h5 {
		font-size: 1.25em
		}
		
	#contact {
		margin: 0 0 30px 0
		}	
		
	#navigation_footer {
		margin: 30px 0 0 0;
		float: right;
		clear: right
		}	
		
	#contact h4, #contact h3 , #navigation_footer h4, #testimonials h5, #silverstone_fade h4, .footer_contact h4 {
		color: #888888;
		font-weight: normal;
		}	
		
	.footer_contact h4 {
		margin: 20px 0
		}	
		
		
	#contact h3 {
		float:right;
		font-size: 18pt
		}	
		
	#contact h4.subtitle {
		float:right;
		font-size: 12pt;
		margin-top: 5px;
		text-transform: uppercase;
		clear: right
		}			
	
	#splash {
		overflow: hidden
		}
		
	#splash > div {
		width: 250px;
		float: right;
		}
		

	#splash > p {
		float: left;
		width: 680px
		}
		
	#splash > div p:first-child {
		padding-top: 30px
		}
		
	#splash > div h1 {
		text-align:center;
		margin: 20px 0
		}

	h3#splash_title {
		margin: 30px 0 0 0;
		font-size: 24pt;
		font-weight: normal;
		color: #000
		}
		
	h3#splash_title ~ h4 {
		margin: 10px 0 0 0
		}			
		
	#silverstone_fade  {
		cursor: pointer;
		font-size: 14pt;
		float: right
		}	
		
	h4#enter {
		float: right;
		font-size: 16pt !important;
		}	
		
		
/* -- LINKS -- */

	a {
		text-decoration: none;
		color: #333
		}
		
	a.on {
		color: #D9B681
		}	
		
	#navigation_home a {
		display: block;
		float:left;
		width: 20%;
		padding: 160px 0 0 22px;
		margin: 0 0 30px 0;
		font-size: 1em;
		text-align:center;
		}	
			
	#navigation_home .nav_thegables {
		background: url(../images/nav_thegables.jpg) no-repeat top center;
		}
		
	#navigation_home .nav_accommodation {
		background: url(../images/nav_accommodation.jpg) no-repeat top center;
		}
		
	#navigation_home .nav_menu {
		background: url(../images/nav_menu.jpg) no-repeat top center;
		}

	#navigation_home .nav_silverstone {
		background: url(../images/nav_silverstone.jpg) no-repeat top center;
		}		

	#navigation_home .nav_attractions {
		background: url(../images/nav_attractions.jpg) no-repeat top center;
		}
		
	#navigation_home .nav_directions {
		background: url(../images/nav_directions.jpg) no-repeat top center;
		}	

	#navigation_home .nav_enquiries {
		background: url(../images/nav_enquiries.jpg) no-repeat top center;
		}		

	#navigation_home .nav_tariff {
		background: url(../images/nav_tariff.jpg) no-repeat top center;
		}				

	#navigation_home .nav_testimonials {
		background: url(../images/nav_testimonials.jpg) no-repeat top center;
		}		

	#navigation_home .nav_links {
		background: url(../images/nav_links.jpg) no-repeat top center;
		}
		
	#navigation_footer a {
		margin: 0 0 0 30px
		}	
	
/* -- IMAGES -- */

	#splash img {
		width: 680px;
		height: 510px;
		}	

	figure img {
		display: block;
		width: 115px;
		height: 153px;
		margin: 0 auto
		}
			
/* -- FORMS -- */

	fieldset {
		padding: 10px 0
		}
		
	fieldset > legend {
		color: #444;
		font-size: 1.6em;
		letter-spacing:1px
		}	

	fieldset > label, fieldset > span {
		float: left;
		display: block;
		margin:2px 0
		}

	fieldset > label {
		width: 40%;
		clear: both;
		}	
		
	fieldset > span {
		width: 60%
		}	
		
	fieldset > span.cke_skin_kama {
		width: 100%
		}	
			
/* -- FORM ELEMENTS -- */

	input, select, textarea {
		font: normal 1em/1.2em tahoma, helvetica, arial;	
		}
		
	textarea {
		float:left
		}	

	input[type=text], input[type=password], input[type=email], input[type=date], input[type=number], input[type=tel], input[type=url], textarea {
		padding: 4px;
		border:1px solid #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; 
		width: 100%;
		}

	input[type=submit], input[type=button], input[type=reset] {
		color: #D1A462;
		padding: 4px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-weight:bold;
		border: solid #CFD4D6 1px;
		cursor: pointer;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E2E8EA));
		background: -moz-linear-gradient(top, #FFFFFF, #E2E8EA);
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#E2E8EA);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#E2E8EA);
		margin: 0 0 10px 40%;
		display:inline-block; /* Really, IE? Seriously? */
		}
	
	input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {	
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E8EA), to(#FFFFFF));
		background: -moz-linear-gradient(top, #E2E8EA, #FFFFFF);
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E2E8EA, endColorStr=#FFFFFF);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E2E8EA, endColorStr=#FFFFFF);
		color:#222;
		}
	
	input[type=date], input.date {
		width: 100px ;
		text-align:center
		}
		
	input[type=number] {
		width: 60px;
		text-align:center
		}	
		
	input.m {
		width: 120px
		}	
		
	#map_directions_fetch {
		margin: 0;
		display: inline
		}			

	textarea.large {
		height: 150px;
		font-size: 1.2em
		}

	.cke_skin_kama * {
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
		}
		
	.cke_skin_kama {
		margin: 0 0 10px 0
		}
		
/* -- TABS -- */

	.tabs {

		}
		
	.tabs .tabs {
		padding: 0
		}	
		
	.tabs ul {
		}	
		
	.tabs > ul li {
		display: inline;
		color: #0F5D72;
		cursor: pointer;
		font-weight: bold;
		margin: 0 20px 0 0;
		font-size: 1.15em !important
		}	
		
	.tabs > ul li:hover, .tabs > ul li:focus {
		color: #C00000;
		}		
			
	.tabs > ul li.on {
		color: #000;
		cursor: default
		}	
		
	.tabs > div {
		margin: 1em 0 0 0;
		width: 100%;
		height: 100%;
		}
							
/* -- ADJUSTMENTS -- */

	.hide {
		display: none;
		visibility: hidden;
		height: 0 !important;
		width: 0 !important
		}
	
	.left {
		float: left
		}
		
	.right {
		float: right
		}	
		
	.clear {
		clear: both
		}	
		
	.center {
		text-align:center
		}
		
	.frame {
		outline: 1px solid #CCCCCC;
		padding: 0px 10px 10px 10px;
		font-size: 1.1em;
		overflow: auto;
		height: 510px
		}	
		
	.getintouch {
		outline: 1px solid #CCCCCC;
		padding: 10px;
		width: 383px;
		float: left;
		margin: 20px 0 0 0
		}
		
	.pad {
		padding: 10px !important
		}
		
	.padtop {
		padding: 10px 0 0 0
		}			
-->