@charset "UTF-8";
/* CSS Document */
/* Table of Contents:

Global Styles � (body, paragraphs, lists, etc)
Header
Page Structure
Headings
Text Styles
	
*/
/* Reset
--------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* Global Styles
--------------------------------------------------------------------------------------- */
html, body { border:0; margin:0; padding:0; font-family:'Verdana', Arial, Helvetica sans-serif; color:#00617c; text-align:left; background-color: #FFFFFF; height:100%; font-size:11px; }


/* Page Structure
--------------------------------------------------------------------------------------- */

#home, #prop, #tour, #contact, #houseboats, #factsheet, #accom { margin:0 auto; width:775px; text-align:left; background-color:#eef3d7; }
#banner { background:url(../images/bDrop_banner.gif) left no-repeat; padding-left:150px; height:125px;}

#content {padding:0 20px 20px 0;}

#nav { margin:0; height:336px; }
#nav ul { margin: 0;  padding: 0;  list-style-type: none;  list-style-image: none; list-style-position: outside; display: block;}
#nav ul li { float: left;  margin-left: 0;  padding: 0;}
#nav ul li a {  display: block;  margin: 0;  padding: 0;}
#nav li ul { position: absolute; width: 8em; left: -999em; margin-left:123px; margin-top:-26px;	}

#nav li:hover ul, #nav li.sfhover ul {	left: auto;	z-index:3000; }
#nav li ul li { background: #ffffff url(../images/bDrop_nav.gif) repeat-x bottom; padding-left:10px; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff;	font-size:10px; border-right:1px solid #ffffff;	line-height:28px; width:10em;}


.col01 {float:left; width:120px; background:url(../images/bDrop_nav.gif) no-repeat; padding:10px 10px 25px 20px; }
.col02 {margin-left:150px; padding:25px; }

.image {float:left; margin:0 25px 5px 5px;}
#factsheet .image, #accom .image {float:right; margin:0 5px 5px 25px;}
.feature_banner {width:770; padding:2px; margin-bottom:10px;}

.clear { clear:both; padding:0; margin:0; }
.rule { padding:2px; margin:15px 0; background:url(../images/line.gif) repeat-x bottom; clear:right;}

.teaser {float:right; background:#b6cd55; width:160px; margin-left:25px; margin-top:5px; margin-bottom:20px;}
.read {margin: 7px 0;}
.deals { padding:15px 15px 5px 15px; }
.header {background-color:#eef3d7; height:45px;}


/* Headings
--------------------------------------------------------------------------------------- */

h1, h2, h3 {}

h1 { color:#00617c; line-height:21px; font-size:14px; margin-bottom:24px; font-weight:bold; }

h2 {font-size:12px; font-weight:bold; line-height:18px; margin-bttom:20px; color:#00617c; }

#accom h2, #factsheet h2 { font-size:14px; font-weight:bold; line-height:21px; margin-bttom:40px; color:#00617c; }
#accom h3, #factsheet h3 { font-size:11px; font-weight:bold; line-height:21px; margin-bttom:20px; color:#00617c; }

/* Text Styles
--------------------------------------------------------------------------------------- */

p { margin:4px 0;  font-size:11px; line-height:16px; }

ul.list { list-style: disc outside; padding-left:10px;}
.list li { font-size:11px; line-height:21px; margin-bottom:7px; }
li.people {list-style-image: url('../images/ico_people.gif'); }
li.bed {list-style-image: url('../images/ico_bed.gif'); }
li.bath {list-style-image: url('../images/ico_bath.gif'); }
li.food {list-style-image: url('../images/ico_food.gif'); }
li.fan {list-style-image: url('../images/ico_fan.gif'); }
li.feature {list-style-image: url('../images/ico_feature.gif'); }
li.pet {list-style-image: url('../images/ico_pet.gif'); }
li.location {list-style-image: url('../images/ico_location.gif'); }
li.price {list-style-image: url('../images/ico_price.gif'); }

/* Links
--------------------------------------------------------------------------------------- */

a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; }

#home a, a:link, a:visited, a:hover {text-decoration:none; color:#339999; }
#home a:hover {text-decoration:none; color:#00617c;}

.read a, a:link, a:visited, a:hover {text-decoration:none; color:#339999; font-weight:700; font-size:9px;}
.read a:hover {text-decoration:none; color:#00617c;}

#nav ul li a.home { width: 129px; height: 26px; background: url(../images/bt_home.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.accom { width: 129px; height: 26px; background: url(../images/bt_accom.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.pack { width: 129px; height: 26px; background: url(../images/bt_pack.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.onthego { width: 129px; height: 26px; background: url(../images/bt_onTheGo.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.relax { width: 129px; height: 26px; background: url(../images/bt_relax.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.info { width: 129px; height: 26px; background: url(../images/bt_info.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.property { width: 129px; height: 26px; background: url(../images/bt_property.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.tourism { width: 129px; height: 26px; background: url(../images/bt_tourism.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.contact { width: 129px; height: 26px; background: url(../images/bt_contact.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.faq { width: 129px; height: 26px; background: url(../images/bt_faq.gif) no-repeat; text-indent: -9999px; }


#nav ul li a.home:hover { background: url(../images/bt_homeOV.gif) no-repeat; }
#nav ul li a.accom:hover { background: url(../images/bt_accomOV.gif) no-repeat; }
#nav ul li a.pack:hover { background: url(../images/bt_packOV.gif) no-repeat;  }
#nav ul li a.onthego:hover { background: url(../images/bt_onTheGoOV.gif) no-repeat; }
#nav ul li a.relax:hover { background: url(../images/bt_relaxOV.gif) no-repeat; }
#nav ul li a.info:hover { background: url(../images/bt_infoOV.gif) no-repeat; }
#nav ul li a.property:hover { background: url(../images/bt_propertyOV.gif) no-repeat;  }
#nav ul li a.tourism:hover { background: url(../images/bt_tourismOV.gif) no-repeat;  }
#nav ul li a.contact:hover { background: url(../images/bt_contactOV.gif) no-repeat; }
#nav ul li a.faq:hover { background: url(../images/bt_faqOV.gif) no-repeat; }