body { font-family: times, palatino, georgia, serif; color: #fff; background: #152a4f url(../images/bg-home.jpg) no-repeat top center;font-size: 62.5%; }
body#spec { background-image: url(../images/bg-spec.jpg); }
body#iom { background-image: url(../images/bg-iom.jpg); }
body#ascot { background-image: url(../images/bg-ascot.jpg); }
body#windsor { background-image: url(../images/bg-windsor.jpg); }
body#henley { background-image: url(../images/bg-henley.jpg); }
body#contact { background-image: url(../images/bg-contact.jpg); }


/*//////////////////////////////////////////////
=Headers
//////////////////////////////////////////////*/
h1 				{ text-indent: -999em; width: 301px; height: 60px; position: absolute; bottom: 200px; left: 10px; }
h1 a 			{ display: block; width: 301px; height: 60px; background: transparent url(../images/logo.png) no-repeat; }
h1 a:hover 		{ background: transparent url(../images/logo.png) no-repeat bottom left; }
h2 				{ font-size: 3em; width: 940px; height: 180px; position: absolute; bottom: 0; left: 10px; text-indent: -999em; background: transparent url(../images/header-home.png) no-repeat top left; }
h2 em			{ }
h3				{  font-size: 2.4em; margin-top: 20px; text-shadow: 1px 0 0 #555; font-weight: normal; margin-bottom: 10px;}
#iom h2			{ background: transparent url(../images/header-iom.png) no-repeat top left;  }
#ascot h2		{ background: transparent url(../images/header-ascot.png) no-repeat top left;  }
#henley h2		{ background: transparent url(../images/header-henley.png) no-repeat top left;  bottom: 0;}
#windsor h2		{ background: transparent url(../images/header-windsor.png) no-repeat top left;  }
#contact h2		{ background: transparent url(../images/header-contact.png) no-repeat top left;  }
#location h2	{ background: transparent url(../images/header-location.png) no-repeat top left;  }
#spec h2		{ background: transparent url(../images/header-spec.png) no-repeat top left; }

/*//////////////////////////////////////////////
=Navigation
//////////////////////////////////////////////*/
ul#nav				{ position: absolute; right: 0; bottom: 200px; text-transform: uppercase; }
ul#nav li			{ float: left; display: inline; margin: 0 0 0 15px; font-size: 10px!important;}
ul#nav li a 		{ display: block; color: #434755; text-decoration: none; }
ul#nav li a:hover,	
ul#nav li.selected a{ color: #1da4f1; }


/*//////////////////////////////////////////////
=Layout
//////////////////////////////////////////////*/
div.container 			{ width: 960px; margin: 0 auto; position: relative; }
div#masthead 			{ position: relative;  height:308px;}
div#content				{ width: 620px; float: left; margin-top: -50px; margin-left: 10px; position: relative;}
div#content	div#gallery { float: left; width: 620px; height: 332px; margin-bottom: 20px; }
div#intro				{ float: right; top: 330px; right: 0; width: 300px; margin-right: 10px; padding-top: 20px; }


/*//////////////////////////////////////////////
=Page relevant rules
//////////////////////////////////////////////*/

ul#homes 				{  }
ul#homes li				{ float: left; width: 194px; }
ul#homes li.middle		{ margin-left: 19px; margin-right: 19px; }
ul#homes li	h3			{ font-family: times, palatino, georgia, serif; text-align: center;}

#iom ul#facts			{ background: rgba(0,0,0,0.4); float: left; }
#iom ul#facts li		{ padding: 0 10px; float: left; }
#iom ul#facts li strong { float: left; width: 140px; margin: 0; color: #e9e5a4; }
#iom ul#facts li p		{ float: right; width: 450px; margin: 0;}
.build #content ol > li { background: #112441; padding: 10px 20px; position: relative; margin: 5px 0;}
.build #content ol li ul li { list-style: disc; list-style-position: inside; }
.build #content .lightbox {position: absolute; top: 45px; right: 20px; width: 220px; list-style: none;}
.build h3					{ }
.build div.photo		{  position: absolute; top: 387px; right: -320px; width: 300px;}
.build div.photo img	{ margin-bottom: 20px;  }

#location #content		{ height: 550px;}
#location img.island	{  position: absolute; top: 0; right: 10px; }

#spec .external		{ float: left; width: 380px; margin-right: 80px; display: inline; margin-left: 10px;}
#spec .internal		{ float: left; width: 380px; }

#contact #address	{ position: absolute; top: 25px; left: 400px; color: #152a4f;}
#contact #address li { margin: 2px; font-weight: bold; }
#contact #address li.tel { margin-top: 10px;  }

/*//////////////////////////////////////////////
=Footer
//////////////////////////////////////////////*/
div#footer { background: transparent url(../images/border.gif) repeat-x top left; padding-top: 10px; margin: 20px 10px; float: left; clear: both; width: 940px;}
div#footer a.dandara { width: 120px; height: 36px; display: block; text-indent: -999em; background: transparent url(../images/dandara.png) no-repeat top left;margin: 20px 0; }


/*//////////////////////////////////////////////
=Typograpgphy
//////////////////////////////////////////////*/
p, li { font-size: 1.2em; line-height: 1.4em; font-family: lucida grande, verdana, trebuchet, sans-serif; margin: 1em 0;} 
li p,
ol li ul li { font-size: 1em; }


div#intro p:first-child { font-size: 1.8em; line-height: 1.4em; font-family: georgia, palatino, times, serif; }

a { color: #e9eeb4; font-weight: bold; text-decoration: none;}
a:hover { text-decoration: underline; color: #1da4f1;}
a.view-brochure		{ display: block; width: 227px; height: 40px; background: transparent url(../images/full-brochure.gif) no-repeat;  text-indent: -999em;}
a.view-brochure:hover 	{ background: transparent url(../images/full-brochure.gif) no-repeat bottom left; }
a.view-brochure-top { position: absolute; top: -258px; right: -330px; display: block; width: 227px; height: 40px; background: transparent url(../images/full-brochure.gif) no-repeat bottom left;  text-indent: -999em;}
a.view-brochure-top:hover 	{ background: transparent url(../images/full-brochure.gif) no-repeat top left; }
a.heading { font-size: 2em; font-family: times, georgia, palatino, serif; font-weight: normal; color: #fff; padding: 5px 10px; margin: 5px 0; display: block;}
a.heading:hover { text-decoration: none; }
a.heading em { font-style: italic; font-size: 0.4em; color: #1da4f1; font-family: lucida grande, helvetica, arial, sans-serif; float: right;}
a.pdf			{ display: block; width: 227px; height: 40px; background: transparent url(../images/pdf.gif) no-repeat;  text-indent: -999em;}
a.pdf:hover 	{ background: transparent url(../images/pdf.gif) no-repeat bottom left; }
/*//////////////////////////////////////////////
=Tables
//////////////////////////////////////////////*/
table { font-family: lucida grande, verdana, trebuchet, sans-serif; font-size: 1.2em; margin: 10px 0; width: 620px;}
table th { text-align: left; font-weight: bold;  color: #1074b4;  }
table td, table th { background: #fff url(../images/td.gif) repeat-x top left; color: #0b264d; }
table tr.odd td, table tr.odd th { background: #fff url(../images/td-odd.gif) repeat-x top left; color: #0b264d; }
table td, table th { padding: 8px;  border: 1px solid #b5cbe8; vertical-align: middle;}
table tr th#null { background: none; border: none;}
table tfoot td, table tfoot th { background: #0c1629; color: #fff; font-weight: bold; border: 1px solid #0b264d; padding: 16px 8px; }
table em { color: #1074b4; font-size: 0.9em; font-style: normal; margin: 4px 0;}


/*//////////////////////////////////////////////
=Forms
//////////////////////////////////////////////*/

#contact-form {  background: #fff url(../images/form-bg.jpg) repeat-x top left; color: #0b264d; padding: 20px;}
#email { width: 350px; }
form 			{ font-family: lucida grande, verdana, trebuchet, sans-serif; font-size: 1.2em; margin-bottom: 80px; }
form legend 	{ display: none; }
form fieldset 	{ background: #fff url(../images/form-bg.jpg) repeat-x top left; color: #0b264d; padding: 20px;}
form div.row	{ float: left; width: 540px; clear: left; margin: 5px 0;}
form label 		{ font-weight: bold; width: 120px; float: left;  line-height: 1.6em;}
form input		{ float: left;  width: 220px; border: 1px solid #a3bbbe; background-color: #d2e1e3; padding: 3px; }
textarea 		{ width: 360px; float: left;  border: 1px solid #a3bbbe; background-color: #d2e1e3; padding: 3px; height: 150px; }
input.submit	{border: none;  background: green url(../images/submit.gif) no-repeat top left; height: 40px; width: 140px; display: block; float: left; margin-left: 120px; text-indent: -999em; }
input.submit:hover { background: green url(../images/submit.gif) no-repeat bottom left; cursor: pointer;}
span.required	{ color: red; }


div.map { border: 10px solid #0a2032; margin-bottom: 20px;}

span.block { display: block; margin-left: 11px;}

.confirm { margin-top: 100px;}