body
{
width: 100%;
margin: 0;
color: #2f2f2f;
background: #f8f8f6;
font-family: arial, verdana;
font-size: 62.5%;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
}
form
{
margin: 0;
padding: 0;
}
img.image_right
{
float: right;
margin-top: -20px;
padding: 0 0 10px 10px;
position: relative;
z-index: 100;
}

p.status
{
color: #b80926;
font-weight: bold;
}

a:visited, a:link
{
outline: none;
color: #b80926;
text-decoration: underline;
}
a:visited
{
color: #b80926;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #2a2a2a;
text-decoration: underline;
}

ul.loading
{
background: url(/images/loading.gif) no-repeat bottom right;
}
div.loading
{
background: url(/images/loading.gif) no-repeat top right;
}

div.hidden
{
display: none;
visibility: hidden;
}
div.shown
{
display: block;
visibility: visible;
}

hr
{
clear: left;
width: 100%;
height: 1px;
color: #1cb9c4;
border: 0px none;
border-bottom: 1px solid #1cb9c4;
padding: 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 4px;
border: 0 none;
background: #fff;
color: #2f2f2f;
}
input.alert, p.alert, textarea.alert
{
border: 2px solid #b80926;
padding: 2px;
}

ul.skip {display: none;}

h2, h3
{
color: #2a2a2a;
padding: 0;
margin: 0 0 14px 0;
display: block;
font-size: 1.4em;
line-height: 1.1em;
}

h1, h2.panel, h2.form, h2.contact
{
float: left;
width: 195px;
letter-spacing: -.05em;
display: inline;
margin: 0 0 10px 0;
padding: 0;
font-size: 3.4em;
line-height: 1em;
color: #b80926;
}
h1
{
margin: 0 0 20px 0;
}
h2.panel, h2.form, h2.contact
{
font-size: 3em;
}
h2.contact
{
width: 225px;
}
h2.form
{
color: #2a2a2a;
width: 361px;
}

p.logo, p.logo a, p.logo_contact, p.logo_contact a, p.dont, p.take, h1.logo, h1.logo a, h1.contact, div.header ul.bbh li, div.header ul.bbh li a
{
margin: 0;
padding: 0;
float: left;
width: 196px;
height: 83px;
display: block;
text-indent: -8000px;
text-decoration: none;
background: url(/images/logo.gif) no-repeat;
font-size: .05em;
line-height: .05em;
}
h1.contact
{
width: 100%;
height: 51px;
margin-bottom: 4px;
background: url(/images/contact.gif) no-repeat;
}
p.dont, p.take
{
float: right;
width: 533px;
height: 120px;
background: url(/images/dont.gif) no-repeat center left;
}
p.take
{
width: 487px;
background: url(/images/take.gif) no-repeat center left;
}
p.logo a, p.logo_contact a, h1.logo a:hover{text-decoration: none;}

p.logo_contact{width: 888px;}

h3.stay_somewhere
{
letter-spacing: -.05em;
float: left;
width: 493px;
display: inline;
line-height: 1.1em;
margin: 0 0 10px 0;
font-size: 3em;
}

h4
{
margin: 0 0 12px 0;
font-size: 1.3em;
line-height: 1.1em;
}
p
{
padding: 0;
margin: 0 0 .8em 0;
font-size: 1.2em;
line-height: 1.4em;
}

ul, ol
{
margin: 0 0 10px 10px;
padding: 0 0 0 10px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.5em;
}
li li
{
font-size: 1em;
}
div.header_wide, div.content_wide, div.footer_wide, div.bricks_wide
{
position: relative;
z-index: 20;
float: left;
width: 100%;
text-align: center;
margin: 0px auto 0 auto;
}
div.header_wide
{
background: url(/images/header.gif) repeat-x;
min-height: 317px;
height: auto;
}
/*\*/
* html div.header_wide
{
height: 317px;
}
/**/

div.bricks_wide
{
margin-top: -162px;
z-index: 10;
background: #623637 url(/images/bricks.jpg) repeat-x center top;
min-height: 256px;
height: auto;
}
/*\*/
* html div.bricks_wide
{
height: 256px;
}
/**/

div.header, div.content, div.footer, div.bricks
{
width: 961px;
margin: auto;
text-align: left;
}
div.content, div.footer, div.bricks
{
width: 815px;
}
div.header_inner
{
width: 888px;
float: left;
padding: 0 0 0 73px;
text-align: left;
}

div.header ul
{
padding: 0;
margin: 0;
list-style-type: none;
float: right;
}
div.header ul li
{
padding: 0;
margin: 0;
float: left;
}
div.header ul.bbh
{
float: left;
}
div.header ul.bbh li
{
padding: 50px 0 0 189px;
}
div.header ul.bbh li, div.header ul.bbh li a
{
width: 77px;
height: 50px;
background: url(/images/bbh.gif) no-repeat bottom right;
}
div.header p.logo, div.header p.logo_contact, h1.logo{margin: 17px 0 20px 0;}



div.bricks_inner
{
color: #fff;
float: left;
width: 815px;
height: 200px;
padding-top: 45px;
}
div.bricks_inner p.quote_lovedit
{
float: left;
width: 464px;
padding: 35px 0 0 0;
background: url(/images/quote_lovedit.gif) no-repeat;
}
div.bricks_inner p.quote_lovedit span
{
float: left;
font-size: .05em;
line-height: .05em;
text-indent: -8000px;
}
div.bricks_inner p.quoted
{
float: left;
width: 464px;
padding: 38px 0 0 0;
background: url(/images/quoted.gif) no-repeat;
}
div.bricks_inner p.quoted_contact
{
float: left;
width: 464px;
padding: 0;
}
div.bricks_inner p.quoted span.hide
{
float: left;
font-size: .05em;
line-height: .05em;
text-indent: -8000px;
}
div.bricks_inner p.quoted span.quote,
div.bricks_inner p.quoted_contact span.quote
{
line-height: 1.2em;
}
/*\*/
* html div.bricks_inner p.quoted span.quote, * html div.bricks_inner p.quoted_contact span.quote
{
font-weight: bold;
}
/**/


div.content_wide
{
margin-top: -94px;
z-index: 10;
position: relative;
}

div.content_inner, div.content_home
{
position: relative;
z-index: 10;
width: 815px;
float: left;
padding-bottom: 20px;
}
div.content_home
{
background: url(/images/hat_home.jpg) no-repeat top right;
width: 470px;
float: left;
padding: 0 345px 20px 0;
}

ul.panel_link
{
margin: 94px 0 -125px 0;
position: relative;
z-index: 20;
float: right;
padding: 0 19px 0 0;
width: 99px;
list-style-type: none;
}
ul.panel_link li
{
width: 99px;
height: 31px;
float: left;
margin: 0;
padding: 0;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
}
ul.panel_link li, ul.panel_link li a
{
float: left;
width: 99px;
height: 31px;
}
ul.panel_link li a:link, ul.panel_link li a:visited,
ul.panel_link li a:hover, ul.panel_link li a:active
{
text-decoration: none;
border: 0 none;
}
ul.panel_link li.home_view, ul.panel_link li.home_view a
{
background: url(/images/home_view.gif) no-repeat;
}
ul.panel_link li.home_readup, ul.panel_link li.home_readup a
{
background: url(/images/home_readup.gif) no-repeat;
}
ul.panel_link li.home_more, ul.panel_link li.home_more a
{
background: url(/images/home_more.gif) no-repeat;
}
ul.panel_link li.home_go, ul.panel_link li.home_go a
{
background: url(/images/home_go.gif) no-repeat;
}


ul.panel_link li a:hover
{
background-position: bottom left;
}


div.panel_home1, div.panel_home2, div.panel_home3, div.panel_home4, div.panel_wide1, div.panel_wide2, div.panel_form
{
width: 401px;
float: left;
padding: 0 0 3px 0;
margin-bottom: 10px;
background: #eae6cb url(/images/home_panel1_4.gif) no-repeat bottom left;
}
div.panel_home2
{
float: right;
background: #dedbd0 url(/images/home_panel2_3.gif) no-repeat bottom left;
}
div.panel_home3
{
background: #dedbd0 url(/images/home_panel2_3.gif) no-repeat bottom left;
}
div.panel_home4
{
float: right;
background: #eae6cb url(/images/home_panel1_4.gif) no-repeat bottom left;
}
div.panel_wide1
{
background: #eae6cb url(/images/wide_panel1.gif) no-repeat bottom left;
}
div.panel_wide2, div.panel_form
{
background: #dedbd0 url(/images/wide_panel2.gif) no-repeat bottom left;
}
div.panel_home1_inner, div.panel_home2_inner, div.panel_home3_inner, div.panel_home4_inner, div.panel_wide1_inner, div.panel_wide2_inner, div.panel_form_inner
{
width: 195px;
padding: 24px 0 0 20px;
float: left;
background: url(/images/home_panel1_top.gif) no-repeat;
}
div.panel_home1 p, div.panel_home2 p, div.panel_home3 p, div.panel_home4 p, div.panel_wide1 p, div.panel_wide2 p, div.panel_form p
{
line-height: 1.3em;
width: 195px;
float: left;
}
div.panel_home2_inner
{
background: url(/images/home_panel2_top.gif) no-repeat;
}
div.panel_home3_inner
{
background: url(/images/home_panel3_top.gif) no-repeat;
}
div.panel_home4_inner
{
background: url(/images/home_panel4_top.gif) no-repeat;
}
div.panel_wide1_inner
{
background: url(/images/wide_panel1_top.gif) no-repeat;
}
div.panel_wide2_inner
{
background: url(/images/wide_panel2_top.gif) no-repeat;
}
div.panel_form_inner
{
width: 361px;
padding: 24px 20px 10px 20px;
background: url(/images/wide_panel2_top.gif) no-repeat;
}
div.panel_form p
{
width: 361px;
}
div.panel_home1 img, div.panel_home2 img, div.panel_home3 img, div.panel_home4 img, div.panel_wide1 img, div.panel_wide2 img
{
float: right;
position: relative;
z-index: 10;
}

div.panel_form p.field, div.panel_form p.submit
{
float: left;
width: 361px;
}
div.panel_form p.submit
{
width: 353px;
text-align: right;
}

div.panel_form p.field span
{
float: left;
width: 100px;
padding: 2px 0 0 0;
font-weight: bold;
}
div.panel_form p.field span.select
{
width: auto;
padding: 0 10px 0 0;
font-weight: normal;
}
div.panel_form p.field span.guests
{
width: auto;
padding: 2px 10px 0 6px;
}
div.panel_form p.field span.total
{
float: left;
width: 100px;
padding: 0;
min-height: 16px;
height: auto;
}
/*\*/
* html div.panel_form p.field span.total
{
height: 16px;
}
/**/

div.panel_form p.field span.loading
{
background: url(/images/loading_form.gif) no-repeat;
}
div.panel_form div.loading
{
float: left;
background: url(/images/loading_form.gif) no-repeat top right;
}
div.panel_form p.field select
{
width: 65px;
}
div.panel_form p.field select.guests
{
width: 45px;
}
div.panel_form p.field select.roomtype
{
width: 135px;
}
div.panel_form p.field select.wide
{
width: 253px;
}
div.panel_form p.field input.input, div.panel_form p.field textarea
{
width: 245px;
}

div.panel_form p.verify input.input
{
float: left;
width: 137px;
}
div.panel_form p.verify img
{
float: left;
padding: 0 0 0 5px;
}




div.contact1, div.contact2
{
width: 265px;
float: left;
margin-bottom: 10px;
padding: 6px 0 0 10px;
background: url(/images/contact1_top.gif) no-repeat top right;
}
div.contact2
{
padding-left: 0;
background: url(/images/contact2_top.gif) no-repeat top right;
}
div.contact1_inner, div.contact2_inner
{
width: 225px;
padding: 18px 20px 20px 20px;
float: left;
background: #e9e7db url(/images/contact1_bottom.gif) no-repeat bottom right;
min-height: 389px;
height: auto;
}
/*\*/
* html div.contact1_inner, * html div.contact2_inner
{
height: 389px;
}
/**/
div.contact2_inner
{
background: #cdc7bf url(/images/contact2_bottom.gif) no-repeat bottom right;
}
div.contact1 h3, div.contact1 p, div.contact2 p
{
float: left;
width: 225px;
}
div.contact1 h3
{
font-size: 1.2em;
}
div.contact2 p.instructions
{
font-size: 1.1em;
line-height: 1.2em;
}
div.contact1 p input, div.contact1 p textarea
{
width: 190px;
padding: 4px;
float: left;
}
div.contact1 p.name, div.contact1 p.email, div.contact1 p.number, div.contact1 p.message
{
padding: 0 0 0 22px;
border: 2px solid #fff;
width: 199px;
background: #fff url(/images/name.gif) no-repeat 5px 3px;
}
div.contact1 p.email
{
background: #fff url(/images/email.gif) no-repeat 5px 3px;
}
div.contact1 p.number
{
background: #fff url(/images/number.gif) no-repeat 5px 3px;
}
div.contact1 p.message
{
background: #fff url(/images/message.gif) no-repeat 5px 3px;
}
div.contact1 p.submit
{
margin: 0;
}
div.contact1 p.verify input
{
width: 110px;
}
div.contact1 p.verify img
{
float: left;
padding: 0 0 0 5px;
}
div.contact1 p.verify input.alert
{
padding: 2px;
}

div.contact1 p.alert
{
border: 2px solid #b80926;
}
div.contact1 p.submit input
{
padding: 0;
width: auto;
float: right;
}
div.contact1 div.loading
{
float: left;
background: url(/images/loading.gif) no-repeat top right;
}

div.contact1 h3.maps
{
width: 225px;
float: left;
margin: 70px 0 10px 0;
}
div.contact1 ul.links
{
width: 190px;
float: left;
padding: 0;
list-style-type: none;
margin: 0;
}
div.contact1 ul.links li
{
width: 190px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 35px;
min-height: 27px;
height: auto;
}
/*\*/
* html div.contact1 ul.links li
{
height: 27px;
}
/**/

div.contact1 ul.links li.pdf
{
background: url(/images/pdf.gif) no-repeat left center;
}
div.contact1 ul.links li.google
{
background: url(/images/map_icon.gif) no-repeat left center;
}


div.map
{
float: left;
width: 225px;
height: 225px;
overflow: hidden;
background: #fff;
margin: 0 0 11px 0;
}

div.slide
{
float: left;
background: url(/images/slide.gif) no-repeat;
height: 17px;
width: 191px;
padding: 0 17px 0 17px;
}
#slide
{
float: left;
height: 17px;
width: 191px;
}
 
#slider
{
height: 17px;
width: 17px;
cursor: move;
background: url(/images/slider.gif) no-repeat;
}


div.wide
{
width: 815px;
float: left;
margin-bottom: 10px;
background: #efede0 url(/images/wide_bottom.gif) no-repeat bottom left;
}
div.wide_inner
{
width: 759px;
padding: 24px 28px 20px 28px;
float: left;
background: url(/images/wide_top.gif) no-repeat;
}
div.wide h1
{
margin-top: 20px;
width: 759px;
}
div.wide_left
{
width: 330px;
float: left;
margin-bottom: 20px;
}
div.wide_right
{
width: 401px;
float: right;
margin-bottom: 20px;
}

div.split_left, div.split_right
{
width: 365px;
float: left;
margin-bottom: 20px;
}
div.split_right
{
float: right;
}


div.wide h2.news_events, div.wide div.news_events
{
float: left;
width: 759px;
}
div.wide div.news_events
{
padding: 0 0 20px 0;
border-bottom: 1px solid #787878;
}
div.wide h2.news_events span
{
float: right;
width: 370px;
}

div.wide div.news_events ul
{
padding: 0 0 0 10px;
margin: 0;
list-style-type: none;
float: left;
width: 360px;
}
div.wide div.news_events ul.right
{
float: right;
}

div.wide h3 span.date
{
font-size: .9em;
font-style: italic;
}



div.wide div.gallery
{
width: 759px;
float: left;
background: url(/images/loading.gif) no-repeat;
}
div.wide div.gallery div
{
width: 440px;
float: left;
min-height: 420px;
height: auto;
}
/*\*/
* html div.wide div.gallery div
{
height: 420px;
}
/**/
div.wide div.gallery div img
{
padding: 0 0 3px 0;
float: left;
}
div.wide div.gallery div p
{
margin: 0;
}
div.wide div.gallery ul
{
padding: 0;
margin: 0;
width: 300px;
list-style-type: none;
float: right;
}
div.wide div.gallery ul li
{
padding: 0 0 4px 4px;
margin: 0;
width: 71px;
float: left;
}
div.wide div.gallery ul li a.active img
{
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity:0.5;
}



div.wide ul.guestbook
{
float: left;
width: 759px;
padding: 0;
list-style-type: none;
margin: 10px 0 0 0;
}
div.wide ul.guestbook li, div.wide ul.guestbook li a
{
float: left;
padding: 0 21px 0 0;
margin: 0;
width: 257px;
height: 31px;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
}
div.wide ul.guestbook li a
{
padding: 0;
}
div.wide ul.guestbook li.view, div.wide ul.guestbook li.view a
{
background: url(/images/guestbook_view.gif) no-repeat;
}
div.wide ul.guestbook li.submit, div.wide ul.guestbook li.submit a
{
background: url(/images/guestbook_submit.gif) no-repeat;
}
div.wide ul.guestbook li a:hover
{
background-position: bottom left;
}
div.wide div.comment, div.wide div.link, div.wide div.info
{
float: left;
width: 723px;
padding: 0 0 0 36px;
margin: 15px 0 0 0;
background: url(/images/guest.gif) no-repeat;
}
div.wide div.link
{
background: url(/images/link.gif) no-repeat;
}
div.wide div.info
{
background: url(/images/info.gif) no-repeat;
}
div.wide div.comment h2, div.wide div.comment p,
div.wide div.link h2, div.wide div.link p,
div.wide div.info h2, div.wide div.info p
{
float: left;
width: 723px;
}
div.wide div.comment h2, div.wide div.link h2, div.wide div.info h2
{
color: #b80926;
margin: 0;
}


div.activity
{
float: left;
width: 181px;
padding: 0 10px 0 0;
margin: 0 0 15px 0;
}
div.activity_4th
{
padding: 0;
}
div.activity img
{
float: left;
border-bottom: 10px solid #efede0;
}
div.activity p
{
float: left;
width: 181px;
line-height: 1.1em;
}
div.activity p a
{
float: left;
width: 181px;
background: #b80926 url(/images/activity_bottom.gif) no-repeat bottom left;
}
div.activity p a span
{
float: left;
padding: 8px 13px 8px 13px;
width: 155px;
background: url(/images/activity_top.gif) no-repeat;
}
div.activity p a:link, div.activity p a:visited
{
text-decoration: none;
color: #efede0;
}
div.activity p a:hover, div.activity p a:active
{
text-decoration: underline;
color: #fff;
}

div.activity_large
{
float: left;
width: 759px;
margin: 0 0 15px 0;
background: url(/images/activity_large_bottom.gif) no-repeat bottom right;
}
div.activity_large_inner
{
float: right;
width: 463px;
padding: 23px;
padding-bottom: 0;
margin-bottom: 15px;
background: #f3f5f3 url(/images/activity_large_top.gif) no-repeat;
}
div.activity_image
{
float: left;
width: 244px;
}
div.activity_large h2
{
color: #b80926;
}
div.activity_image p
{
margin: 0;
}
div.activity_large ul.enquire
{
padding: 0;
margin: -20px 0 0 0;
list-style-type: none;
float: right;
width: 117px;
}
div.activity_large ul.enquire li
{
padding: 0;
margin: 0;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
}
div.activity_large ul.enquire li,
div.activity_large ul.enquire li a
{
float: left;
width: 117px;
height: 31px;
background: url(/images/enquire.gif) no-repeat;
}
div.activity_large ul.enquire li a:hover
{
background-position: bottom left;
}

div.padded_area
{
float: left;
width: 100%;
padding: 20px 0 0 0;
}

div.home_text
{
width: 470px;
float: left;
}

div.footer_wide
{
border-top: 1px solid #787878;
}
div.footer_inner
{
padding: 10px 0 20px 0;
width: 815px;
float: left;
}

div.footer ul
{
float: left;
width: 400px;
padding: 4px 0 0 0;
margin: 0;
list-style-type: none;
}

div.footer ul.copyetc
{
float: right;
}
div.footer ul.clear
{
clear: left;
}

div.footer ul li
{
float: left;
font-size: 1.1em;
line-height: 1.1em;
padding: 0 6px 0 6px;
margin: 0 0 5px 0;
color: #666666;
border-right: 1px solid #666666;
}
div.footer ul.copyetc li
{
float: right;
}
div.footer ul li.first
{
padding-left: 0;
}
div.footer ul li.nofloat
{
float: none;
border-right: 0 none;
padding-right: 0;
}
div.footer ul li.last
{
border-right: 0 none;
padding-right: 0;
}
div.footer ul li a:link, div.footer ul li a:visited
{
color: #666666;
text-decoration: none;
}
div.footer ul li a:hover, div.footer ul li a:active, div.footer ul li.eaf a:link, div.footer ul li.eaf a:visited
{
color: #b80926;
text-decoration: none;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1
{
visibility: hidden;
font-size: 35px;
}
.sIFR-hasFlash h1.logo, .sIFR-hasFlash h1.contact
{
visibility: visible;
font-size: 0.05em;
}

.sIFR-hasFlash h2.panel, .sIFR-hasFlash h2.form, .sIFR-hasFlash h2.contact
{
visibility: hidden;
font-size: 35px;
margin-bottom: 5px;
}
.sIFR-hasFlash h2.contact
{
margin-bottom: 15px;
}

.sIFR-hasFlash h3.stay_somewhere
{
visibility: hidden;
font-size: 30px;
}