@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none;}


html { background: #539ca3 url(../images/bg-page.jpg) repeat-x left top; height: 100%; min-height: 100%; }
body { background: url(../images/bg-highlight.jpg) no-repeat center top; margin:0; height: 100%; min-height: 100%; text-align: center; font-size: 69.5%; font-family: Arial, Helvetica, sans-serif; color: #333;}
p { margin: 0.5em 0 1.2em; }
blockquote { margin: 0 0 0.4em; padding: 1.2em 1.6em; float: left; width: 450px; }
blockquote img { float: left; width: 110px; height: 110px; border: 2px solid #666; margin: 0 25px 0 0; }
q { border-top: 1px dashed #e4e4e4; padding-top: 20px; }
blockquote q, blockquote cite { float: left; }
h4 { font: bold italic 1.2em Arial, Helvetica, sans-serif; margin: 0 0 1.4em 5px; }
h5 { font: bold 1.1em Arial, Helvetica, sans-serif; }
ul { margin: 0.6em 2.4em 1.6em; }

.header { width: 100%; height: 26px; background-color: #02241d; float: left; overflow: hidden; }
.main { width: 100%; float: left; overflow: hidden; } 
.footer { width: 100%; float: left; overflow: hidden; height: 96px; background: url(../images/bg-footer.jpg) repeat-x left top; }


.maincontainer { width: 954px; margin: 0 auto; text-align: left; overflow: hidden; position: relative; }
.decor { width: 438px; height: 250px; position: absolute; left: 0; top: 0; z-index: 1000; }
.footercontainer { width: 954px; margin: 0 auto; }

.onecolumn { float: right; width: 933px; overflow: hidden; font-size: 1.2em; line-height: 1.35em; }


.headercontainer { width: 954px; margin: 0 auto;  }
.headercontainer ol { float: left; margin-left: 9px;}
.headercontainer ol a { display: block; height: 26px; text-indent: -9999px; text-decoration: none; }
.headercontainer li { float: left; }
.home { width: 29px; height: 26px; float: left; }
.home a { text-decoration: none; cursor: pointer; }

.amenities a { width: 97px; background: url(../images/nav-amenities.gif) no-repeat left top; }
.amenities a:hover { width: 97px; background: url(../images/nav-amenities-hover.gif) no-repeat left top; }
.adventures a { width: 118px; background: url(../images/nav-adventures.gif) no-repeat left top; }
.adventures a:hover { width: 118px; background: url(../images/nav-adventures-hover.gif) no-repeat left top; }
.about a { width: 165px; background: url(../images/nav-about.gif) no-repeat left top; }
.about a:hover { width: 165px; background: url(../images/nav-about-hover.gif) no-repeat left top; }
.getting a { width: 125px; background: url(../images/nav-getting-here.gif) no-repeat left top; }
.getting a:hover { width: 125px; background: url(../images/nav-getting-here-hover.gif) no-repeat left top; }
.rates a { width: 73px; background: url(../images/nav-rates.gif) no-repeat left top; }
.rates a:hover { width: 73px; background: url(../images/nav-rates-hover.gif) no-repeat left top; }
.testimonials a { width: 122px; background: url(../images/nav-testimonials.gif) no-repeat left top; }
.testimonials a:hover { width: 122px; background: url(../images/nav-testimonials-hover.gif) no-repeat left top; }
.links a { width: 64px; background: url(../images/nav-links.gif) no-repeat left top; }
.links a:hover { width: 64px; background: url(../images/nav-links-hover.gif) no-repeat left top; }

.logo { width: 495px; padding-left: 137px; margin-left: 301px; height: 118px; padding-top: 19px; background: url(../images/logo-sea-otter-lodge.gif) no-repeat left top; }
.logo a { display: block; width: 380px; height: 100px; cursor: pointer; text-decoration: none; text-indent: -9999px; }
.longtopround { width: 933px; height: 9px; background: url(../images/bg-top-long-logo.gif) no-repeat left top; }
.longcontent { width: 933px; background: url(../images/bg-content-logo.gif) repeat-y left top; overflow: hidden; padding-bottom: 30px; }
.longcontent h1 { margin: 22px 0 0.4em 20px; font: normal 3em "Times New Roman", Times, serif; color: #044a50; text-transform: uppercase; }
.longbottomround { width: 933px; height: 13px; background: url(../images/bg-bottom-long.gif) no-repeat left top; margin-bottom: 20px; }
.longpadthis { width: 893px; padding: 0 20px 36px; }
.longpadthis p, .longpadthis dt { width: 500px; }
dl { margin: 1.2em 0;}
dt { font: bold 1em Arial, Helvetica, sans-serif; color: #003333; padding: 0 0 0.5em; }
dd { padding: 0 0 1.4em 10px; width: 490px;}
dd span { color: #999; display: block; }
.longcontent .logo { width: 495px; padding-left: 137px; height: 118px; padding-top: 19px; background: url(../images/logo-sea-otter-lodge.gif) no-repeat left top; }
.longcontent .logo a { display: block; width: 380px; height: 100px; cursor: pointer; text-decoration: none; text-indent: -9999px; }

.footercontainer .footerlogo { background: url(../images/footer-logo.jpg) no-repeat left top; padding-left: 104px; width: 674px; height: 96px; vertical-align: top; }
.footercontainer div { float: left; text-align: left; padding-top: 15px; }
.footercontainer p { font: normal 1.35em Arial, Helvetica, sans-serif; color: #fff; margin: 2px 0 1px; }
.footercontainer a { color: #00CC99; }
.footercontainer h2 { font: bold 1.5em Arial, Helvetica, sans-serif; color: #fff; line-height: 1.2em; width: 170px; }

.photos { padding-top: 0.8em; margin:0; }
.photos li { display: inline; }
.photos .spacers { margin: 0 30px; }
.photos img { border: 1px solid #567274; }
.more { width: 100%; text-align: center; padding: 10px 0 0; }
.list { margin: 15px 0 0 23px; list-style-type: disc; }
.listgallery, .pictures { float: right; width: 366px; margin-top: 6px; }
.listgallery td, .pictures td { text-align: center; font: normal 11px Arial, Helvetica, sans-serif; text-transform: capitalize; padding-top: 24px; }
.pictures img { border: 1px solid #ccc;}
.listgallery img { width: 160px; height: 98px; }
.fadedabout { width: 915px; background: url(../images/bg-about.jpg) no-repeat 462px top; padding: 0 9px; border-top: 1px solid transparent; }
.fadedboat { width: 915px; background: url(../images/bg-rates.jpg) no-repeat 462px top; padding: 0 9px; border-top: 1px solid transparent;}
.faded { width: 915px; padding: 0 9px; border-top: 1px solid transparent;}
.falcon { text-align: center; background-color: #021815; padding: 8px 0; width: 100%; float: left; color: #1e4d47; }
.falcon a { color: #0c6a5d; text-decoration: none; }
.falcon a:hover { text-decoration: underline; color: #fff; }

.more { text-transform: uppercase; font: bold 13px Arial, Helvetica, sans-serif; }
.audio { float: right; }