body { background-color: #369; font: normal 11px verdana; color: #575800; }

/* SPLASH */

#head-s { position: relative; margin-top: 10px; width: 700px; height: 190px; background: #fff url('head-s.gif') top no-repeat;}

#splash { position: relative; margin: 0px; width: 700px; height: 350px; background: #fff url('splash.jpg') no-repeat;}
#splashnav { position: absolute; top: 15px; right: 80px; width: 200px; text-align: right; font-size: 11px; }
#splashnav a:link, #splashnav a:visited  { text-decoration: none; color: #996; font-weight: bold;}
#splashnav a:hover { text-decoration: none; color: #e58901; font-weight: bold;}
#splashnav a:active, #splashnav a:focus { width: 0; height: 0; outline: 0; }

/*#main { position: relative; top: 0px; left: 90px; width: 530px; background: #fff; padding-bottom: 50px; }*/

#main1 { position: relative; width: 210px; background: #fff; margin-left: 60px; padding-top: 15px; text-align: right; }
#main1 h1 { margin: 0; padding: 0; text-align: right; }

/* HOME */

#home { position: relative; top: 0px; left: 60px; width: 560px; background: #fff; padding-bottom: 20px; }
#home h1 { margin: 0 0px 5px 0; text-align: right; }
.right2 { text-align: right; margin: 0 0 20px 0; padding; 0; }

#adcont { float: left; width: 155px; margin: 5px 0 20px 0; text-align: center;}
.hilite { float: left; width: 140px; background: #fff; padding: 2px 7px 5px 7px; border: 5px #fc0 dotted; text-align: center; margin: 10px 0 20px 0; }
#tripad { float: left; width: 150px; background: #fff; padding: 0; text-align: center; margin: 0; }

.rate2 { font: bold 12px 'trebuchet ms'; color: #e58901;}
#adcont h3 { margin: 5px 0; padding: 0; font: bold 12px 'trebuchet ms'; color: #369; letter-spacing: 1px;}
#adcont p { margin: 5px 0; padding: 0;}

#linkcont { float: right; width: 370px; margin: 0px 0 20px 0; }
#linkcont h2 { text-align: left; margin: 0; padding: 0px; font-size: 12px; }
#linkcont p { margin-top: 5px; padding: 0px; }
#linkcont p.more2 { margin-top: 5px; padding: 0px; text-align: center; }
a.title:link, a.title:visited  { text-decoration: none; color: #e58901; }
a.title:hover { text-decoration: none; color: #369; }
a.title:active, a.title:focus { width: 0; height: 0; outline: 0; }

.link1, .link2, .link3, .link4 { float: right; width: 350px; height: 100px; padding: 10px; margin: 5px 0 5px 10px; }
.link1 { background: #9bcfa6; }
.link2 { background: #cfc233; }
.link3 { background: #e58901; }
.link4 { background: #608f2c; }
.link1 img, .link2 img, .link3 img, .link4 img { float: right; }
.linkinfo { float: left; width: 200px; height: 80px; padding: 10px; margin: 0px; background: #fff; }


#head { position: relative; margin-top: 10px; width: 700px; height: 170px; background: #fff url('head.gif') top no-repeat;}

#nav { position: absolute; top: 50px; right: 80px; width: 200px; text-align: right; }

#nav a:link, #nav a:visited  { text-decoration: none; color: #996; font-weight: normal;}
#nav a:hover, .here { text-decoration: none; color: #e58901; font-weight: bold;}
#nav a:active, #nav a:focus { width: 0; height: 0; outline: 0; }

a:link, a:visited  { text-decoration: underline; color: #369; }
a:hover { text-decoration: none; color: #e58901; }
a:active, a:focus { width: 0; height: 0; outline: 0; }

a.button:link, a.button:visited { text-decoration: none; color: #e58901;  padding: 3px 7px 3px 7px; background-color: #e0efe3; font: bold 8px arial; letter-spacing: 1px; border: 2px #e0efe3 dotted; }
a.button:hover { text-decoration: none; color: #e58901; background-color: #fc6;}
a.button:active, a.button:focus { width: 0; height: 0; outline: 0; }

a.button2:link, a.button2:visited { text-decoration: none; color: #fff;  padding: 4px 8px 4px 8px; background-color: #e58901; font: bold 8px arial; letter-spacing: 1px; }
a.button2:hover { text-decoration: none; color: #e58901; background-color: #fc6;}
a.button2:active, a.button2:focus { width: 0; height: 0; outline: 0; }

#content { position: relative; margin-top: 0px; width: 700px; background: #fff }

h1 { margin: 0 30px 5px 0px; padding-top: 20px; text-align: right; font: bold 16px 'trebuchet ms'; color: #e58901; letter-spacing: 1px;}
h1.lodge { margin: 0 0px 5px 0; text-align: left; }
h1.grill { margin: 0 75px 15px 0; text-align: right; }

h2 { margin: 20px 0 5px 0; padding: 0; text-align: left; font: bold 14px 'trebuchet ms'; color: #e58901; letter-spacing: 1px;}

h2.small { margin: 20px 0 5px 0; padding: 0; text-align: left; font: bold 12px 'trebuchet ms'; color: #369; letter-spacing: 1px;}

h3 { margin: 0; padding: 0; text-align: center; font: bold 12px 'trebuchet ms'; color: #369; letter-spacing: 1px;}

#special h3 { margin: 2px 0; padding: 0; }


hr { width: 100%; color: #cc0; background: #cc0; height: 1px; text-align: left; border: 0; margin: 10px 0 10px 0; }
.center { margin-right: auto; margin-left: auto; text-align: center;}
.minimen { text-align: right; margin-right: 30px; color: #e58901; }
.right { text-align: right; margin-right: 30px; }
.bold { font-weight: bold;}

#rooms { position: relative; top: 0px; left: 60px; width: 590px; background: #fff; padding-bottom: 30px; text-align: right; }
p.rooms { margin: 0 30px 15px 0; padding: 0; }

#thanks { position: relative; top: 0px; left: 90px; width: 560px; background: #fff; padding-bottom: 50px; }

#map { position: relative; width: 510px; background: #d1efd7; padding: 10px; margin-top: 20px; }

#ad { position: relative; top: 0px; width: 400px; background: #fff; padding-top: 5px; border: 5px #fc0 dotted; text-align: center; margin: 10px auto 0 auto;}

#ad2 { position: relative; width: 230px; background: #fff; padding-bottom: 0px; border: 2px #c06629 dotted; text-align: center; margin: 5px auto;}

/*#ad3 { position: absolute; top: 10px; left: 0px; width: 300px; background: #fff; padding: 0px 10px; border: 2px #c06629 dotted; text-align: left; }*/

.showcase { float: left; position: relative; margin: 10px 10px 0 0; background: #a8cfb0; padding: 8px; }
.thumb { float: left; width: 120px; height: 100px; background: #a8cfb0; padding: 3px; }
.describe { float: left; margin-left: 10px; width: 115px; height: 90px; background: #fff; padding: 8px 8px 8px 3px; text-align: right; }
.describe p { margin: 0 0 10px 0; padding: 0; }
p.price { text-align: right; font: bold 14px 'trebuchet ms'; color: #e58901; margin-top: 10px; }
.up { font-weight: normal; color: #000; font-size: 11px; }
.more { position: absolute; width: 50px; height: 20px; bottom: 10px; right: 20px; text-align: right;  }
.clear { clear: both; }

#rooms2 { position: relative; top: 10px; left: 50px; width: 620px; background: #fff; padding-bottom: 30px; }

.gallery { float: left; width: 160px; background: #fff; padding: 0px; margin-top: 10px; }
.thumb2 { float: left; width: 140px; height: 105px; background: #d1efd7; padding: 10px; margin-bottom: 10px;}
#info { float: left; width: 240px; background: #fff; padding: 0 25px 5px 25px; }
.rate { font: bold 14px 'trebuchet ms'; color: #e58901;}
#but1 { float: left; width: 100px; background: #fff; margin-top: 15px; }
#but2 { float: right; width: 100px; background: #fff; margin-top: 15px; text-align: right; }

/* =OPTMENU
----------------------------------------------------------------------*/

#optmenu { position: relative; width: 160px; background: #d1efd7; padding: 0 0 10px 0; margin: 0;}
.optimg, .optimg2 { float: left; width: 60px; height: 60px; margin: 10px 0 0 10px; padding: 2px; border: 0; }
.optimg { background: #d1efd7; }
.optimg2 { background: #e58901; }

/* OPTMENU HOVER */

a.opt { position: relative; z-index: 24; color: #369; text-decoration: underline; border: 0; }
a.opt:hover { z-index: 25; color: #e58901; background-color: #e58901; text-decoration: none;  }
a.opt span { display: none; }
a.opt:hover span { display: block; position: absolute; top: -60px; left: 20px; width: 80px; background-color: #fff; border: 1px #e58901 solid; color: #575800; text-align: left; padding: 5px; font-size: 10px; line-height: 150%; }
a.opt:active, a.opt:focus { width: 0; height: 0; outline: 0; }

#prices { width: 245px; height: 60px; background: #fff; font: normal 12px 'trebuchet ms'; }
.cell1 { float: left; width: 120px; background: #cc3; text-align: left; color: #fff; text-indent: 5px; margin-right: 1px; }
.cell2 { float: left; width: 60px; background: #cc3; text-align: center; color: #fff; margin-right: 1px; }
.cell1b { float: left; width: 118px; height: 19px; background: #fff; text-align: left;  text-indent: 5px; margin-right: 1px; margin-top: 2px; border: 1px #cc3 solid; padding-top: 1px; }
.cell2b { float: left; width: 58px; height: 20px; background: #fff; text-align: center;  margin-right: 1px; margin-top: 2px; border: 1px #cc3 solid; font: bold 14px 'trebuchet ms'; color: #e58901;}

.month { float: left; padding: 0; margin-right: 12px; margin-bottom: 7px; width: 140px; border: 1px #e0efe3 solid; }


/* RESTAURANT */

#grill { position: relative; top: 0px; left: 45px; width: 580px; background: #cfc233; padding: 15px 15px 0px 15px; margin-bottom: 30px; }

.fotos, .fotos2 { width: 180px; background: #cfc233; padding: 0px; margin: 0; }
.fotos { float: left;}
.fotos2 { float: right;}

.fotos img, .fotos2 img  { margin-bottom: 15px; width: 180px; height: 135px; }

#grillinfo { float: left; width: 170px; height: 575px; background: #fff; padding: 10px 10px 0px 20px; margin: 0 10px 20px 10px; }

#special { position: relative; width: 150px; background: #fff; padding: 5px 0; border: 5px #608f2c dotted; text-align: center; margin: 10px 0 20px 0; }

/* FORMS */

#info2 { float: left; width: 435px; margin: 0 0px 20px 25px; background-color: #fff; }


#formwrap { position: relative; width: 440px; padding: 0; background-color: #fff; margin: 0px; }
#calwrap { float: right; width: 150px; background-color: #fff;  padding-bottom: 0px; color: #e58901; font-weight: bold; margin-top: 0px; line-height: 250%;}
#fieldwrap { float: left; margin: 10px 0 10px 0; width: 285px; background-color: #fff; }


/* CONTACT US */

#contact { position: relative; top: 0px; left: 90px; width: 530px; background: #fff; padding-bottom: 50px; }
#contact3 { position: relative; top: 0px; left: 90px; width: 560px; background: #fff; padding-bottom: 50px; }

#contact h1 {margin: 0 0px 5px 0; }

#formwrap2 { float: right; width: 250px;  padding: 10px 5px 10px 15px;  background-color: #fff; margin: 20px 0 30px 0; border: 2px #cc9 dotted; }
#formwrap3 { float: left; width: 250px;  padding: 10px 5px 10px 15px;  background-color: #fff; margin: 20px 0 30px 0; border: 2px #cc9 dotted; }
#formwrap2 h1 {margin: 0; padding: 0; text-align: right; }
#formwrap3 h1 {margin: 0; padding: 0; text-align: left; }

#fieldwrap2 { float: right; margin: 10px 0 10px 0; width: 220px; background-color: #fff;}
#formwrap2 textarea { width: 235px; height: 30px; margin: 5px 0 10px 0; padding: 5px 0 0 5px; }

#contact2 { float: left; width: 240px; background: #fff; margin-top: 15px; }

#info3 { width: 180px; background: #fff; padding: 10px; text-align: center; }
#contact2 img { width: 200px; height: 150px; border: 10px #c3dfc9 solid; margin: 30px 0 0 0px; }

#formwrap img, #formwrap2 img  { float: left; margin: 5px 10px 0 5px; }
p.form { line-height: 200%; margin: 0; text-align: right; }
.label  { float: left; width: 60px; height: 18px; margin-right: 3px; background-color: #fff; text-align: left; }
.label2  {float: left; margin-top: 10px; background-color: #fff; }
.label3  { float: left; width: 40px; height: 18px; background-color: #fff; text-align: left; }
.label4  { float: left; width: 70px; height: 18px; margin-left: 10px; background-color: #fff; text-align: left; }

input, textarea { float: left; color: #4a606e; background-color: #fff; font-family: courier; font-size: 1.2em; border: 1px solid #7495ab; margin-bottom: 5px; margin-right: 5px; }
input { width: 155px; height: 18px; }
input.number { width: 50px; height: 18px; }
input.short { width: 70px; margin-top: 4px; margin-left: 10px;}
textarea { width: 400px; height: 30px; margin: 5px 0 10px 0; padding: 5px 0 0 5px; }

select { float: left; color: #4a606e; background-color: #fff; border: 1px solid #7495ab; margin-bottom: 5px; margin-right: 2px; }
select.two { margin-right: 10px; }
object { margin-top: 10px; margin-bottom: 20px; }

.butsend, .butreset { margin-top: 10px; font: normal 11px verdana; width: 65px; height: 26px; cursor: pointer; padding: 0 0 4px 0; }
.butsend { color: #fff; background-color: #e58901; border: #e58901 1px solid; }
.butsend:hover, .butreset:hover { color: #fff; background-color: #7495ab; border: #7495ab 1px solid; }




.butreset { color: #7495ab; background-color: #fff; margin-right: 15px; margin-left: 0px; border: #7495ab 1px dotted;}
.hi { font-weight: bold; color: #e58901; }
.hi2 { font-weight: bold; color: #608f2c; }
.hi3 { font-weight: bold; color: #c06629; }
.hi4 { font-weight: normal; color: #e58901; }

/* PRIVACY HOVER */

#private { float: right; width: 180px; padding-top: 10px; background-color: #fff; text-align: right; }
p.policy  { position: relative; margin: 0; }

a.alert { z-index: 24; color: #c06629; text-decoration: none; font-weight: normal;}
a.alert:hover { z-index: 25; color: #cf8d4d; background-color: #fff; }
a.alert span { display: none; }
a.alert:hover span { display: block; position: absolute; top: 20px; left: 0px; width: 395; border: 2px solid #7495ab; background-color: #fff; color: #575800; text-align: left; padding: 5px; font-size: 10px; font-weight: normal; line-height: 120%; }

/* FOOTER */

#footer { position: relative; margin: 0px; width: 700px; height: 30px; background: #fff; }

#foot { position: relative; width: 555px; top: 5px; left: 70px; font: normal 9px verdana; color: #960; text-align: left; border-top: 1px #cc0 dotted; padding-top: 3px;  background-color: #fff;}
#foot a { text-decoration: underline; }
#foot a:hover { text-decoration: none; }
/* Copyright hover*/
a.copy { z-index: 24; color: #369; text-decoration: underline; }
a.copy:hover { z-index: 25; color: #e58901; background-color: transparent; text-decoration: none;}
a.copy span { display: none; }
a.copy:hover span { display: block; position: absolute; top: 30px; left: -70px; width: 690px; background-color: #transparent; border: 1px #ffc dotted; color: #ccc; text-align: left; padding: 5px; font-size: 10px; font-weight: normal; line-height: 150%; }
#meta { width: 700; height: 100px; background-color: transparent; font-size: 9px; font-weight: normal; color: #369; margin: 0 auto; }