/* GLOBAL STYLES */

body { background-color: #B9AA94; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ccc; scrollbar-face-color: #B9AA94; scrollbar-shadow-color: #8B7355; scrollbar-highlight-color: #8B7355; scrollbar-3dlight-color: #B9AA94; scrollbar-darkshadow-color: #B9AA94; scrollbar-track-color: #B9AA94; scrollbar-arrow-color: #8B7355; }

h1 { color: #E6BC40; font-size: 15px; font-weight: 900; margin: 0px; padding: 0px; }
h1.loc { text-align: right;}
h2 { color: #ccc; font-size: 14px; font-weight: 900; margin: 0px; padding: 0px; }
h3 { color:#E6BC40; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }
h4 { color: #E6BC40; font-size: 13px; font-weight: 900; margin: 0px; padding: 0px; }
h5 { color: #E6BC40; font-size: 15px; font-weight: 900; margin: 0px; padding: 0px; text-align: center;}
p { margin: 0 0 10px 0; padding: 0px; }
p.pol { margin-bottom: 10px; }
p.small { font-size: 10px; color: #fff; }
p.small1 { font-size: 9px; color: #fff; margin-top: 5px; line-height: 150%; }
p.small2 { font-size: 9px; text-align: right; }
p.small3 { font-size: 9px; color: #E6BC40; margin-top: 10px; margin-bottom: 10px; }
p.small4 { font-size: 9px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
p.end { font-family: 'trebuchet ms'; font-size: 11px; color: #333; font-weight: normal; }
p.copy { font-size: 11px; color: #AF9E7A; font-weight: normal; }
p.meta { font-size: 11px; color: #8B7355; font-weight: normal; }
p.right { text-align: right; }
hr { width: 100%; color: #AF9E7A; background: #AF9E7A; height: 1px; text-align: left; border: 0; }

ol,ul { color:#E6BC40; }
ul { list-style: square; }
ul.pol { list-style: square; margin-left: 3%; margin-right: 5%; }
ol.pol { list-style: lower-alpha; margin-left: 5%; margin-right: 5%; }
li.pol  {margin-bottom: 5px;}
.li1 { color: #ccc; font-size: 13px; font-weight: bold; }
.dots { font-family: 'trebuchet ms'; font-size: 11px; font-weight: bold; color: #B9AA94; margin-right: 9px; margin-left: 9px}
.dots2 { font-family: arial; font-size: 8px; font-weight: bold; color: #E6BC40; margin-left: 4px}
.dots3 { font-family: arial; font-size: 12px; font-weight: bold; color: #E6BC40; margin-left: 6px}
.ital { font-style: italic; }
.bold { font-weight: 900; }
.normal { font-weight: normal; }
.clear { clear: both; }
.left  { text-align: left; }
.hi { color: #cc6; }
.hi2 { color: #fff; }
.hi3 { color: #cc3; }


/* GLOBAL LINKS */

a:link { color: #7BD2A3; text-decoration: none; }
a:visited { color: #7BD2A3; text-decoration: none; }
a:hover { color: #ccc; text-decoration: none; }


/* NAVIGATION LINKS*/

a.nav:link { color: #ccc; text-decoration: none; }
a.nav:visited { color: #ccc; text-decoration: none; }
a.nav:hover { color: #B9FFCF; text-decoration: none; }
p.nav { font-size: 11px; font-weight: bold; color: #7E3723; text-align: center; margin: 5px 0 0 0; line-height: 20pt;}
p.nav2 { font-size: 11px; font-weight: normal; color: #7E3723; margin: 0px;}
p.nav3 { font-size: 11px; font-weight: bold; color: #999; }
.here { color: #ccc; }


/* GLOBAL BOXES */

#page { width: 100%; text-align: center; }
#header { width: 747px; height: 141px; margin-left: auto; margin-right: auto; text-align: left; background-image:url('header.gif'); }
#navbar { width: 732px; height: 30px; position: relative; top: 90px; text-align: center; background-color: transparent; }
#back { width: 747px; margin-left: auto; margin-right: auto; text-align: center; background-image:url('content.gif'); }
#conwrap { text-align: left; position: relative; top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 670px; background-color: transparent; }
#cont, #cont2 { position: relative; top: 10px; width: 670px; background-color: transparent; }
#cont2 { height: 150px; }

#footer { position: relative; top: 3px; width: 747px; height: 35px; background-image: url('footer.gif'); background-repeat: no-repeat; text-align: left; padding-left: 40px; }
#meta { width: 600px; height: 100px; margin-left: auto; margin-right: auto; background-color: transparent; text-align: left; }
#form { float: left; width: 287px; padding: 20px; padding-bottom: 0px; background-color: #899A88; text-align: right; }
#form2 { float: left; width: 200px; margin: 0px 0px 0px 40px; padding: 15px 40px 15px 40px; border: 1px solid #AF9E7A; background-color: transparent; }


.fototext { text-align: left; position: relative; top: 0px; left: 50px; width: 550px; background-color: transparent; }
.fototext2 { text-align: left; position: relative; top: 0px; left: 20px; width: 620px; background-color: transparent; }
.fotowrap { border: 1px solid #AF9E7A; padding: 10px; }
.fotowrap2 { border: 1px solid #899A88; padding: 15px; }
.fleft { text-align: left; float: left; margin-right: 30px; }
.right { text-align: left; float: left; margin-left: 20px; background-color: transparent; }
.right2 { text-align: left; margin-left: 20px; background-color: transparent; }
.fright { text-align: right; float: right; margin: 0 0 10px 30px; }
.left { text-align: left; margin-right: 250px; }
.thumb2 { float: left; width: 120px; border: 1px solid #AF9E7A; margin: 15px 15px 15px 13px; padding: 10px 5px 0 5px; background-color: transparent; text-align: center; }
.frame2 { width: 370px; border: 1px solid #E6BC40; margin: 30px 0 0 100px; padding: 10px 10px 0 10px; text-align: center; background-color: transparent; }

/* MAIN */

#intro { text-align: left; position: relative; top: 0px; width: 670px; height: 110px; background-color: transparent; }
#intro2 { text-align: center; position: relative; top: 10px; width: 670px; height: 40px; background-color: transparent; }
#intro3 { text-align: center; position: relative; top: 20px; width: 670px; height: 360px; background-color: transparent; }
#feat1 { background-image: url('feature.gif'); background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; width: 218px; height: 298px; text-align: center; }
#feat2 { background-image: url('feature.gif'); background-repeat: no-repeat; position: absolute; top: 0px; left: 223px; width: 218px; height: 298px; text-align: center; }
#feat3 { background-image: url('feature.gif'); background-repeat: no-repeat; position: absolute; top: 0px; left: 446px; width: 218px; height: 298px; text-align: center; }
.featcont1 { margin: 10px 19px 0 15px; width: 180px; height: 135px; background-color: transparent; text-align: center;}
.featcont2 { margin: 3px 19px 0 15px; width: 180px; height: 35px; padding-top: 10px; background-color: #899A88; text-align: center;}
.featcont3 { margin: 0 19px 0 15px; width: 180px; height: 50px; background-color: #899A88; text-align: center; }
.featcont4 { margin: 0 19px 0 15px; width: 180px; height: 22px; background-color: #899A88; text-align: center; font-size: 10px; }
#intro4 { text-align: center; position: relative; top: 330px; left: 0px; width: 670px; height: 80px; background-color: transparent; }
a.feat:link { color: #E6BC40; text-decoration: none; }
a.feat:visited { color: #E6BC40; text-decoration: none; }
a.feat:hover { color: #ccc; text-decoration: none; }


/* LISTINGS */

#listback { text-align: center; position: relative; top: 10px; width: 670px; background-color: #697A68; }
#listing { text-align: left; position: relative; top: 10px; left: 15px; width: 640px; background-color: transparent; }
.bla { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ccc; margin-left: 20px; }

#navcontainer { position: relative; top: 0px; width: 655px; background-color: transparent; }
#list { position: absolute; top: 0px; left: 0px; width: 150px; background-color: transparent; }
#navlist { border-bottom: 1px solid #AF9E7A; margin: 0px; margin-bottom: 50px; padding: 0px; padding-left: 245px; background-color: transparent; padding-bottom: 5px; padding-top: 5px; }
#navlist a, #navlist a:link, #navlist a:visited { padding-top: 4px; padding-bottom: 5px; padding-left: 1em; padding-right: 1em; color: #999; font-weight: 900; text-decoration: none; border: 1px solid #50556E; border-bottom: 0px;}
#navlist a:hover, #navlist a:active, #navlist a:focus { border: 1px solid #AF9E7A; padding-top: 4px; padding-bottom: 5px; padding-left: 1em; padding-right: 1em; text-decoration: none; color: #ccc}
#navlist li { padding-right: 0px; display: inline; font-size: 11px; }
#navlist ul { margin: 0px; padding: 0px; }
#navlist #active a { border: 1px solid #AF9E7A; border-bottom: 1px solid #50556E; color: #E6BC40}

.listmain { float: left; background-image: url('list.gif'); background-repeat: no-repeat; position: relative; top: 0px; left: 0px; width: 335px; height: 145px; text-align: left; }
.listid { position: absolute; bottom: 26px; right: 26px; width: 50px; height: 13px; text-align: right; background-color: transparent; font-size: 10px; font-weight: bold; color: #697A68;}
.listmain2 { float: left; background-color: transparent; position: relative; top: 0px; left: 0px; width: 335px; height: 145px; text-align: left; }

.box1 { float: left; width: 133px; height: 100px; margin: 18px 0 0 6px; background-color: #fff; }
.box2 { float: left; width: 150px; height: 90px; margin: 18px 0 0 12px; background-color: #899A88; padding: 10px 0 0 10px; }
.frame { width: 300px; border: 1px solid #E6BC40; margin: 0 0px 0px 0; padding: 6px 20px 0px 20px; }
.thumb { float: left; width: 200px; border: 1px solid #899A88; margin: 0 30px 20px 0; padding: 15px; background-color: transparent; }
.li2 { color: #FFFFFF; font-size: 13px; }


/* RATES */

#matrix { position: relative; width: 640px; top: 0px; left: 0px; margin-bottom: 40px; }
#top1 { position: relative;  width: 150px; height: 25px; float: left; text-align: left; background-color: #899A88; color:#E6BC40; font-size: 13px; font-weight: bold; padding-left: 8px; padding-top: 3px; margin-bottom: 3px; }
#top2 { position: relative;  width: 87px; height: 25px; float: left; text-align: center; background-color: #899A88; color:#E6BC40; font-size: 13px; font-weight: bold; margin-left: 3px; padding-top: 3px; margin-bottom: 3px; }
#cell1 { position: relative;  width: 150px; height: 22px; float: left; text-align: left; background-color: #B9AA94; font-size: 12px; color: #fff;  padding-left: 8px; padding-top: 3px; margin-bottom: 3px; }
#cell2 { position: relative;  width: 87px; height: 22px; float: left; text-align: center; background-color: #B9AA94; font-size: 12px; color: #fff; margin-left: 3px; padding-top: 3px; margin-bottom: 3px; }
#date { position: relative;  width: 87px; height: 22px; float: left; text-align: center; background-color: #B9AA94; font-size: 12px; color: #fff; margin-left: 3px; padding-top: 3px; margin-bottom: 3px; }

/* RATES ERIN */

#matrix2 { position: relative; width: 640px; top: 0px; left: 0px; margin-bottom: 20px; }
#top4 { position: relative;  width: 67px; height: 28px; float: left; text-align: center; background-color: #899A88; color:#E6BC40; font-size: 10px; font-weight: bold; margin-left: 4px; padding-top: 3px; margin-bottom: 4px; line-height: 105%; }
#cell3 { position: relative;  width: 67px; height: 20px; float: left; text-align: center; background-color: #B9AA94; font-size: 10px; color: #fff; margin-left: 4px; padding-top: 3px; margin-bottom: 4px; }
#cell4 { position: relative;  width: 493px; height: 20px; float: left; text-align: center; background-color: #B9AA94; font-size: 10px; color: #fff; margin-left: 4px; padding-top: 3px; margin-bottom: 4px; }
#cell5 { position: relative;  width: 634px; height: 10px; float: left; text-align: right; background-color: none; font-size: 10px; color: #fff; padding-top: 3px; margin: 0 0 8px 4px; }

.hi4 { color: #630; }


/* CALENDAR */
#calwrap { position: relative; width: 630px; top: 0px; left: 0px; background-color: #899A88; text-align: left; padding-top: 10px; padding-bottom: 10px; }
.cal { font-size: 12px; color: #ccc; font-weight: bold; }
.cal2 { font-size: 11px; color: #DFBE00; font-weight: bold; } /* MONTH NAMES */
.cal3 { font-size: 12px; color: #ccc; }
.cal4 { font-size: 14px; color: #CDAD00; font-weight: bold; }
div.hol { border: 1px solid #E6BC40; color: #7BD2A3;}
td.outer { padding: 5px; border: 1px solid #697A68; }
table.inner { background-color: #899A88; font-size: 10px; font-weight: bold; color: #fff; }
.cal5 { color: #cc3; font-weight: bold; }
.demo { font-size: 12px; font-weight: normal; color: #cc9; }
.demo2 { font-size: 10px; font-weight: bold; color: #7BD2A3; border: 1px solid #E6BC40; padding: 1px 4px 1px 3px; background-color: #899A88; }
.demo3 { font-size: 10px; font-weight: bold; color: #fff; padding: 1px 4px 1px 3px; background-color: #899A88; }

/* RESERVATIONS */

#reswrap { position: relative; width: 630px; height: 160px; top: 0px; left: 0px; padding: 5px 0 0 10px; background-color: #899A88; text-align: left; }

.res { font-size: 11px; color: #fff; font-weight: bold; text-align; center; }
.hi1 { font-size: 12px; color: orange; font-weight: normal; }
input { color: #333; background-color: #F5F1CD; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; }

select { color: #333; background-color: #F5F1CD; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; }

textarea { background-color: #F5F1CD; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; scrollbar-face-color: #fff; scrollbar-shadow-color: #666; scrollbar-highlight-color: #666; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #666; }

.button { background: #E6BC40; color: #666; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 10px; border: 0px; padding: 2px 0 4px 0; width: 60px; height: 17px; cursor: pointer; }

.button2 { background: #ccc; color: #666; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 10px; border: 0px; padding: 2px 0 4px 0; width: 60px; height: 17px; cursor: pointer; }


/* COPYRIGHT HOVER */

a.info { position: relative; z-index: 24; color: #666; text-decoration: none; }
a.info:hover { z-index: 25; background-color: transparent; }
a.info span { display: none; }
a.info:hover span { display: block; position: absolute; top: 35px; left: -600px; width: 710px; border: 1px solid #50556E; background-color: #A19B90; color: #333; text-align: left; padding: 8px; font-size: 11px; }
a.info:link { color: #ccc; text-decoration: none; }
a.info:visited { color: #ccc; text-decoration: none; }
a.info:hover { color: #E6BC40; text-decoration: none; }
.hover { margin-left: 190px }
.hoversp { margin-left: 190px }
p.foot { font-family: 'trebuchet ms'; font-size: 11px; color: #999; margin: 0px;  font-weight: normal; }


----------------------------

/* NAVIGATION HOVER */

a.nav { position: relative; z-index: 24; color: #666; text-decoration: none; }
a.nav:hover { z-index: 25; background-color: transparent; }
a.nav span { display: none; }
a.nav:hover span { display: block; position: absolute; top: 31px; left: -90px; width: 255px; border: 1px solid #AF9E7A; background-color: #C0BC9A; color: #666; text-align: left; padding: 6px; font-size: 11px; font-weight: normal; text-indent: 0px; margin-top: 0px;}


/* PHOTO HOVER */

a.foto { position: relative; z-index: 24; color: #666; text-decoration: none; }
a.foto:hover { z-index: 25; background-color: transparent; }
a.foto span { display: none; }
a.foto:hover span { display: block; position: absolute; top: -190px; left: 150px; width: 460px; border: 1px solid #AF9E7A; background-color: #ADB58D; color: #333; text-align: left; padding: 30px; padding-bottom: 20px; font-size: 10px; font-weight: normal; }