* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #000; }
a:hover {color: #506a78;  }

body {
font: 62.5% "Georgia", Times New Roman, serif;  
color: #000;
}
body#home { background: #f1efed url(../img/bg/welcome.jpg) center 0 no-repeat; }
body#about { background: #f1efed url(../img/bg/about.jpg) center 0 no-repeat; }
body#vine { background: #f1efed url(../img/bg/vine.jpg) center 0 no-repeat; }
body#hotelinfo { background: #f1efed url(../img/bg/hotel-info.jpg) center 0 no-repeat; }
body#heritage { background: #f1efed url(../img/bg/heritage.jpg) center 0 no-repeat; }
body#out { background: #f1efed url(../img/bg/out.jpg) center 0 no-repeat; }
body#contact { background: #f1efed url(../img/bg/contact.jpg) center 0 no-repeat; }
#wrapper {
width: 860px;
margin: 0 auto;
}
#contain {width: 860px; position: absolute;}
#header { 
float: left;
height: 125px;
width: 860px;
margin: 30px 0 0 0;
}
h1 { 
float: left;
width: 118px;
font: normal 1.8em/1.2em "Georgia", Times New Roman, serif;
}
h1 a { color: #000;}




/* Root = Horizontal, Secondary = Vertical */
ul#nav {
height: 22px;
float: right;
margin-top: 15px;
}
ul#nav li {
float: left; /*For Gecko*/
display: inline;
position: relative;
height: 22px;
}
ul#nav ul {
width: 150px;
display: none;
position: absolute;
top: 22px;
left: 0px;
}
ul#nav ul li {
float: left;
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#nav li a {
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #506a78;
height: 22px;
background: transparent url(../img/trans.gif) 0 0 repeat; 
padding: 0 6px;
text-decoration: none;
font: normal 1.1em/1.2em "Georgia", Times New Roman, serif;  
}
ul#nav li b { font: normal 1.3em/1.2em "Georgia", Times New Roman, serif; }
/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a { 
color: #8b9ca6;
float: left;
background: #fff;
}
/* 2nd Menu */
ul#nav li:hover ul { 
color: #506a78;
width: 125px; 
background: #fff;
 }
ul#nav li:hover ul#vinemenu { width: 200px;}
ul#nav li:hover ul#vinemenu li a,
ul#nav li.iehover ul#vinemenu li a{ width: 200px;}
ul#nav li:hover li a,
ul#nav li.iehover li a {  
float: none;
float: left;
width: 125px;
display: block;
font: normal 1em/2.2em "Georgia", Times New Roman, serif;
color: #506a78;
}
/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {  color: #8b9ca6;}
ul#nav li:hover ul,
ul#nav li.iehover ul { display: block; }


/* main content area */
#content {
width: 860px;
display: block;
padding-bottom: 50px;
}
#content-left {width: 515px;float: left;}
#content-right {width: 515px;float: right;}
p.right { text-align: right; margin-right: 90px;}
#content-right .map, #content-right .guest, #content-right .message { width: 415px; margin-left: 20px;}
#images-left {width: 330px;float: left;}
#images-right {width: 330px;float: right;}
#content h2 {
color: #506a78;
font: normal 1.5em/1.2em "Georgia", Times New Roman, serif;
margin: 0 0 15px;
}
h3 {
font: normal 1.15em/1.7em "Georgia", Times New Roman, serif;
margin: 0 0 3px 12px
}
h4 {
font: bold 1.15em/1.7em "Georgia", Times New Roman, serif;
margin: 0 0 3px 12px;
}
p {
font: normal 1.15em/1.7em "Georgia", Times New Roman, serif; 
margin: 0 0 14px 12px;
}
p a.top {
background: transparent url(../img/top.gif) left center no-repeat; 
padding-left: 10px;
}


/* slideshows */
#slideshow {
position:relative;
height: 306px;
margin: 45px 0 0 0;
}
#slideshow IMG {
 position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {z-index:9;}



/* ol list */
ol li {
margin: 0 0 15px 36px;
font: normal 1.15em/1.5em "Georgia", Times New Roman, serif; 
}
ol li em {
font: italic 1.1em/1em "Georgia", Times New Roman, serif; 
margin: 0 0 15px -12px;
}
/* alphabetical list in scrollbar */
#content-right ul {margin: 0 0 12px}
#content-right ul li {
margin: 0 0 5px 24px;
list-style-type: disc;
font: normal 1.15em/1.5em "Georgia", Times New Roman, serif; 
}
#content-right ul#sitemap li {
margin: 0 0 3px 25px;
}
#content-right ul#sitemap li ul {margin: 2px 0 10px 0;}
#content-right ul#sitemap li ul li {
margin: 0 0 3px 25px;
list-style-type: disc;
font: normal 1em/1.2em "Georgia", Times New Roman, serif; 
}
#alphabetical p {margin: 0 0 15px 24px}



/* tripadvisor styles */
#content-right #TA_selfservprop249 ul li {list-style-type: none; margin-left: 0;}



/* table styles */
table#rates {
width: 95%;
margin: 0 12px 24px 12px;
font: normal 1.15em/1.2em "Georgia", Times New Roman, serif; 
}
table#rates thead th {
font-weight: bold;
padding: 2px 0;
text-align: left;
}
table#rates tbody th {
font-style: italic;
color: #506a78;
font-weight: normal;
padding: 2px 8px;
text-align: left;
}
table#rates td {
padding: 2px 8px;
text-align: left;
border-bottom: 1px dotted #8b9ca6;
}
table#rates th#right, table#rates td#right {
text-align: right;
}





/* form elements
--------------------------------*/
form p { line-height: 1.8em; }
input, textarea, select {
border: 1px solid #687b89;
width:240px;
margin: 0 0 4px;
padding: 2px;
background: transparent url(../img/40.png) 0 0 repeat;
font: normal 1.05em/1.2em "Georgia", Times New Roman, serif; 
}
select { width: 50px; }
textarea:focus, input:focus, select:focus { background: #fff; border: 1px solid #227e83;}
label {
float: left;
clear: left;
width:135px;
text-align: right;
padding-right: 10px;
}
input.btn {
width: auto;
padding: 2px 5px;
border: 0;
margin: 8px 0 0 145px;
clear: left;
outline: none;
cursor: pointer;
background: #778892;
border-bottom: 1px solid #4b5c64;
border-right: 1px solid #5e707a;
border-top: 1px solid #c2cdd1;
border-left: 1px solid #a6b3b9;
color: #fff;
}
input.btn:hover {
border-top: 1px solid #4b5c64;
border-left: 1px solid #5e707a;
border-bottom: 1px solid #c2cdd1;
border-right: 1px solid #a6b3b9;
}
form span {color: #8b9ca6; padding: 0 0 0 2px; }
input.checkbox {
padding: 0; 
height: auto; 
width: auto; 
background: 0; 
outline: 0;
border: 0;
margin: 0 5px 0 0;
background: transparent;
}
form#contact label {width:85px;}
form#contact input.btn {margin-left: 95px;}

#wx_module_1545 input { width: auto; padding: 0 border: auto; margin: 0; background: auto;}

/* footer fixed to bottom */
#footer {
width: 860px;
clear: both;
bottom: 0;
position: absolute;
padding: 25px 0 10px;
margin: 0;
}
#footer p { color: #8b9ca6; font-size: 1em; margin: 0; }
#footer p a { color: #8b9ca6;}
#footer p a:hover {color: #506a78;    }
#footer p#left { float: left;}
#footer p#right { float: right;}