* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* The Cottage Brighthampton CSS by Ridgeway Studios - www.ridgewaystudios.com*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body 
{ background-color: #b1a498; color: #362f2d; font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif; font-size: 75%; text-align: center; }

a:link { color:#362f2d; text-decoration: underline; }
a:visited { color:#362f2d; text-decoration: underline; }
a:hover { color:#790000; text-decoration: underline; }
a:active { color:#790000; text-decoration: underline; }

a.brownlink:link { color:#362f2d; text-decoration: none; }
a.brownlink:visited { color:#362f2d; text-decoration: none; }
a.brownlink:hover { color:#790000; text-decoration: none; }
a.brownlink:active { color:#790000; text-decoration: none; }

a.whitelink:link { color:#FFFFFF; text-decoration: none; }
a.whitelink:visited { color:#FFFFFF; text-decoration: none; }
a.whitelink:hover { color:#e1e1e1; text-decoration: underline; }
a.whitelink:active { color:#e1e1e1; text-decoration: underline; }

a.whiteunderlink:link { color:#FFFFFF; text-decoration: underline; }
a.whiteunderlink:visited { color:#FFFFFF; text-decoration: underline; }
a.whiteunderlink:hover { color:#e1e1e1; text-decoration: underline; }
a.whiteunderlink:active { color:#e1e1e1; text-decoration: underline; }

a.breadcrumbs:link { color:#555555; text-decoration: none; }
a.breadcrumbs:visited { color:#555555; text-decoration: none; }
a.breadcrumbs:hover { color:#000000; text-decoration: underline; }
a.breadcrumbs:active { color:#000000; text-decoration: underline; }

a.footerlink:link { color:#63594e; text-decoration: underline; }
a.footerlink:visited { color:#63594e; text-decoration: underline; }
a.footerlink:hover { color:#790000; text-decoration: underline; }
a.footerlink:active { color:#790000; text-decoration: underline; }

a.imagelink:link { border-bottom: 0px; text-decoration: none; }
a.imagelink:visited { border-bottom: 0px; text-decoration: none; }
a.imagelink:hover { border-bottom: 0px; text-decoration: none; }
a.imagelink:active { border-bottom: 0px; text-decoration: none; }

h1 { color: #FFFFFF; font-size: 1.5em; font-weight: bold; }

h2 { color: #FFFFFF; font-size: 1.2em; font-weight: normal; padding-top: 2px; }

h3 { color: #FFFFFF; font-size: 1.3em; font-weight: normal; padding-top: 15px; }

p { color: #FFFFFF; font-size: 1.0em; line-height: 1.5em; padding-bottom: 10px; }

.quote { padding-bottom: 0px; font-size: 1.1em; }

.logo { border-bottom: 0px; text-decoration: none; position: relative; padding: 21px 0px 0px 32px; }

.slogan { overflow: hidden; text-decoration: none; position: relative; float: right; color: #FFFFFF; font-size: 1.2em; padding: 25px 70px 0px 0px; }

.first { margin-top: 10px; }

.firstquote { margin-top: 10px; font-size: 1.1em; padding-bottom: 0px; }

.large { color: #362f2d; font-size: 1.4em; padding: 18px 30px 0px 30px; }

.largewhite { font-size: 1.2em; padding-top: 12px; }

.largewhitegrouped { font-size: 1.2em; padding-top: 2px; }

.caption { font-size: 0.8em; width: 171px; text-align: right; padding: 0px 17px 10px 0px; }

ul { font-size: 1.0em; line-height: 1.4em; }

.whiteul { color: #FFFFFF; margin-left: 20px; list-style: square; list-position: inside; }
.blank { list-style: none; }

.secret { visibility: hidden; display: none; }

.bulletlisterror { color: #9D080D; margin: 0px 20px 0px 37px; }

.homepagephoto { margin-top: 4px; }

.bulletlist { margin: 0px 20px 20px 37px; }

div#page_size { width: 961px; margin: 10px auto 0 auto; padding: 0 0 0 0; background-color: #362f2d; text-align: left; }

div#page_header_homepage { background: url(../images/header-homepage.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_about { background: url(../images/header-about.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_bedbreakfast { background: url(../images/header-bedbreakfast.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_garden { background: url(../images/header-garden.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_wisteria { background: url(../images/header-wisteria.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_local { background: url(../images/header-local.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_eating { background: url(../images/header-eating.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_tariff { background: url(../images/header-tariff.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_header_contact { background: url(../images/header-contact.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#page_hero_homepage { background: url(../images/main-homepage.jpg) left top no-repeat; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_about { background: url(../images/main-about.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_bedbreakfast { background: url(../images/main-bedbreakfast.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_garden { background: url(../images/main-garden.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_wisteria { background: url(../images/main-wisteria.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_local { background: url(../images/main-local.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_eating { background: url(../images/main-eating.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_tariff { background: url(../images/main-tariff.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_contact { background: url(../images/main-contact.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_hero_olympics { background: url(../images/main-olympics.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; text-align: left; }

div#page_header_olympics { background: url(../images/header-olympics.jpg) left top no-repeat; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 98px; text-align: left; }

div#left_column { overflow: hidden; float: left; position: relative; width: 312px; }

div#right_column { overflow: hidden; float: left; position: relative; width: 508px; padding: 20px 55px 20px 55px; }

div#right_column_homepage { overflow: hidden; float: left; position: relative; width: 508px; padding: 20px 55px 0px 55px; }

div#right_column_text { float: left; position: relative; width: 290px; padding: 0px 27px 0px 0px; }

div#right_column_images { float: left; position: relative; width: 190px; padding-top: 20px; }

div#page_contacts { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; height: 60px; background: url(../images/footer-bg.jpg) left top no-repeat; background-color: #FFFFFF; padding: 0px 0px; text-align: left; }

div#page_white_homepage { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 961px; background: url(../images/white-shadow.gif) left top repeat-x; background-color: #FFFFFF; padding: 20px 0px; text-align: left; }

div#page_navigation {  overflow: hidden; float: left; position: relative; text-align: left; padding: 20px 0px 10px 33px; }

				#navigation_box { display: block; float: left; position: relative; list-style: none; }
				#navigation_box li {}
				#navigation_box li {*margin-top:-1px} /*IE7 fix for odd 1px margin*/				
				#navigation_box li a { text-align: center; width: 247px; display: block; font-size: 0.9em; font-weight: normal; border: none; text-decoration: none; background: url(../images/navigation-unselected.png) left top repeat; color: #362f2d;  padding: 2px 0px 2px 0px; margin-top:2px; }
				
				#navigation_box li a.selectedhomepage { background: url(../images/selected-homepage.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a.selectedabout { background: url(../images/selected-about.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a.selectedbedbreakfast { background: url(../images/selected-bedbreakfast.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a.selectedlocal { background: url(../images/selected-local.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a.selectedeating { background: url(../images/selected-eating.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a.selectedtariff { background: url(../images/selected-tariff.png) left top repeat; color: #FFFFFF; }	
				#navigation_box li a.selectedolympics { background: url(../images/selected-olympics.png) left top repeat; color: #FFFFFF; }	
				#navigation_box li a:visited { display: block; }
				#navigation_box li a:hover { display: block; background: url(../images/navigation-hover.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a:active { display: block; background-color: #362f2d; color: #FFFFFF; }
				#navigation_box .hidden { visibility: hidden; display: none; }
				#navigation_box li a.sub { margin-left: 10px; width: 227px; display: block; font-size: 0.9em; font-weight: normal; border: none; text-decoration: none; background: url(../images/navigation-unselected.png) left top repeat; color: #362f2d;  padding: 2px 0px 2px 0px; margin-top: 2px; }
				#navigation_box li a.selectedgarden { margin-left: 10px; width: 227px; background: url(../images/selected-garden.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a.selectedwisteria { margin-left: 10px; width: 227px; background: url(../images/selected-wisteria.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a.sub:hover { display: block; background: url(../images/navigation-hover.png) left top repeat; color: #FFFFFF; }
				#navigation_box li a:sub:active { display: block; background-color: #362f2d; color: #FFFFFF; }
				#navigation_box li a.sub:visited { display: block; }			

div#awards { float: left; text-align: center; position: relative; width: 247px; }

		   .awardshomepage { padding-top: 147px; padding-bottom: 10px; }
		   .awardsabout { padding-top: 112px; padding-bottom: 10px; }
		   .awardsbedbreakfast { padding-top: 290px; padding-bottom: 10px; }
		   .awardsgarden { padding-top: 98px; padding-bottom: 10px; }
   		   .awardswisteria { padding-top: 98px; padding-bottom: 10px; }				   
		   .awardslocal { padding-top: 352px; padding-bottom: 10px; }
		   .awardseating { padding-top: 74px; padding-bottom: 10px; }
		   .awardstariff { padding-top: 64px; padding-bottom: 10px; }
   		   .awardscontact { padding-top: 74px; padding-bottom: 10px; }	
		   .awardsolypics{ padding-top: 100px; padding-bottom: 10px; }		
			
div#page_footer { overflow: hidden; float: left; position: relative;  background-color: #b1a498; padding: 20px; 0px; width: 961px; }
				
div#copyright { overflow: hidden; float: left; width: 900px; }
											
				div#copyright .footer { color: #362f2d; font-size: 0.9em; line-height: 1.4em; margin: 0px 0px 20px 0px; }
				
				div.olympicLink {*margin-top:-15px} /*IE7 only*/