/********************************************

                            general

********************************************/

body {

	margin: 0px;

	padding: 0px;

  background-color:rgb(0,30,0);

  font-size:11px;

  font-family:Arial,Verdana,Helvetica,sans-serif;

  

  color:rgb(207, 172, 90);

  color:rgb(178,153,96);

  color:rgb(207, 180, 116);

  behavior:url("csshover.htc");  

}



p,div ,span, ul, li, a , img, form,table,tr,td,th{

  margin:0px;

  padding:0px;

}



p {

  padding-bottom:10px;

}



ul {

  list-style-type:none;

}



/********************************************

                            headers

********************************************/



h1 {

  position:relative;

  height:auto!important;

  height:1%;

  padding:0px;

  margin:0px;

  padding-top:10px;

  margin-bottom:10px;

  color:rgb(255,213,108);

  font-size:18px;

  font-weight:bold;

  text-transform:uppercase;

  

}



h1 span.decor {

  display:block;

  height:4px;

  width:545px;

  position:absolute;

  top:85%;

  left:95px;

  background:url(images/separator.gif);

  background-repeat:repeat-x;

}



h1.short span.decor {

  width:575px;

  position:absolute;

  top:85%;

  left:65px;

}



h1 span.decor span {

  display:block;

  height:27px;

  width:68px;

  position:absolute;

  top:-11px;

  right:-4px;

  background:url(images/decor.gif);

  background-repeat:no-repeat;

}





h2 {

  padding:0px;

  margin:0px;

  padding-bottom:10px;

  margin-bottom:10px;

  margin-top:15px;

  font-size:12px;

  text-transform:uppercase;

  color:#EFCB77;

  font-weight:bold;

  background:url(images/separator.gif);

  background-repeat:repeat-x;

  background-position:bottom left;

}



h2 span {

  padding-left:10px;

  font-size:11px;

  font-weight:normal;

  text-transform:none;

  vertical-align:3%;

}



h3 {

  margin:0px;

  padding:0px;

  font-size:12px;

  color:rgb(255,213,108);

  font-weight:bold;

}



/********************************************

                            links

********************************************/

a {

  color:rgb(178,153,96);

  text-decoration:underline;

}



a:focus {

  outline:none;

} 



a:hover {

  color:rgb(255,213,108);

}



a  img{

  border:none;

}



p a, span a {

  display:inline;

}



/********************************************

                            layout

********************************************/





#container {

  position:relative;

  height:auto!important;

  height:1%;

  width: 682px;

  margin-left:auto;

  margin-right:auto;

}



#header {

  min-height:80px; 

  height:auto !important;

  height:80px;

  margin:0px;

  text-align:center;

  padding:10px 0px 5px 0px;

}



#wrapper {

  position:relative;

  height:auto!important;

  height:1%;

}



#menu {

  position:relative;

  z-index:2;

  width:100%;

  overflow:hidden;

  margin:0px;

  padding:0px;

}



#content {

  position:relative;

  height:auto!important;

  height:1%;

  overflow:hidden;

  margin:0px;

  padding:0px;

  padding:0px 20px;

  padding-bottom:25px;

  background-color:rgb(90,74,53);

}



#contentLeft {

  float:left;

  display:inline;

  height:auto!important;

  height:1%;

  width:220px;

}



#contentRight {

  position:relative;

  float:right;

  display:inline;

  height:auto!important;

  height:1%;

  width:380px;

}



#footer {

  min-height:27px;

  height:auto !important;

  height:27px;

  overflow:hidden;

  padding:5px 20px;

  background-image:url(images/decor2.gif);

  background-position:50% 0%;

  background-repeat:no-repeat;

}



/********************************************

                            header

********************************************/



#header ul {

  position:absolute;

  top:10px;

  right:0px;

  /*overflow:hidden;*/

}



#header ul li {

  float:left;

  border-right:1px solid #B29960;

  padding-right:3px;

  margin-right:7px;

}



#header ul li a {

  text-decoration:none;

}



/********************************************

                            menu

********************************************/



#menu ul {

  padding-top:8px;

}



#menu ul li {

  float:left;

  display:inline;

  margin-left:4px;

}



#menu ul li a {

  display:block;

  height:202px;

  width:166px;

}



#menu ul li a span {

  display:block;

  height:168px;

  width:166px;

}



#menu ul li a img {

  margin-top:2px;

  margin-left:10px;

}



#menu ul li a#about span{

  background-image:url(images/menu1.jpg);

  background-position:top left;

  background-repeat:no-repeat;

}



#menu ul li a#reservation span{

  background-image:url(images/menu2.jpg);

  background-position:top left;

  background-repeat:no-repeat;

}



#menu ul li a#services span{

  background-image:url(images/menu3.jpg);

  background-position:top left;

  background-repeat:no-repeat;

}



#menu ul li a#location span{

  background-image:url(images/menu4.jpg);

  background-position:top left;

  background-repeat:no-repeat;

}



#menu ul li a#about:hover span, #menu ul li a#about span#active {

  background-image:url(images/menu1.jpg);

  background-position:top left;

  background-repeat:no-repeat;

  background-position:0px -200px;

}



#menu ul li a#reservation:hover span, #menu ul li a#reservation span#active{

  background-image:url(images/menu2.jpg);

  background-position:top left;

  background-repeat:no-repeat;

  background-position:0px -200px;

}



#menu ul li a#services:hover span, #menu ul li a#services span#active{

  background-image:url(images/menu3.jpg);

  background-position:top left;

  background-repeat:no-repeat;

  background-position:0px -200px;

}



#menu ul li a#location:hover span, #menu ul li a#location span#active{

  background-image:url(images/menu4.jpg);

  background-position:top left;

  background-repeat:no-repeat;

  background-position:0px -200px;

}





/********************************************

                            content

********************************************/





/****************

lists

****************/



#content  li {

  padding-bottom: 3px;

}



#content  li a, #content  li span {

  margin-left:5px;

  padding-left:10px;

  background:url(images/listMarker.gif);

  background-repeat:no-repeat;

  background-position: 0% 50%;

  text-decoration:underline;

}



#content li a:hover {

  background:url(images/listMarkerAnim.gif);

  background-repeat:no-repeat;

  background-position: 0% 50%;

  color:rgb(255,213,108);

}



#content li a.active {

  color:rgb(255,213,108);

}



#content ul.withParagraph li a, #content ul.withParagraph li span{

  text-decoration:none;

  font-weight: bold;

  font-family:Verdana;

  font-size:16px;

  letter-spacing:-0.09em;

}



#content ul.withParagraph li a:hover {

  color:rgb(255,213,108);

}



#content ul.withParagraph li p {

  padding:3px 0px;

}



#boxRight ul {

  margin-left:10px;

}



/*list in "reservation" page */

#content ul.reservation li span {

  text-decoration:none;

}



#content ul.reservation li span  a{

  background:none;

  padding:0px;  

}



/****************

forms

****************/

fieldset,input, textarea, select , label{

  margin:0px;

  padding:0px;

}



form div {

  height:auto!important;

  height:1%;

  overflow:hidden;

  margin-bottom:3px;

}



#formLeft {

  margin:0px;

  float:left;

  display:inline;

  width:370px;

}



#formRight {

  margin:0px;

  float:right;

  display:inline;

  width:270px;

}



form p {

  margin-left:5px;

  margin-top:10px;

}



label {

  float: left;

  display:inline;

  width:75px;

  height:auto!important;

  height:1%;

  margin-left:5px;

  padding-left:15px;

  padding-top:5px;

  background-image:url(images/listMarker.gif);

  background-repeat:no-repeat;

  background-position: 0% 65%;

  font-family:Verdana,Helvetica,Arial,sans-serif;

  font-size:11px;

  font-weight:bold;

}



#formRight label {

  width:80px;

}



input, textarea,select{

  float:left;

  display:inline;

  padding:3px 5px;

  border:none;

  background:rgb(148,129,85);

  font-size:13px;

  color:rgb(63, 51, 35);

}



input {

  width:260px;

}



textarea {

  overflow:visible;

  height:120px;

  width:535px;

}



select.longSelect { 

  float:left;

  width: 110px; 

  height: 20px;

  margin:0px;

  padding:0px;

}



select.shortSelect { 

  float:right;

  width: 54px; 

  height: 20px;

  margin:0px;

  padding:0px;

}



.button {

  width:100%;

  text-align:right;

}



.button input{

  display:inline;

  float:none;

  width:5.5em;

  margin:0px;

  padding:0px;

  padding-left:10px;

  margin-left:15px;

  margin-top:10px;

  border:none;

  background-color:rgb(90,74,53);

  background-image:url(images/listMarker.gif);

  background-repeat:no-repeat;

  background-position: 0% 50%;

  color:rgb(255,213,108);

  font-family:Verdana;

  font-size:12px;

  font-weight:bold;

  text-transform:uppercase;

  text-align:left;

}



.button input:hover{

  background-image:url(images/listMarkerAnim.gif);

  background-repeat:no-repeat;

  background-position: 0% 50%;

  cursor:pointer;

}



/****************

table 

****************/

table {

  margin-left:20px;

  margin-bottom:30px;

  border:none;



}



td.short,th.short {

  width:50px;

  text-align:right;

  vertical-align:middle;

}



td.long,th.long {

  width:250px;

  padding-right:20px;

  /*text-indent:-1em;*/

}



td,th,tr {

  text-align:left;

  vertical-align:top;

}



tr {

padding-bottom:5px;

/*min-height:20px;*/



}



th{

  font-weight:bold;

  font-family:Verdana;

  font-size:11px;

}



td p {

  margin:0px;

  padding:0px;

  line-height:110%;



}



/*menu table*/

.menu {

  overflow:hidden;

  width:100%;

  margin-bottom:25px;



}



.menu table {

  float:left;

  margin-right:70px;

  display:inline;

  margin-bottom:0px;

}



table.wines tr td.short, table.wines tr th.short {

  width:60px;

  text-align:right;

}



table.wines tr td.long, table.wines tr th.long {

  width:420px;

  padding-right:20px;

}





table.wines tr th.long {

  color:rgb(255,213,108);

  color:rgb(239, 203, 119);

}



table.wines tr td.long p span {

  font-weight:bold;

  font-family:Verdana;

  font-size:11px;

  letter-spacing:-0.03em;

}

  

table.wines tr th {

  padding-top:10px;

  padding-bottom:10px;

}

table.wines tr td {

  padding-bottom:5px;

}



table#spirits tr td.long {

  width:340px;

}



table.sampleMenu tr td {

  width:300px;

  /*padding-bottom:3px;*/

  

}



table.sampleMenu tr td.separate {

  padding-left:10px;

}



table.sampleMenu tr th {

  width:300px;

  padding-bottom:5px;

  padding-top:20px;

  color:#EFCB77;

}



p.alignWithTable {

  margin-left:20px;

}





table#reservations {

  margin:20px 0px;

  width:100%;

  border-collapse:collapse;

  border-top:#6F613E 1px solid;

}





table#reservations tr td, table#reservations tr th {

  border-bottom:#6F613E 1px solid;

  padding:7px 0px;

}



table#reservations tr td  {

  text-align:center;

}



table#reservations tr.mainTitle th {

  color:rgb(223, 192, 97);

  text-align:center;

}



table#reservations tr.subtitle th {

  text-transform:uppercase;

  color:rgb(223, 192, 97);

  padding:10px 0px;

  font-size:12px;

  padding-top:15px;

  padding-bottom:5px;

}





/****************

box at the right

****************/



#box {

  width:100%;

  overflow:hidden;

}



#boxLeft{

  float:left;

  display:inline;

  width:138px;

  overflow:hidden;

}



#boxLeft img {

  margin-right:3px;

  margin-bottom:2px;

}



#boxRight{

  float:right;

  display:inline;

  width:242px;

}



.style2 div#boxLeft {

  width:242px;

  width:200px;

}



.style2 div#boxRight {

  width:128px;

  width:180px;

}



/*images in "about hotel" page, hotel overview section*/

.overview div#boxLeft  img{

  margin-bottom:10px;

}



/*iframe in virtual.html page*/

#content p.iframe {

  text-align:center;

}



#content p.iframe iframe {

margin:0px;

padding:0px;

/*background-color:black;*/

background-color:none;

}



/****************

 galleries in home page

****************/



a.thumb {

  float:left;

  display:inline;

  margin-right:3px;

  margin-bottom:2px;

  height:75px;

  width:66px;

}



a.thumb span {

  display:none;

}





/********************************************

                            footer

********************************************/



#footerLeft {

  float:left;

  display:none;

  width:30%;

}



#footerRight {

  float:right;

  display:inline;

  width:30%;

  text-align:right;

}



#footer p {

  margin:0px;

  font-size:10px;

  color:rgb(120,105,70);

  text-transform:uppercase;

}



#footer a {

  padding:0px;

  margin:0px;

  font-size:10px;

  color:rgb(120,105,70);

  text-transform:uppercase;

  text-decoration:none;

}



#footer p#stop:hover, #footer p#play:hover {

  cursor:pointer;

}



/********************************************

                            other classes

********************************************/



/*************

frames

**************/

#frameTop {

  display:block;

  height:14px;

  width:100%;

  position:relative;

  background-image:url(images/frameTopM2.gif);

  background-repeat:repeat-x;

}



#frameTopL {



  height:14px;

  width:11px;

float:left;

display:inline;

  background-image:url(images/frameTopL2.gif);

  background-repeat:no-repeat;

}



#frameTopR {



  height:14px;

  width:11px;

float:right;

display:inline;

  background-image:url(images/frameTopR2.gif);

  background-repeat:no-repeat;

}



#frameBottom {

  display:block;

  height:15px;

  width:100%;

  position:relative;

  bottom:0px;

  left:0px;

  background-image:url(images/frameBottomM.gif);

  background-repeat:repeat-x;

}



#frameBottomL {

  height:15px;

  width:14px;

  float:left;

  display:inline;

  background-image:url(images/frameBottomL.gif);

  background-repeat:no-repeat;

}



#frameBottomR {

  height:15px;

  width:14px;

  float:right;

  display:inline;

  background-image:url(images/frameBottomR.gif);

  background-repeat:no-repeat;

}











.clear {

  display:block;

  clear:both;

  width:100%;

  height:0.001%;

  margin:0px;

  padding:0px;

}