* {margin:0;padding:0;}
ul, ol, p, h1, h2, h3, h4, h5, h6{margin:10px 5px;}
h1, h2, h3, h4, h5, h6 {color:#a8582d;font-family:Georgia, serif;}
h1{font-size:1.9em;font-weight:normal;}
h2{font-size:1.6em;font-weight:normal;margin-bottom:5px;}
h3{font-size:1.3em;margin-bottom:0;text-align:center;color:#f0d18e;}
h4{font-size:1em;font-weight:bold;color:#333;text-align:left;margin-bottom:0;}
p{font-size:1em;line-height:1.5em;margin:0 0 0 6px;}
img {border:none;}

/* header
-----------------------------------------------------------------*/
.fadebeach{float:right;}
#header{ height:100px;background-image:url(assets/fakebeach2.jpg); background-repeat:no-repeat;background-color:#fbf4ea;}

/* Navigation
-------------------------------------------------------------------------------*/
#nav {clear:both;text-align:center;text-align:left;margin:10px -3px 0 -3px;padding:5px 0 5px 20px;border:3px solid #f0d18e;border-left:none;border-right:none;background-color:#44403f; }
#nav li{display:inline;padding:0 5px;}
#nav a:link, #nav a:visited{color:#f0d18e;font-size:1.2em;font-family:Georgia, serif;padding:0 2px 10px;}
/* {text-decoration1:overline;}*/
#nav a:hover, #nav a:focus, #nav a:active{color:#fff;}
#nav .current{color:#a8582d;background-color:#fbf4ea;text-decoration:none;padding:10px 2px ;font-size:1.2em;font-family:Georgia, serif;color:#000;}




/* html & body
---------------------------------------------------------------------------------*/
html{ background-color:#44403f;font-size:82%; font-family: sans-serif;}
body{margin:0 auto;background-color:#fbf4ea;padding:0;min-width:300px;max-width:900px;width1:900px; border:3px solid #f0d18e;;}
h1#imrep {
    padding: 75px 0 0 0;
    overflow: hidden;
    background-image: url(assets/clearwater.jpg);
    background-repeat: no-repeat;
    background-position:left ;
    height: 0px !important;
    height /**/:75px;
		width:320px;
}
h2{font-size:1.5em;text-align:left;}
.beach{float:right;}

*html body{width:760px;}

/* wrapper
-------------------------------------------------------------------------------*/
#wrapper{clear:both;margin-top:25px;}



/* main
---------------------------------------------------------------------------------*/
#main{padding:10px;line-height:1.3em;margin-left:0;letter-spacing:0.3px;width1:58%;}
#main p{font-size:1em;padding-bottom:10px;}
#main dl{margin-left:20px;}
#main dt{font-weight:bold;}
#main dd{font-size:0.9em;margin-bottom:10px;}

/*sidecol
---------------------------------------------------------------------------*/
#sidecol{width:350px;float:right;margin:-3px -3px 10px 0; border:3px solid #f0d18e;border-top:none;border-right:none;background-color:#44403f;}
#sidecol img{margin:10px;float:left;border:1px solid #f0d18e;}
#sidecol .multi{margin-right:1px;float:left;}
#sidecol p{color:#f0d18e;}
.clause{color:#f0d18e;font-size:0.8em;clear:both;}
*html #sidecol {padding-bottom:5px;}





/* footer
----------------------------------------------------------------------------------*/
#footer{color:#999;clear:both;text-align:center;margin:10px;border-top:1px solid #235b5b;font-size:1em;}
#footer a:link {color:#999;text-decoration:none;}
#footer a:hover, #footer a:focus{color:#000;}

/*Skip links
--------------------------------------------------------------------------------*/
.skip{height:0;position:absolute;left:-50px;top:-50px;}
.skip li{display:inline;text-align:center;padding:0 5px;}
.skip li a:link{}
.skip li a:focus, .skip li a:active{position:relative;top:50px;left:50px;z-index:1;height:15px;}


/* Lightbox
-----------------------------------------------------------------------------*/
#lightbox{
	background-color:#fff;
	padding:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img, a#lightboximg{ border: none; } 
#overlay img{ border: none; }

/* Rates
-------------------------------------------------------------------------------*/
.rates{margin-left:20px;margin-bottom:60px;display:block;}
.rates1, .rates2, .rates3 {float:left;width:110px;margin:0 15px 10px 0;font-size:1em;}
.rates1 li , .rates2 li , .rates3 li{list-style-type:none;}
.important{font-size:0.8em;font-weight:bold;}
.red{color:red;}
acronym{cursor:help;}
.clear{clear:both;}

.extras {font-size:1em;margin:0 50px 0 0;clear:left;}

#map{width:340px;height:340px;margin:1%;padding:2px;border:1px solid #ccc;background-color:none;}

/* Booking
------------------------------------------------------------------------------*/
.form p{color:#fff;}
.form h3{margin-bottom:10px;}
.booking {list-style-type:none;margin-left:20px;}
#booking p{margin:5px;color:#fff;}

.textbox, .dropbox, .msg {float:right;width:201px;margin-right:6px;margin-top:0;}
.dropbox{width:205px;}
#arrive, #depart{float:right;width:210px;margin:0 5px 10px 0;}
#depart{margin-top:-1.5em;}
.day, .month, .year{float:left;margin-left:3px;}
.day{width:44px;margin-left:4px;}
.month{width:100px;}
.year{width:55px;}

#conditions{font-size:1em;}
#conditions p{margin-left:10px;}
.readme {float:right;color:#fff;}
.readme a{color:#f0d18e;}

.fltrt{float:right;margin:10px;border:1px solid #f0d18e;}
.fltrt a{padding:0;}
.fltrt img{display:block;}


/* Special Offer
------------------------------------------------------------------------------*/
.specialoffer h3 {clear:left;margin:10px 355px 10px 0;background-color:#f0d18e;padding:5px 0;}
.specialoffer h3 a{color:red;}