@charset "UTF-8";
/* CSS Document Richard Harris 2009 */

body { color: #29392e; font: 100.1% Tahoma, Serif; margin: 0; background: url(images/web-site-background-green.jpg) left top; background-color: #a8b5c2  }

p { margin: 0px 0px 15px 5px; font-size: 80%; padding: 0; color: #29392e; line-height: 1.5 }
h1 { font-size: 90%; color: #29392e; margin: 20px 5px 20px 5px }
h2 { font-size: 80%; color: #668868; margin: 10px 5px 15px 5px }
a { color: #29392e; text-decoration: none }
p a:hover { color: #668868 }

#wrapper { width: 750px; margin: auto; background-color: #fffcdb }
#header { width: 750px; margin: 0; padding: 0; background: url(images/wth-logo.jpg) left top no-repeat; height: 50px }
#container { width: 750px; margin: auto}
#window { width: 750px; height: 300px; background-color: #fffcdb }

#nav { width: 750px; margin: auto; padding: 0; background-color: #29392e; height: 30px }
#nav p a { font-size: 85%; margin: 0; padding: 0; color: #fffcdb }
#nav p a:hover { color: #668868 }
#nav p { color: #efefef; background-color: #29392e; margin: 0; padding: 5px; font-size: 85%; text-align: center}

#nav_wrapper { float: left; width: 96px; padding: 0; margin: 0; background-color: #29392e; }

#nav_rooms p { margin: 0 0 5px 0; padding: 0; width: 86px; text-align: right }
#nav_rooms p a { color: #fffcdb; }
#nav_rooms p a:hover { text-align: left; color: #668868 }

#logos { width: 86px; margin: 0; padding: 12px; background-color: #fffcdb; float: center }

#content { background-color: #fffcdb; width: 450px; float: left; padding: 0; margin: 10px; clear: none  }
#content p a { color: #668868 }
#content p a:hover { color: #29392e }

#rooms { background-color: #fffcdb; width: 644px; height: 130px; float: right; padding: 5px 0 40px 0; margin: 0; clear: none  }

#availability { background-color: #fffcdb; width: 450px; float: left; padding: 10px 0 0 10px ; margin: 10px; clear: none  }

#right { width: 150px; margin: 10px 15px 10px 0; padding: 5px; float: right }
#right2 { width: 150px; margin: 0px 6px 0px 0px; padding: 0; float: right }

#footer { width: 750px; clear: both; margin: 0; padding: 0 }
#footer p { font-size: 70%; margin: 0; padding: 0; color: #121212 }
#footer p a { margin: 0; padding: 0 }
#footer p a:hover { color: #668868 }

.linkFooter { width: 750px; margin: auto; text-align: center; color:#668868 }
.linkFooter a { color: #668868; font-size: 70%; text-decoration: none }
.linkFooter a:hover { color: #668868; }

.shove { padding: 20px 0 0 20px; clear: none }
.caption { font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #fff; padding: 18px 20px; float: right; }

#offers { width: 140px; margin: 20px 15px 0 0; padding: 5px; text-align: center; float: right; clear: none; border: 0; background: url(images/web-site-background-green.jpg) }
#offers p { color: #29392e margin: 0; padding: 0 }
#offers a { color: #29392e; text-decoration: none } 
#offers h1 { font-size: 78%; color: #fff; margin: 0px 5px 5px 5px }
#offers h2 { font-size: 78%; color: #98b29a; margin: 10px 5px 5px 5px }
#offers p a:hover { color: #98b29a }

/* image classes */
.index { background: url(images/web-banner.jpg) }
.the bedrooms { background: url(images/rooms.jpg) }
.dates { background: url(images/dates-banner.jpg) }
.additional { background: url(images/additional-banner.jpg) }
.availability { background: url(images/availability-banner.jpg) }
.contact { background: url(images/contact-Banners.jpg) }
.links { background: url(images/links-banner.jpg) }
.access { background: url(images/access-banner.jpg) }
.terms { background: url(images/terms-banner.jpg) }