body
{
width: 100%;
color: #3b3a3a;
background: #d2d400 url(/images/bg.png) repeat-x center top;
font-family: arial, verdana;
font-size: 62.5%;
text-align: center;
margin: 0 auto 0 auto;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
margin: 0;
padding: 0;
}
form, section, article, nav, aside, footer, menu
{
margin: 0;
padding: 0;
}
form.loading
{
background: url(/images/loading.gif) no-repeat bottom left;
}
div.loading
{
background: url(/images/loading.gif) no-repeat;
}
img.float_right
{
float: right;
padding: 0 0 5px 10px;
}
img.float_left
{
float: left;
padding: 0 10px 5px 0;
}

a:link, a:visited
{
outline: none;
color: #005340;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #3b3a3a;
text-decoration: underline;
}
hr
{
clear: left;
width: 100%;
height: 1px;
color: #585858;
border: 0px none;
border-bottom: 1px dotted #585858;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #575757;
}
select
{
padding: 2px;
}

h2, h3, h4
{
padding: 0;
margin: 0 0 .6em 0;
display: block;
font-size: 1.4em;
line-height: 1.1em;
color: #005e48;
}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}

p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.2em;
line-height: 1.25em;
}
p.intro
{
float: left;
width: 100%;
font-size: 1.2em;
line-height: 1.3em;
font-weight: bold;
}
ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.35em;
}
li li
{
font-size: 1em;
}

p.logo, h1.welcome, p.welcome, div.aside_panels h2, div.footer ul.links li.facebook, div.content div.aside_green h2
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
p.logo a, div.aside_panels h2 a, div.footer ul.links li.facebook a
{
float: left;
display: block;
text-decoration: none;
}
p.logo, p.logo a
{
width: 245px;
height: 64px;
background: url(/images/logo.gif) no-repeat;
}
p.logo{margin: 44px 0 19px 0;}
p.logo img
{
display: none;
}
h1.welcome, p.welcome
{
width: 100%;
height: 60px;
margin: 0 0 44px 0;
z-index: 10;
position: relative;
background: url(/titles/welcome.gif) no-repeat 38px 31px;
}
p.welcome
{
height: 64px;
margin: 0;
background: url(/titles/main.gif) no-repeat 38px 0;
}


div.westhaven
{
width: 967px;
margin: auto;
text-align: left;
}
div.page
{
float: left;
padding: 0 0 15px 0;
background: url(/images/page.png) repeat-y;
width: 967px;
}
div.header
{
width: 950px;
float: left;
padding: 10px 2px 0 15px;
height: 314px;
margin-bottom: -109px;
background: url(/images/header.gif) no-repeat;
}
div.article
{
width: 935px;
float: left;
padding: 0 17px 0 15px;
}
div.content
{
float: left;
background: #fff;
width: 910px;
padding: 0 0 0 25px;
}
div.article h1.sifr, div.article h2.sifr
{
margin: 0;
padding: 0;
color: #005e48;
font-size: 2.5em;
font-weight: bold;
line-height: 1.1em;
width: 100%;
height: 43px;
}


div.section_home div.section_panels, div.footer
{
width: 100%;
float: left;
}
div.section_home div.main img
{
float: left;
padding: 0 0 1px 0;
}
div.section_home div.main
{
float: left;
width: 701px;
height: 398px;
padding: 0 1px 0 0;
}
div.section_home div.main img, div.section_home img.last
{
padding: 0;
}
div.section_home div.main img
{
position: relative;
margin: -168px 0 0 0;
z-index: 5;
}
div.section_home div.images p
{
height: 132px;
}
div.section_home div.images p img
{
visibility: hidden;
position: absolute;
}
div.section_home div.images p img.first
{
visibility: visible;
}

div.content div.center_aside
{
width: 642px;
float: left;
padding: 35px 0 25px 0;
}
div.content div.center_aside div.review
{
width: 592px;
float: left;
padding: 0 0 0 50px;
margin: 10px 0 10px 0;
background: url(/images/review.gif) no-repeat;
}
div.images
{
width: 233px;
float: right;
margin-bottom: -1px;
}
div.images img
{
float: left;
}
div.images p
{
margin: 0;
padding: 0;
width: 233px;
float: left;
padding: 0 0 1px 0;
}

div.content div.section_center
{
width: 400px;
float: right;
}
div.content div.section_center div.news
{
width: 400px;
float: right;
margin: 10px 0 10px 0;
}
div.content div.aside_grey
{
float: left;
width: 178px;
padding: 20px 15px 10px 15px;
background: url(/images/grey.png) repeat-y;
}
div.content div.aside_grey h2
{
font-size: 1.2em;
}
div.article div.content div.aside_grey h2.sifr
{
font-size: 1.8em;
height: 30px;
}

div.content div.aside_grey p.bed, div.content div.aside_grey p.bedlast
{
float: left;
width: 178px;
border-bottom: 1px solid #a1a1a1;
padding: 0 0 12px 0;
margin:  0 0 14px 0;
text-align: right;
font-size: 1.3em;
font-weight: bold;
}
div.content div.aside_grey p.bedlast
{
padding: 0;
border-bottom: 0 none;
}
div.content div.aside_grey p.bed img, div.content div.aside_grey p.bedlast img
{
float: left;
padding: 0 3px 0 0;
}



div.content div.wide_aside
{
width: 744px;
float: left;
padding: 35px 0 25px 0;
}
div.content div.section_wide
{
width: 489px;
float: right;
}
div.content div.section_full
{
width: 885px;
float: left;
padding: 35px 0 25px 0;
}
div.content div.section_full div.listing
{
margin: 8px 0 0 0;
width: 885px;
float: left;
background: #f1f1f1;
}
div.content div.section_full div.listing h2 span
{
float: right;
font-size: .85em;
font-weight: normal;
}
div.content div.section_full div.listing img
{
float: left;
}
div.content div.section_full div.listing div.inner
{
float: right;
padding: 15px 25px 5px 0;
width: 597px;
}

div.content div.section_full ul.links
{
float: left;
width: 422px;
padding: 0 20px 0 0;
margin: 0;
list-style-type: none;
}
div.content div.section_full ul.links li
{
padding: 0;
margin: 0 0 1.2em 0;
}
div.content div.section_full ul.links li a:link, div.content div.section_full ul.links li a:visited
{
text-decoration: none;
}
div.content div.section_full ul.links li a strong
{
color: #3b3a3a;
}
div.content div.section_full ul.links li a:hover, div.content div.section_full ul.links li a:active,
div.content div.section_full ul.links li a:hover strong, div.content div.section_full ul.links li a:active strong
{
text-decoration: underline;
color: #3b3a3a;
}

div.content ul.menu_gallery
{
float: left;
width: 276px;
padding: 0;
margin: 0;
list-style-type: none;
}
div.content ul.menu_gallery li
{
float: left;
padding: 0 2px 2px 0;
}
div.content ul.menu_gallery li a
{
float: left;
border: 2px solid #ccc;
}
div.content ul.menu_gallery li a.active
{
border: 2px solid #005340;
}
div.content div.gallery
{
float: right;
width: 600px;
height: 600px;
}


div.content div.section_wide div.map
{
width: 487px;
height: 400px;
float: left;
background: #f5f5f5;
margin: 10px 0 0 0;
border: 1px solid #cdcdcd;
}

div.content div.aside_greenout
{
float: left;
width: 221px;
}
div.content div.aside_green
{
float: left;
width: 191px;
padding: 30px 15px 0 15px;
background: #006852;
min-height: 240px;
height: auto;
}
div.content div.aside_green img
{
float: left;
padding: 10px 0 7px 0; 
}
div.content div.aside_green p
{
float: left;
width: 191px;
color: #fff;
text-align: center;
}
div.content div.aside_green p strong
{
color: #d2d400;
}
div.content div.aside_green h2
{
width: 191px;
height: 47px;
margin:0 0 25px 0;
background: url(/images/logo_green.gif) no-repeat;
}
div.content div.aside_green p a:link, div.content div.aside_green p a:visited
{
color: #fff;
text-decoration: underline;
}
div.content div.aside_green p a:hover, div.content div.aside_green p a:active
{
color: #000;
text-decoration: underline;
}



div.content div.form_aside
{
width: 885px;
float: left;
padding: 35px 0 25px 0;
}
div.content div.section_form
{
width: 639px;
float: right;
background: #e3e3e3;
min-height: 230px;
height: auto;
padding: 25px 0 15px 25px;
}
div.content div.section_form div.inner
{
width: 639px;
float: left;
padding: 15px 0 0 0;
}
div.content div.section_form div.bookings
{
width: 614px;
float: left;
}

div.content div.section_form div.split
{
float: left;
width: 188px;
padding: 10px 25px 0 0;
}
div.content div.section_form div.split div.gap
{
float: left;
width: 188px;
padding: 20px 0 0 0;
}
div.content div.section_form div.inner h3 span
{
font-weight: normal;
color: #3b3a3a;
font-size: .9em;
}



/* ######## Panels ######## */
div.aside_panels
{
float: left;
width: 938px;
margin: 0 -3px 0 0;
}
div.aside_panels div.panel
{
float: left;
width: 193px;
min-height: 93px;
height: auto;
background: url(/images/panel.png) no-repeat bottom left;
padding: 20px 21px 10px 20px;
}
div.aside_panels h2, div.aside_panels h2 a
{
float: left;
width: 193px;
height: 15px;
}
div.aside_panels h2{margin: 0 0 10px 0;}
div.aside_panels h2.panel1, div.aside_panels h2.panel1 a
{
background: url(/titles/panel1.gif) no-repeat;
}
div.aside_panels h2.panel2, div.aside_panels h2.panel2 a
{
background: url(/titles/panel2.gif) no-repeat;
}
div.aside_panels h2.panel3, div.aside_panels h2.panel3 a
{
background: url(/titles/panel3.gif) no-repeat;
}
div.aside_panels h2.panel4, div.aside_panels h2.panel4 a
{
background: url(/titles/panel4.gif) no-repeat;
}
div.aside_panels div.panel p
{
float: left;
font-size: 1.1em;
width: 193px;
}
/* ######## END Panels ######## */


/* ######## Form Stuff ######## */
div.content div.section_form p.field
{
width: 100%;
float: left;
margin: 0 0 6px 0;
padding: 0;
}
div.content div.section_form p.submit
{
float: left;
width: 614px;
margin: 0;
}
div.content div.section_form p.submit input
{
border: 0 none;
color: #fff;
padding: 4px;
font-weight: bold;
background: #006852;
}
div.content div.section_form p.submit input{vertical-align: middle;}
div.content div.section_form p.submit input.submit
{
float: right;
}
div.content div.section_form p.field input, div.content div.section_form p.field textarea, div.content div.section_form p.field select
{
margin: 2px 0 0 0;
background: #fff;
border: 1px solid #d0d0d0;
width: 180px;
}
div.content div.section_form p.field textarea
{
height: 100px;
}
div.content div.section_form p.field textarea#billaddress
{
height: 60px;
}
div.content div.section_form p.field input.alert, div.content div.section_form p.field select.alert, div.content div.section_form p.field textarea.alert
{
border: 1px solid #ad0202;
}
div.content div.section_form form
{
float: left;
width: 100%;
}

div.content div.section_form p.field select
{
padding: 2px;
width: 188px;
}
div.content div.section_form p.field select.auto
{
width: auto;
}
div.content div.section_form p.field select.autoright
{
text-align: right;
width: auto;
}
div.content div.section_form span.star
{
color: #ad0202;
font-weight: bold;
}
div.content div.section_form p.field input#verify
{
width: 130px;
}
div.content div.section_form p.field img
{
float: right;
}

div.content div.section_form div.status
{
background: #ad0202;
border: 1px solid #ad0202;
width: 612px;
margin: 0 0 10px 0;
float: left;
}
div.content div.section_form div.status p
{
width: 602px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.content div.section_form div.status ul
{
width: 582px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #ad0202;
}
div.content div.section_form div.status ul
{
margin: 0;
}
div.content div.section_form p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.content div.section_form form
{
float: left;
width: 100%;
}
/* ######## END Form Stuff ######## */


div.footer
{
width: 965px;
padding: 12px 2px 15px 0;
color: #303030;
background: url(/images/footer.png) no-repeat;
}
div.footer a:link, div.footer a:visited
{
color: #005340;
text-decoration: underline;
}
div.footer a:hover, div.footer a:active
{
color: #000;
text-decoration: underline;
}
div.footer ul.links
{
width: 355px;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
div.footer ul.links li
{
float: left;
line-height: 1.1em;
font-size: 1.1em;
padding: 0 5px 0 5px;
border-right: 1px solid #868716;
}
div.footer ul.links li.copy
{
padding-left: 0;
}
div.footer ul.links li.swordfox
{
padding-right: 0;
border-right: 0 none;
}
div.footer ul.links li.facebook, div.footer ul.links li.facebook a
{
width: 77px;
height: 16px;
background: url(/images/fb.gif) no-repeat;
}
div.footer ul.links li.facebook
{
width: 355px;
padding: 0;
border-right: 0 none;
margin: 0 0 7px 0;
}
div.footer ul.links li.facebook a:hover
{
background-position: bottom left;
}
div.footer p.contact
{
width: 610px;
float: right;
padding: 8px 0 0 0;
font-size: 1.1em;
margin: 0;
text-align: right;
}



abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #b3b3b3;
}