body {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 78%;
	background:#d2c9ba url('../images/bkgd.jpg') repeat-x 0 0;
	padding:10px 0 30px ;
}

* 					{ margin:0; padding:0;} 
img					{ border:none; margin:0; padding:0;} 

p, .list,
form label, td		{ color:#767676; line-height:1.3em; font-size:1.1em; }
p					{ margin-bottom:1.1em;} 

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-white			{ color:#FFF}
.txt-grey			{ color:#767676}
.txt-gold			{ color:#817564; }

.txt-uppercase		{ text-transform:uppercase}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ margin-bottom: .3em}

span.bco-logo		{ display: block; text-align: center}
span.bco-logo img	{ border: 3px solid #A89983; margin-top: 20px}

div.maptext a,
a,
a:visited			{ color:#817564;}
div.maptext a:hover,
a:hover				{ text-decoration:none; background-color:#817564; color: #FFF; }

a.hide				{ position:absolute; left:-999em; }

a.button,
a.button:visited	{ background-color:#a89983; padding:5px 10px; font-size: 1.4em; font-weight:bold; color: #FFF; text-decoration: none; }
a.button:hover		{ background-color: #817564}

a.brochure-button,
a.brochure-button:visited	{ padding:5px 10px; background: #817564 url('../images/bkgd-brochureButton.png') repeat-x 0 0; color: #FFF; text-decoration: none; font-weight: bold; display: block; font-size: 1.4em; line-height: 1.4em; border: 1px solid #584f43; margin-top:49px;}
a.brochure-button:hover		{ background-image: none}


h1					{ font-size: 1em; position: absolute; text-indent: -999em;}
h2,h3				{ font-weight:bold; font-size: 1.4em; color:#817564; margin:0 0 .5em 0; text-transform:uppercase;}

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container,
#footer-nav				{ text-align:left; margin:0 auto; position:relative;   } 
#container				{ background-color: #FFF; padding: 15px; width:830px;}
img.header-pic			{ margin-bottom: -3px;}
#content				{ padding: 0 20px; overflow: auto; margin-top: 15px; background:url('../images/dot-vertical.gif') repeat-y 575px 0;}
#col-left				{ float: left; margin-right: 40px; width: 535px; }
img.pic-content			{ background-color:#FFF; border: 10px solid #d2c9ba; padding: 10px; margin:10px 0 15px -20px; position: relative; }
#col-right				{ float: left; width: 215px; }
#footer					{ background-color: #817564; padding: 10px 20px; margin-top:15px; position: relative; clear: both;  }
#footer-nav				{ padding: 5px 0; width:790px; margin-bottom: 15px; }
#footer-nav	a,
#footer-nav	a:visited	{ font-size: .8em; }
#footer-nav	a:hover		{ }


/* Image Feature */
/* ---------------------------- */
ul.image-feature							{ background-color: #d2c9ba; padding: 10px; overflow: hidden; position: relative; margin:25px 0 0 -20px; width: 535px;}
ul.image-feature li							{ list-style: none; float: left;}
ul.image-feature li img						{ border: 10px solid #FFF; border-left: none;}
ul.image-feature li.first img				{ border-left: 10px solid #FFF; }


/* Home */
/* ---------------------------- */
#col-right ul.latest-news					{ }
#col-right ul.latest-news li				{ list-style: none; margin-bottom: 15px; }
#col-right ul.latest-news h4				{ font-size: 1.2em; margin: 0;}
#col-right ul.latest-news h4 a,
#col-right ul.latest-news h4 a:visited		{ text-decoration: none;}
#col-right ul.latest-news h4 a:hover		{ }
#col-right ul.latest-news p					{ margin: 0;}
#col-right ul.latest-news p.read-more a		{ font-size: .8em;}


/* Accommodation */
/* ---------------------------- */
#content-feature				{ }
#content-feature ul				{ background-color:#a89983; overflow: hidden; padding: 0 10px; margin: 0 0 -10px 0; width: 515px;  }
#content-feature ul li			{ list-style: none; float: left;}
#content-feature ul li a,
#content-feature ul li a:visited{ text-decoration: none; color: #FFF; padding: 4px 10px; display: block; }
#content-feature ul li a:hover,
#content-feature ul li.active a,
#content-feature ul li#tabHeaderActive	{ background: #52493c url('../images/bkgd-nav.jpg') repeat-x 0 0;}
#content-feature #info		{ padding:20px 10px; border: 10px solid #d2c9ba; position: relative; margin-top: 13px; }
#content-feature #info span.title			{ color: #a89983; font-weight: bold; position: absolute; top:10px; font-size: 1.4em; z-index: 999}
#content-feature #info p					{ display: block; width: 200px; position: absolute; top:30px; font-size: 1em; color:#817564; z-index: 999}
#content-feature #info img					{ position:relative; left: 75px;}
#content-feature #info a:hover				{ padding: 0; background-color: transparent;}
#content-feature #info a.enlarge,
#content-feature #info a.enlarge:visited	{ position: absolute; bottom: 0; right:0; text-decoration: none; padding:5px 10px;  color: #FFF; background-color:#a89983; }
#content-feature #info a.enlarge:hover		{ background-color: #000; }

body.contact #content-feature #info { padding: 10px;}


ul.floorplans li				{ list-style: none; position: relative; display: block; text-align: right; margin-bottom: 35px;}
ul.floorplans li.margin-top		{ padding-top:37px}
ul.floorplans li span			{ text-transform: uppercase; position: absolute; left: 0; top:0; color: #817564; text-align: left; }
ul.floorplans li img			{ margin-bottom: 5px}
ul.floorplans li p				{ text-align: left; font-size: .9em; margin-bottom: .75em;}
ul.floorplans li a:hover		{ background-color: transparent; }


/* Gallery */
/* ---------------------------- */
ul.gallery				{ background-color: #d2c9ba; padding: 10px; overflow: auto; position: relative; margin-left: -20px; width: 535px;}
ul.gallery li			{ list-style:none; float: left; }
ul.gallery li img		{ width:121px; }
ul.gallery li a,
ul.gallery li a:visited	{ border: 10px solid #FFF; border-left: none; border-bottom: none; display: block; background-color: #FFF;}
ul.gallery li.first a,
ul.gallery li.first a:visited	{ border-left: 10px solid #FFF;}
ul.gallery li.bottom a,
ul.gallery li.bottom a:visited	{ border-bottom: 10px solid #FFF}
ul.gallery li a:hover,
ul.gallery li a:visited:hover	{ background-color: transparent; padding: 0;}
ul.gallery li a:hover img		{ opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter: alpha(opacity=70);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}

ul.video-list				{ margin-bottom: 30px;}
ul.video-list li			{ list-style: none; margin-bottom: 10px; }
ul.video-list li a			{ display: block; text-decoration: none; position: relative; min-height:57px; height:auto !important; height:57px; padding-left: 105px; padding-top: 15px }
ul.video-list li a img		{ position: absolute; left:0; top:0;}

/* Contact */
/* ---------------------------- */
ul.logos li				{ list-style: none; margin-bottom: 35px;}
ul.logos li p			{ font-size: .9em;}

#locationmap							{ width:495px; height:380px; }
#content-feature #info div.maptext p		{ position: static}
div.maptext p.no-margin					{ margin-bottom:0;}
div.maptext a:hover						{ color: #817564; text-decoration: none;}	


/* Footer */
/* ---------------------------- */
#footer a							{ opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter: alpha(opacity=70);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}
#footer a:hover						{ padding: 0; background-color: transparent; text-decoration: none; 
opacity: 1;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=100)"; /* IE 8 */
filter: alpha(opacity=100);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ }
#footer a							{ }
#footer ul							{ position:absolute; right:20px; top:15px;}
#footer ul li						{ list-style: none; margin-left: 20px; float: left;}
#footer ul li a,
#footer ul li a:visited				{ display: block; height:29px; text-decoration: none; text-indent: -999em; background-position: 0 0; background-repeat: no-repeat; }
#footer ul li.twitter a				{ width:69px; background-image: url('../images/logo-twitter.png')} 
#footer ul li.brindleyplace a		{ width:151px; background-image: url('../images/logo-brindleyplace.png')} 
#footer ul li a:hover				{ }



/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ padding: 20px 25px 0 25px; margin-top: 25px; background:#f8f6f4 url('../images/bkgd-form.png') repeat-x left bottom; border: 1px solid #F2EBE1 }
form fieldset							{ border:none; margin-bottom:5px; padding-top:10px; }
form fieldset legend					{ color:#f4eee3; font-size:1.2em; font-weight:bold; padding-right:10px; text-transform: uppercase; position:absolute; left:-999em; display: none; }
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; margin-bottom:12px; position:relative; }
form fieldset ul li	span.star			{ position:absolute; font-size:1.4em; font-weight:bold; left:133px; color:red}
form fieldset ul label					{ color:#817564; display:block; float:left; width:135px; margin-right:15px; padding-top: 5px; font-size:1.2em; font-weight: bold }


form select,
form input,
form textarea							{ font-family: Arial, Helvetica, sans-serif; color:#817564; font-size:1.2em; padding:4px; border:1px solid #999; width:225px; }
form textarea							{ height:100px;}
form select								{ width:259px;}
form option								{ padding:0 4px;}
form li.salutation select				{ width:110px;}

form input.submit						{ font-size:1.3em; font-weight:bold; margin-left:148px; width:84px; height:35px; border:none; text-align:center}


div.validation-advice					{ color:#FFF; background-color:red; margin-left:150px; padding:3px 7px; font-style:italic; font-size:.8em; width: 221px; clear: both;}
input.validation-failed,
textarea.validation-failed 				{ border:1px solid red;}




/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#navigation							{ background-color:#a89983; overflow: hidden; padding: 0 10px;}
#navigation ul						{ margin: 0 auto;}
#navigation ul li					{ float: left; list-style: none; }
#navigation ul li a,
#navigation ul li a:visited			{ text-decoration: none; color: #FFF; padding: 4px 10px; display: block;  }
#navigation ul li a:hover,
#navigation ul li.active a			{ background: #52493c url('../images/bkgd-nav.jpg') repeat-x 0 0;}





/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */