/* CSS Document */

/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a {
     margin: 0;
     padding: 0;
     border: 0;
}
body {
   background: #FFFFFF url(../images/BG.jpg) repeat;
   font: 100.01% "Trebuchet MS", Arial, sans-serif;
   color: #272727;
}
#header {
   background: #FFFFFF url(../images/header.jpg) no-repeat center bottom;
   height: 200px;
   width: 798px;
   margin-right: auto;
   margin-left: auto;
   border-right-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-left-style: solid;
   border-right-color: #E5BC50;
   border-left-color: #E5BC50;
   position: relative;
   z-index: 22;
}
#header h1 {
   text-indent: -6000px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
}
#ss {
   position:absolute;
   height: 150px;
   width: 240px;
   left: 530px;
   top: 20px;
   z-index: 55;
   padding: 5px;
   border: 1px solid #333333;
   background-color: #CCCCCC;
}

#movie {

   margin: 0;
}

#wrapper {
   width: 798px;
   margin-right: auto;
   margin-left: auto;
   font-size: 0.85em;
   line-height: 1.5em;
   background: #FFFFFF;
   text-align: left;
   border-right-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-left-style: solid;
   border-right-color: #E5BC50;
   border-left-color: #E5BC50;
   z-index: 23;
}
#wrapper p {
   margin-right: 10px;
   margin-bottom: 12px;
   margin-left: 10px;
}
#wrapper #featured {
   background: #f1f3f8;
   color: #2B6859;
}

#wrapper #columnWrap {
   background: url(../images/bkg_contentwrap_03.gif) repeat-y;
   margin-top: 15px;
}


.clearer {
   font-size: 0px;
   line-height: 0px;
   clear: both;
}
#sidebar1 {
   float: left;
   width: 200px;
}
#sidebar2 {
   float: right;
   width: 200px;
}
#sidebar1 #side1Wrap h2 {
   font-size: 1em;
   background-image: none;
   color: #9999CC;
}
#maincontent {
   width: 398px;
   float: left;
}
#wrapper #footer {
   color: #D9E1F3;
   background: #2B6859;
   text-align: center;
   font-size: .75em;
   padding-top: 2px;
   padding-bottom: 2px;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #E5BC50;
}
#wrapper #footer a {
   color: #D9E1F3;
}
#contactInfo {
   font: .8em "Trebuchet MS", Arial, sans-serif;
   color: #A3A3A3;
   width: 800px;
   margin-top: 15px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
}
#contactInfo a {
   color: #99CCCC;
   text-decoration: none;
}
#contactInfo a:hover {
   color:#99FFFF; 
}
#nav {
   background: #E3E9F5 url(../p7pm/img/p7PM_frost_hz.jpg) repeat-x;
   border-bottom: 1px solid #CCCCCC;
}
.specs {
   background-color:#F8FAFC;
   border: 1px solid #FFCC33;
   padding-top: 6px;
   padding-right: 16px;
   padding-bottom: 2px;
   padding-left: 16px;
   margin-left: 33px;
   margin-bottom: 22px;
   color: #003333;
}
.specs ul {
   margin-left: 16px;
}
.specs ul li {
   line-height: 1.2em;
   margin-bottom: 6px;
}
#sidebar1 p.lessmargin {
   line-height: 1.1em;
   margin-top: 4px;
   text-align: center;
}
#sidebar1 h2, #sidebar2 h2 {
   font-size: 1.3em;
   text-indent: 20px;
   font-family: Georgia, "Times New Roman", Times, serif;
   height: 25px;
   line-height: 26px;
   background-repeat: no-repeat;
}  
#sidebar1 h2 {
   background-image: url(../images/bkg-h21.jpg);
   background-position: left;
}
#sidebar2 h2 {

   background-image: url(../images/bkg-h22.jpg);
   background-position: right;
}

.listingBox {
   margin-top: 15px;
}
a:link,
a:visited {
   color: #0033CC;
   text-decoration: none;
}

a:active,
a:hover {
   color: #FF6600;
   text-decoration: none;
}
.myimages {
   border: 1px outset #666666;
   padding: 2px;
   background-color: #E9E9E9;
}
a:hover .myimages   {
   padding: 2px;
   border: 1px solid #666666;
   background-color: #FFCC33;
}
.listingBox p {
   font-size: 0.85em;
   line-height: 1.4em;
   margin-top: 4px;
   margin-bottom: 10px;
}
.listingBox h4 {
   color:#BF6000;
   font-size: 0.98em;
   line-height: 1.2em;
   margin-top: 4px;
   margin-right: 6px;
   margin-bottom: 2px;
   margin-left: 12px;
}
.listingBox ul {
   font-size: 0.9em;
   padding-left: 12px;
   margin-left: 12px;
   margin-top: 6px;
   font-weight: bold;
   color: #645246;
}
.listingBox ul li {
   line-height: 1em;
   margin-bottom: 6px;
}

.listingBox strong { color:#993300;
}
#maincontent h3, #maincontent2 h3 {
   font-size: 1.3em;
   height: 25px;
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 25px;
   color: #003399;
   background-image: url(../images/bkg-mcontent.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   margin-left: 5px;
   margin-right: 5px;
}

#contentholder {
   margin: 15px 15px 10px 25px;
}
#contentholder p {
   margin: 0px 0px 12px;
   padding: 0px;
}
#contentholder h2 {
   font-size: 1.34em;
   color: #2B6859;
}
#contentholder h4 {
   font-size: 1.2em;
   color: #2B6859;
}
#contentholder a:link, #contentholder a:visited, #contentholder a:visited {
   color: #006699;
   text-decoration: none;
}
#contentholder a:hover { 
   color: #FF6600;
  }
#maincontent2 {
   width: 598px;
   float: left;
   position: relative;
}
#wrapper #columnWrap2 {
   background: url(../images/bkg_contentwrap2_03.gif) repeat-y;
   margin-top: 15px;
}
ul#list {
   margin: 0px 20px 15px;
   list-style: none;
}

#bg_mtn {
   position: absolute;
   background-image: url(../images/BGmtn.jpg);
   background-repeat: no-repeat;
   z-index: 1;
   height: 200px;
   width: 440px;
   top: 0px;
   right: 0px;
}
#bg_sea {
   position: absolute;
   background-image: url(../images/BGsea.jpg);
   background-repeat: no-repeat;
   z-index: 1;
   height: 200px;
   width: 440px;
   top: 0px;
   left: 0px;
}

.bnow a, .bnow a:visited {
   text-decoration: none;
   color: #FFFFFF !important;
   background-color: #6CA6C1;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #4F4F4F;
   border-bottom: 1px solid #4F4F4F;
   border-left: 1px solid #FFFFFF;
   font-weight: bold;
   font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
   font-size: 14px;
   width: 180px;
   padding-top: 2px;
   padding-right: 10px;
   padding-bottom: 2px;
   padding-left: 10px;
  
}
.bnow a:hover, .bnow a:focus, .bnow a:active {
   color: #333333 !important;
   background-color: #E8CE55 !important;
}
/*  RESERVATION FORM   */
form div input {
	color: #99FFFF;
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	border-top: 2px solid #BDBD81;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	background-color: #3570AA;
}
form div input:hover {
	color: #CDFF82;
	background-color: #009900;
}
#errormessage {
   background-color: #FFFFD9;
   border: 2px outset #000066;
   position: absolute;
   height: 300px;
   width: 480px;
   left: 20px;
   top: 10px;
   text-align: center;
   padding: 30px 16px 16px;
}
#thankmessage {
   background-color: #FFFFD9;
   border: 2px outset #000066;
   position: absolute;
   height: 550px;
   width: 480px;
   left: 20px;
   top: 10px;
   padding: 30px 16px 16px;
}
.Checkboxes { list-style:none; }
