body { font-size: 80%; color: #686457; background: #695e3e url(images/tl-back-tile.jpg) repeat; font-family: "Palatino Linotype", Palatino, Georgia, serif; margin: 0; }

#wrap { background: url(images/tl-back.jpg) repeat-x top left; margin: 30px 0 0 0; }
#layout { width: 944px; background: #d7d3c8 url(images/tl-main-tile.jpg) repeat-y top left; margin: auto; }

#header { height: 133px; background: #695e3e url(images/tl-header.jpg) no-repeat top left; color: #d7d3c8; }
#header h1, #header h1 a { display: block; width: 400px; height: 130px; margin: 0; font-size: 1.2em; float: left; }
#header h1 a { text-indent: -9999px; outline: none; text-decoration: none; }
#header p { float: left; width: 230px; height: 80px; padding: 50px 0 0 0; text-align: right; font-family: tahoma, arial, sans-serif; }

#content { background: url(images/tl-main.jpg) no-repeat top left; min-height: 300px; width: 904px; padding: 40px 20px; font-size: 1.2em; }
#content h2 { clear: both; width: 900px; }

#main { width: 560px; float: right; padding: 0 0 0 20px; overflow: hidden; }
#side { width: 315px; float: right; overflow: hidden; }

#footer { background: #695e3e url(images/tl-footer.jpg) no-repeat top left; color: #d7d3c8; height: 147px; text-align: center; font-size: .9em; font-family: tahoma, arial, sans-serif; }
#footer ul { padding: 30px 0; margin: 0; list-style: none; }
#footer li { margin: 0; padding: 0 7px; display: inline; }
#footer h6 { font-size: 1em; font-weight: normal; margin: 15px 0 0 0; }

#nav { width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; height: 30px; line-height: 30px; margin: 0; padding: 0; text-align: center; background: black; color: #e8dba1; list-style: none; font-size: 1.4em; }
#nav li { margin: 0; padding: 0 15px; display: inline; }
#nav a { text-decoration: none; color: #e8dba1 !important; }

* html #nav { position: absolute; }

#header a, #nav a, #footer a { color: #fbf6e2; }
#header a:visited, #nav a:visited, #footer a:visited { color: #e6e2ce; }
#header a:hover, #nav a:hover, #footer a:hover { color: #ffffff; text-decoration: underline; }


#content a { color: #b08c1e; }
#content a:visited { color: #a18e53; }
#content a:hover { color: #e9ba2d; }

#gallery { }
#gallery img { border: 1px solid #ffe; }

/*#gallery a, #gallery a:active, #gallery a:visited {padding: 10px 10px 0 0; height: 72px; width: 94px; overflow: hidden; text-decoration:none; outline:none; font-weight: normal; text-align: center; float: left; }*/
#gallery a, #gallery a:active, #gallery a:visited {padding: 10px 10px 0 0; height: auto; width: 94px; overflow: hidden; text-decoration:none; outline:none; font-weight: normal; text-align: center; float: left; }
#gallery a.selected, #gallery a.selected:active, #gallery a.selected:visited { text-decoration:none; outline:none; }

/*.showimage { display: none; margin: 0; height: 230px; overflow: hidden; }*/
.showimage { display: none; margin: 0; height: auto; overflow: hidden; }
.showimage img, .xshowimage img { text-decoration: none !important; border:1px solid #ffe; margin-bottom: 8px; }
.contentimager { text-decoration: none !important; float:right; border:1px solid #ffe; margin: 0 8px; clear:both }
.contentimagel { text-decoration: none !important; float:left; border:1px solid #ffe; margin: 0 8px 0 0; clear:both }
.contentimage{ text-decoration: none !important; border:1px solid #ffe; margin: 0 8px 0 0; clear:both }
#cal-legend { padding: 20px 0; }
#cal-legend strong { width: 150px; float: right; line-height: 25px; height: 25px; }
#cal-legend span { float: left; width: 25px; height: 25px; display: block; margin-right: 4px; }
#room-available { background: #b7b3a8; }
#room-reserved { background: #990000; } 

.m-index .m-index, 
.m-about .m-about, 
.m-lodge .m-lodge, 
.m-island .m-island, 
.m-waterways .m-waterways, 
.m-area .m-area, 
.m-rates .m-rates, 
.m-booking .m-booking,
a.active
{ text-decoration: underline !important; } 

.clear { clear: both; display: block; height: 1px; overflow: hidden; }