/**
	general styles
**/
* {font-size:11px; line-height:20px; font-weight:normal; font-family:verdana, arial, geneva, "trebuchet ms", sans-serif;}
body {margin:0; background:transparent url(../images/background.gif) repeat-x; color:#060000;}

h1, h2, h3 {margin:5px 0; padding:0; font-weight:normal; color:#CFAB7A;}
h1 {font-size:2.5em; line-height:1.2em;}
h2 {font-size:1.3em; line-height:1.2em;}
h3 {font-size:1.1em;}
a {text-decoration:none;}
 a img {border:none;}

/**
	container areas
**/
#wrapper, #footer, .wrap {margin:0 auto; width:740px;}
#wrapper {border:10px solid #fff; background-color:#fff; margin-top:50px;}
.container {margin-bottom:10px;}
.left, .right {float:left;}
.left {width:509px;}
.right {width:231px;}

/**
	the navigation area
**/
#nav {padding:5px 0 0 0; height:26px; color:#fff; border-bottom:5px solid #fff; background-color:#BA6108;}
 #nav ul {margin:0; padding:0; list-style:none;}
  #nav ul li {float:left; text-align:center; padding:0 42px; text-transform:uppercase; font-weight:bold; font-size:14px;}
   #nav ul li ul {position:absolute; width:185px; left:-999em; z-index:999; background-color:#5d5d60;}
    #nav ul li ul li {width:99%; border-bottom:1px dotted #fff;}
    #nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li.sfhover ul, #nav ul li li.sfhover ul {left:auto;}
 #nav a {color:#fff; font-weight:bold; font-size:16px;}
 #nav a:hover, #nav a.current {color:#060000;}

/**
	the rotating banner image
**/
#main-image {height:317px; vertical-align:top;}
.fader {list-style-type:none; margin:0; padding:0;}
#side-image-fader li img {border:5px solid #ba6108;}

/**
	content
**/
#content {margin-top:10px; min-height:300px;}
* html #content {height:300px;} /* IE Hack */
 #content h1, #content h2, #content h3, #content p {padding:0 10px;}
  #content h2 {margin-top:10px;}
 #content p {padding:0 50px 0 10px;}
 #content a, .content-link {color:#4E2B01;}
 #content a:hover, .content-link:hover {color:#BA6108;}
 #content table {width:99%; margin:10px; border-collapse:collapse; border:1px solid #4E2B01;}
  #content table tr.on {background-color:#CFAB7A;}
  #content table tr.off {}
  #content table td {padding:0 5px; border-top:1px solid #4E2B01;}
  #content table td.td-left {width:50%;}
  #content table td.td-right {width:50%; text-align:right;}

/**
	facilities
**/
#facilities {margin-top:15px; text-align:right;}
 #facilities ul {margin:0; padding:0; list-style:none;}
  #facilities ul li {border-bottom:1px dotted #BBC1C5; padding:5px 0;}

/**
	the colour bar
**/
.left-color-bar, .right-color-bar {float:left; height:8px;}
.left-color-bar {width:509px; background-color:#CFAB7A;}
.right-color-bar {width:231px; background-color:#4E2B01;}

/**
	footer area
**/
#footer {padding-top:10px;}
 #footer, #footer span {font-size:9px; color:#CEA876;}
 #footer span#splash {float:right;}
  #footer span#splash a {color:#fff;}
 #footer a {color:#CEA876;}
 #footer a:hover {color:#CEA876;}

/**
	a default error style
**/
.error {font-weight:bold; color:#BA6108;}

/**
	clear all floats
**/
.clear  {clear:both;}

/**
	booking form
**/
#booking-form #heading {padding-top:5px; height:26px; color:#fff; background-color:#4E2B01; text-align:center; text-transform:uppercase;}
 #booking-form #heading a {color:#fff; font-size:16px; font-weight:bold;}

/**
	weather
**/
.weather {margin-left:90px; color:#808000; line-height:1.2em;}
 .weather img {float:left; margin-right:5px;}

/**
	the scrolling testimonials
**/
#testimonial-item {margin:0 23px;}