html {height:101%;}
body { margin:0; padding:0; font:0.75em/1.8em Verdana, sans-serif;}
#wrap {margin:0 auto; /*max-width:1280px;*/}
#header {height:180px; width:100%; background:#000 url(../gfx/header-bg.jpg) repeat-x left top;}
#logo {width:840px; margin:-25px auto 0 auto; position:relative; top:35px;}
#logo img.ie {display:none; visibility:hidden;}
#navlist ul {width:860px; margin:-29px auto 5px auto; text-align:left;}
#navlist li {display: inline; list-style-type:none;}
#navlist a {padding:0 48px; margin:0; color:#fff;}
#navlist a:link, #navlist a:visited {color: #afd6f1; font-weight:bold; text-decoration:none;}
#navlist .selected {color:#a30; padding-bottom:4px; background-color:transparent; border-top:2px solid #afd6f1;}
#navlist a:hover {color:#fff; padding-bottom:4px; background-color:#869aab; border-top:2px solid #afd6f1;}
/*ul#pagemenu-kayaks {margin-top:-40px; margin-left:72px;}
ul#pagemenu-acc {margin-top:-40px; margin-left:178px;}
ul#pagemenu-kayaks li, ul#pagemenu-acc li {display: inline; list-style-type:none; padding:0 5px;}
ul#pagemenu-kayaks li img, ul#pagemenu-acc li img {margin-top:-12px; margin-bottom:-13px;}*/
#content-i, #content {background:white; width:840px; margin:50px auto 0 auto; padding:0; min-height:650px;}
.leftcol {width:160px; float:left; margin:0;}
.leftcol-i {width:250px; float:left; margin:0;}
.leftcol p {margin:0;}
.leftcol ul li {list-style-type:none;}
.leftcol ul li ul li {list-style-type:none; font-style:italic;}
.rightcol {width:640px; margin:0 0 0 180px;}
.rightcol-i {width:550px; margin:0 0 0 270px;}
.post {border:1px solid #eee; border-top:3px solid #ddd; padding:5px;margin-bottom:5px;}
#footer {width:100%; background:#000 url(../gfx/footer-bg.jpg) repeat-x left top; clear:both; min-height:60px; position:fixed;bottom:0;}
#footer p {width:800px; margin:0 auto; padding-left:500px; padding-top:20px; color:#afd6f1; font-weight:bold; text-decoration:none;}
#footer p a {color:#afd6f1;}
#footer p a:hover {color:#08e;}
/* Type */
h1 {font: 22px/24px Arial, Helvetica, sans-serif; margin:15px 0px 5px 0px; padding:0px; letter-spacing:0.2em; color:#000;}
h2 {font: 600 16px/18px arial, helvetica, sans-serif; margin:25px 0 10px 0; padding:0; color:#000;}
h2 a {font: 16px/18px arial, helvetica, sans-serif; padding:0; color:#00f;}
h2 a:hover {color:#f00;/* -webkit-transition-duration:0.4s;*/}
h3 {font:bold italic 1.2em Arial, Helvetica, sans-serif; margin:10px 0 0 0; padding:0; color:#000;}
h3 a {color:#00f;}
h4 {font-size:0.8em; font-weight:normal; margin:5px 0;}
p {margin:0 0 10px 0;padding:0;}
p a, ul a, li a {color:#08e;}
p a:hover, ul a:hover, li a:hover {color:#f00;}
/* Tables */
table.kayak {border:2px solid #67a; border-width:2px 0; border-collapse:collapse; font-size:100%; margin: 0 0 0 20px; width:360px; float:right;}
table.kayak th { border-bottom:1px solid #67a; border-top:1px solid #67a; margin:0; padding:5px 10px; color:#000; text-align:left; vertical-align:top; background-color:#d0e4f9;}
table.kayak tr:hover {background-color:#d0e4f9;}
table.kayak td {margin:0; padding:0 10px; text-align:left; vertical-align:top; border-bottom:1px solid #eee; background-color:#e8f0f8;}
table.kayak td.highlight {background-color:#e8f1f8;}
table.kayak td[scope], table.kayak th[scope]{ font-weight:bold; color:#666;}
table.acc {background-color: #fff; margin-bottom:4em;}
table.acc td {vertical-align:top;}
table.acc img {align:right;}
/* List, form, images */
ul {list-style-type: disc; margin:0; padding-left:16px;}
ul.acc {margin:0 0 10px 0; padding:0; list-style-position:inside;}
a img {border:none;}
.left {float:left; margin-right:10px; padding:0; border:none; display: block;}
.right {float:right; margin-left:10px; padding:0; border:none; display: block;}
blockquote {margin:0; padding:0; font-style:italic;}
input, textarea {background-color:transparent; color: #000; border:1px solid #ccc; margin-right:4px; padding:8px; font-style:italic; font-size:1em;}
input.formalert, textarea.formalert {background-color: transparent; color:red; border:0; margin-left:30px;}
/* Gallery */
#gallery a img {border:1px solid #ddd;}
#gallery a:hover img {border:1px solid #08e;}
/* lightbox */
#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img {border:none; }
#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:-60px auto 0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width:49%; height:100%; background:transparent url(../gfx/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left:0; float:left; margin-left:-20px;}
#nextLink {right:0; float:right; margin-right:-20px;}
#prevLink:hover, #prevLink:visited:hover {background: url(../gfx/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(../gfx/nextlabel.png) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color:#fff; margin: 0 auto; line-height:1.4em; overflow:auto; width:100%}
#imageData {padding:0 10px; color:#666;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}
#imageData #caption {font-weight:bold;}
#imageData #caption a {color:#666;}
#imageData #caption a:hover {color:#14a301;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose {width:66px; float:right; padding-bottom:0.7em;}
#overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#52616d;}