* {margin: 0; padding: 0;}

img {border:none;}

a, :focus {outline:0;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#000000;
background-color: #98DAE2;
background-image: url(imagez/bkg2-fade.png);
background-repeat: repeat-x;
background-attachment: fixed;
}

h1 {padding:0; margin-bottom:10px; font-size: 1.1em; border-bottom: 2px  dotted #eee; color:#469fb7;}
h2 {padding:0; margin-bottom:10px; font-size: 1em; color:#469fb7;}
h3 {padding:0 0 0 60px; margin:0 0 10px 0; font-size: .9em; color:#555; text-transform: uppercase; line-height:26px;}

ul {list-style-type: circle; color:#888;}

#wrapper {
width:960px;
margin:0 auto;
position:relative;
}

#header {
height:80px;
background-color:#fff;
background-image: url(imagez/fade-up2.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#logo {position:absolute; top:0px; left:25px;}

#banner {
background-color:#fff;
height:350px;
overflow: hidden;
border-top:8px solid #0ad1f5; border-bottom:8px solid #0ad1f5;
z-index: 1;
}

#content {
background-color:#fff;
padding:15px 0 5px 0;
background-image: url(imagez/fade.gif);
background-repeat: repeat-x;
position:relative;
width:100%;
}

#content-body {margin-left:290px; width:611px; color: #777; padding:15px 20px 40px 20px;
background-image: url(imagez/content-bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #fafafa;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}

#content p {padding-bottom:10px; line-height: 1.3em;}

#content ul {padding:0 0 10px 30px;}
#content ul li {line-height: 1.4em;}

#content-left {float:left; margin-left:15px; width:265px;}

#content a:link {color: #6677ff; text-decoration: underline;}
#content a:visited {color: #6677ff; text-decoration: underline;}
#content a:hover {color: #667799; text-decoration: underline;}
#content a:active {color: #6677ff; text-decoration: none;}

#nav {
height:30px;
width:750px;
position:absolute;
top:25px;
right:20px;
}
#nav a:link, #footer-nav a:link {color: #666565; text-decoration: none;}
#nav a:visited, #footer-nav a:visited {color: #666565; text-decoration: none;}
#nav a:hover, #footer-nav a:hover {color: #000; text-decoration: underline;}
#nav a:active, #footer-nav a:active {color: #0ad1f5; text-decoration: none;}

#nav ul {text-align: right;}

#nav ul li {display:inline; padding-left:30px; line-height: 30px; font-size: .9em;}

#footer-nav ul li {display:inline; padding:15px; line-height: 30px; font-size: .9em;}

#footer {
background-image: url(imagez/fade.gif);
background-repeat: repeat-x;
border-top:8px solid #0ad1f5;
margin: 20px 0;
background-color: #fff;
color: #666565;
line-height: 40px;
text-align: center;
font-size: .9em;
}

.footer-info {text-align: center; font-size: .9em; color:#777; line-height: 1.5em; padding:15px 0;}
.footer-info a {color:#000; text-decoration:none;}
.footer-info a:hover {text-decoration:underline;}

#funk {font-size: .6em; text-align: right; margin-bottom: 5px;}
#funk a {color:#444; text-decoration:none;}
#funk a:hover {text-decoration:underline;}

/*** getting here page ****/
.toggle {cursor: pointer; width:300px;}
.toggle:hover {padding-left:15px;}
.toggle-section {display:none; padding-left:20px; border-left:1px solid #ddd;}
.float-boat {float:right; padding:0 0 20px 15px;}
#gmap {clear:right;}

/** faq **/
.question {font-style: italic; color:#469fb7;}

/* bookings page */
.book-text {color: #666; background-color:#eee; padding: 10px; float:right; width:230px; margin:30px 0 0 0; text-align: justify;}
.book-text h3 {text-align: center; padding:0;}
#content .book-text ul {padding-left:15px;}
.book-text li {padding-bottom:10px;}

#booking-form {}
input {margin-bottom:10px;}
.final {display:none;}
.form-red {color:red; position:absolute; left:20px; top:150px; width:255px; line-height:30px; font-size: .9em; text-align: right;}
.grey {color:#ccc;}
.green {color:#009900;}

/*** gallery ***/

#thumbs img {margin:0 15px 20px 0; border:2px solid #ccc;}
#thumbs img:hover {border:2px solid #33ccff;}
#thumbs h3 {padding-left:0;}

/*** general styles ***/
.getting-icon {float:left;}
.getting-section {margin-top:20px;}
.getting-map {margin-top:15px;}
.black {color:#000;}
.center {text-align: center;}
.red {color:red;}
.small {font-size:.8em;}
.clearall {clear:both; display:block; width:100%; height:1px;}
.grey {color:#999;}

ul.pad-bot-10 {margin-top:10px;}
.pad-bot-10 li {padding-bottom:10px;}

.butt-visual a { display:block; height:106px; width:250px; background-image:url(imagez/getting-visual-th.jpg);}
.butt-visual a:hover {background-position: 0 -106px;}