html, body {height:100%;}
body, #menu-top ul, #header h1, #menu-page ul, hr, ul.cabin {margin:0px;}
body { font-family:sans; font-size: 90%;  /*color: #404040;*/ background-color: white;  line-height: 180%; padding: 0px;  text-align: center; background:#cc9; }
#menu-top, #header, #wrapper-content, #wrapper-footer {  width: 90%;  min-width: 700px;  max-width: 1120px;  margin: 0px auto;  text-align: left; }
#wrapper-content, #content-wrapper-left, #content-wrapper-right, #content{ 	/*height:100%;*/ }
#wrapper-header2,#wrapper-header3{ position:relative; height:280px; min-height:250px; }
#header-logo{ position:absolute; top:150px; left:25px; }
#header-logo,.phone{ z-index:100000; }
#canvas0_0,#canvas0_1{ z-index:0; }
#header .phone { color:#ccc; background:url(../img/infobg.png) center no-repeat; position:absolute; top:10px; right:30px; width: 200px; height:80px; text-align: center; font-weight: bold; line-height: 20px; font-family: Verdana, Sans-Serif; }
.phone p{ position:relative; vertical-align:middle; top:-4px; }

#wrapper-header { background: transparent url('../img/bg.png') top center repeat-x; height:280px;}
#header { background: #eee url('../img/header/bc_bg.jpg') no-repeat center top; position:relative; height:280px; overflow:hidden; }
#header-border-left{ position:absolute; top:0px; left:0px; z-index:100000; }
#header-border-right{ position:absolute; top:0px; right:0px; z-index:100000; }
#wrapper-header2 { background: transparent url('../img/bg-left.png') top left no-repeat; }
#wrapper-header3 { background: transparent url('../img/bg-right.png') top right no-repeat; overflow:hidden; }
#header h1 { font-family: Helvetica; padding:5px 30px; }
#content-wrapper-left{ background:#adad82 url(../img/body-left2.jpg) top left repeat-y; }
#content-wrapper-right{ background:url(../img/body-right2.jpg) top right repeat-y; width:100%; }
#content { max-width:1120px; padding:0 30px; overflow:auto; }
#content p{ font-family: Helvetica; color:black; margin:10px; }
#menu-page-left{ background:#adad82 url(../img/body-left2.jpg) top left repeat-y; }
#menu-page-right{ background:url(../img/body-right2.jpg) top right repeat-y; min-width:100%; }
#menu-page { margin:auto; text-align: center; font-family:Verdana, Sans-Serif,arial,sans-serif;}
#content em, #footer, div.fr, .pic, dt, ul.cabin {font-family: Helvetica; font-weight: bold;}
#menu-page ul {  padding: 0;  list-style: none; }
#menu-page li {	display:inline; }
#menu-page h3 { font-size: 75%; text-transform: uppercase; margin: 1.3em 0 0.3em 0; color: black; font-weight: normal; letter-spacing: 0.15em; }
#menu-page a:link, #menu-page a:visited { color:white; }
#menu-page a:hover {color: black;}
#menu-page img {border:none;}
#wrapper-footer { position: relative; text-align: center; vertical-align:middle;  background:#91916d url(../img/body-left2.jpg) top left repeat-y; }

#footer { margin:0; clear: both; line-height: 100%; font-family: Verdana, Sans-Serif; padding-top: 0px; height:95px; background: url(../img/body-right2.jpg) top right repeat-y; color: black; }
#footer p{ padding:5px 0; margin:0; }
#footer span { font-size: x-small; font-weight: normal; }
#footer #links{ text-align:left; line-height:140%; position:relative; top:-30px; }
#thumbBox {position:absolute;left:0px;top:0px;width:auto;padding:10px 10px 0px 10px;background:#313131;visibility:hidden;z-index:10;cursor:pointer;}
#thumbBox .footerbar{font:bold 16px Tahoma;letter-spacing:5px;line-height:1.1em;color:White;padding:5px 0px;text-align:right;}
#thumbBox #thumbImage {background-color: white;}
#thumbLoading {position:absolute;visibility:hidden;border:1px solid black;background-color:#EFEFEF;padding:5px;z-index:5;}
#cabinlinks { font-family: Helvetica; text-align: center; font-size: small; }
h1 { font-family: Helvetica; font-size: 150%; }
h2 { font-family: Helvetica; font-size: 120%; }
h3 { font-family: Helvetica; font-size: 100%; margin-bottom: 0.5em; }
h4 { font-family: Helvetica; font-size: 110%; margin-bottom: 0; padding-bottom: 0; }
a:link, a:visited { font-family: Helvetica; color: #27682B; text-decoration: underline; }
a:hover {font-family: Helvetica; color:Black;text-decoration:underline;}
ul, li { font-family: Helvetica; }
#nonFooter { position: relative; min-height: 100%; }
p img {float:right;}
div.fr { float: right; font-size: small; line-height: 100%; margin-left: 5px; }
.pic { float:left; width: 275px; margin: 15px 15px 15px 0; font-size: x-small; line-height: 110%; }
.pic img {border:0px;}
hr { border: none 0; border-top: 1px dashed #007337; height: 1px; clear: right; }
.clearboth,.clear {clear:both;}
div.fr img { display:block; border:0px; }
.ac {text-align:center;}
.l {border-bottom: 1px solid #007337;}
dt {clear:right;}
dt img { float: right; border: 0px; margin-bottom: 5px; }
table.layout {margin:auto;}
table.layout td { text-align:center; line-height: 110%; padding-bottom: 10px;}
table.layout img {border:0;display:block;}
table.layout a {line-height:180%;display:block;margin:auto;}
table.layout a img {display:inline;}
ul.cabin {font-family: Helvetica; list-style-type: none; padding: 0; }
.new {background-color:Yellow;color:Black;}
.frm { margin: auto; border: 1px solid #CCCCCC; }
.frm th { text-align: center; color: #007337; border-bottom: 1px solid #CCCCCC; }
.drop-menu{ width:150px; height:25px; }
.link-btn{ border:none; }
#bImgLink{ margin:auto; }
.phone a{ color:white; }
/*
 Cabin listing
*/
.indexContent{ overflow: auto; width: 100%; margin-bottom:20px; position:relative; }
.images{ width:25%; min-width:160px; text-align:center; float:left; display:inline-table; vertical-align:middle; padding-top:10px; }
.images img{ border:none; }
.description{ width:55%; float:left; display:inline-table; padding-left:1em; position:relative; height:100%; }
.availability{ overflow:auto; width:15%; text-align:center; float:right; }
.SplDetails{ background:#c4c47c; padding:10px; border:1px black solid; margin:0 10px; position:absolute; bottom:0px; left:25%; width:53%; color:black; float:right;}
.SplDetails p{ font-family:sans-serif !important; }
.splHeader{ color:#b80b0b; padding:0; margin:0; }
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{ font-weight: bold; font-size: .8em; background:#610303; margin:0 4px 0 20px; height:35px; overflow:hidden; line-height:35px; }
[id~=slantedmenu]{ 	margin:0 20px 0 20px !important; }
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#slantedmenu ul{ text-indent: 3px; margin: 0; width:100%; text-align: center; /*set value to "center" for example to center items*/ position:relative; left:6px; }
#slantedmenu ul li{ display: inline-table; position:relative; right:10px; margin:0 0px; padding:0; font-size:1.3em; }
#slantedmenu ul li a{ color: white; text-decoration: none; padding-right:3px; padding-left:0; padding-top:0; padding-bottom:0; line-height:35px; display:inline-table; height:35px; }
#slantedmenu ul li a:visited{color: white;}
#slantedmenu ul li a:hover{color: black; background:#adad82;}

#slantedmenu2{ font-weight: bold; font-size: .8em; background:#610303; margin:20px 4px 0 20px; height:35px; overflow:hidden; line-height:35px; }
[id~=slantedmenu2]{ margin:0 20px 0 20px !important; }
#slantedmenu2:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#slantedmenu2 ul{ text-indent: 3px; margin: 0; width:100%; text-align: center; /*set value to "center" for example to center items*/ position:relative; left:6px; }
#slantedmenu2 ul li{ display: inline-table; position:relative; right:10px; margin:0 0px; padding:0; font-size:1.3em; }
#slantedmenu2 ul li a{ color: white; text-decoration: none; padding-right:3px; padding-left:0; padding-top:0; padding-bottom:0; line-height:35px; display:inline-table; height:35px; }
#slantedmenu2 ul li a:visited{color: white;}
#slantedmenu2 ul li a:hover{color: black; background:#adad82;}

#slantedmenucabin{ font-weight: bold; font-size: .8em; background:#610303; margin:20px 4px 0 20px; height:35px; overflow:hidden; line-height:35px; }
[id~=slantedmenucabin]{ margin:0 20px 0 20px !important; }
#slantedmenucabin:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#slantedmenucabin ul{ text-indent: 3px; margin: 0; width:100%; text-align: center; /*set value to "center" for example to center items*/ position:relative; left:6px; }
#slantedmenucabin ul li{ display: inline-table; position:relative; right:10px; margin:0 0px; padding:0; font-size:1.3em; }
#slantedmenucabin ul li a{ color: white; text-decoration: none; padding-right:3px; padding-left:0; padding-top:0; padding-bottom:0; line-height:35px; display:inline-table; height:35px; }
#slantedmenucabin ul li a:visited{color: white;}
#slantedmenucabin ul li a:hover{color: black; background:#adad82;}




#small-menu li a:link, #small-menu li a:visited{ font-size:small; font-weight:bold; color:#610303; }
.cal-list{ 	margin:auto; 	width:120px; 	clear:both; }
.cal-list th{ 	font-weight:normal; }
.cal-list td { 	border:1px black solid;	height:15px; line-height:100%; font-size:.7em; text-align:center; }
/*Individual Cabin Page*/
#cabin-photos{ 	height:360px; width:805px; margin:auto; position:relative; overflow:hidden; }
#cabin-photo-large{ width:480px; height:360px; float:left; position:relative; top:-5px;  }
#cabin-photo-scroll{ float:right; position:relative; }
#cabin-photo-scroll img{ width:150px; height:113px; }
.dojoxScrollHelper{ display:none; }
#cabin-amenities table{ width:100%; text-align:center; }
h2.cabin{ margin-left:30px; }
#cabin-description p{ width:90%; margin:auto; }
#index_spl{ color:#610303; 	text-align:center; 	background:#DAE206; padding:10px; border:1px solid black; -moz-border-radius:8px; -webkit-border-radius:8px; }

#gallery {width:760px; height:360px; position:relative; border:1px solid #ddd; background:#003300;}
#gallery ul {list-style:none; padding:5px; margin:0; width:280px; float:right; height:300px; overflow:auto;}
#gallery ul li {display:inline; width:120px; height:80px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:120px; height:80px;}
#gallery ul li span {display:none; position:absolute; left:547px; top:325px; width:290px;font-family:verdana, arial, sans-serif; color:white; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:yellow;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:320px; height:240px; border:1px solid #fff;}
#gallery ul li.off {display:none;}
#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}
#gallery ul li.click i {position:absolute; left:0; top:0; width:545px; height:355px;}
#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}
#gallery ul li.click span {display:block;}

#cabingallery {width:760px; height:360px; position:relative; border:0px solid #ddd; background:#003300;}
#cabingallery ul {list-style:none; padding:5px; margin:0px; width:280px; float:right; height:310px; overflow:auto;}
#cabingallery ul li {display:inline; width:120px; height:80px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#cabingallery ul li img {display:block; width:120px; height:80px;}
#cabingallery ul li span {display:none; position:absolute; left:480px; top:325px; width:290px;font-family:verdana, arial, sans-serif; color:white; font-size:11px; line-height:15px; text-align:justify;}
#cabingallery ul li span b {color:yellow;}

/* required for IE5.x and IE6 to display the start image size correctly */
#cabingallery ul li.click i img.default {margin:5px auto 0 auto; width:460px; height:307px; border:1px solid #fff;}
#cabingallery ul li.off {display:none;}
#cabingallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}
#cabingallery ul li.click i {position:absolute; left:5px; top:0; width:460px; height:310px;}
#cabingallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}
#cabingallery ul li.click span {display:block;}

span.ratechart { font-weight: bold; color:#000000; font-size: 1em; font-family: Verdana, Sans-Serif; }
span.rateheader { font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#610303; }

span.amenity { font-weight: bold; color:#ffffff; font-size: 1.2em; font-family: Verdana, Sans-Serif; background:#003300; }
span.amenity a: { font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#003300; text-decoration: underline;}
span.amenity a:link { font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#003300; text-decoration: underline;}
span.amenity a:visited{ font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#003300; text-decoration: underline;}

span.amenitylist { font-weight: bold; color:#ffffff; font-size: .8em; font-family: Verdana, Sans-Serif; background:#003300; }

span.amenitymap { font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#003300; }
span.amenitymap a: { font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#003300; text-decoration: underline;}
span.amenitymap a:link { font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#003300; text-decoration: underline;}
span.amenitymap a:visited{ font-weight: bold; color:#ffffff; font-size: 1em; font-family: Verdana, Sans-Serif; background:#003300; text-decoration: underline;}

span.bcnav a:link, span.bcnav a:link, span.bcnav a:visited { color:#610303; font-size: 70%; font-family: Verdana, Sans-Serif;}
span.bcnav a:hover {color: black;}

-->