body, p, ul, ol, li, div, h1, h2, h3, h4, h5, h6, blockquote
{margin: 0; padding: 0;}
body
{background: #993d17 url('img/body-bg.jpg') repeat-x bottom left;
 text-align: center;
 font-family: Times New Roman;
 font-size: 90%;
 line-height: 1.4;
 color: #420;
}
#wrapper, #footer
{margin: 0 auto; }
#wrapper
{text-align: left;
 width: 900px;
 padding: 0 19px;
 background: #eae1cf url('img/wrapper-bg.jpg') repeat-y;
}
#inner
{background: url('img/inner-bg.jpg') no-repeat; 
 padding: 0 20px;
 position: relative;
 width: 860px;
 overflow: hidden;
}

#header
{height: 190px; position: absolute; top: 0;}
#logo{
 width:627px;
 height:95px;
 padding:12px 0 0;
 text-align:right;
 margin-left:80px;
}
#slogan
{float:left;
 padding: 17px 0 0 240px; 
 width:407px;
 height: 25px;
}
#reserve
{width:182px; 
 padding-left: 18px;
 float: left;
 text-align:center; 
 color: #f6e9ca; 
}
#recommended, #guestComments
{border-bottom: 1px dashed #644028;
}

#recommended
{text-align: center;
 padding: 20px 0;
 margin-bottom:20px;
}
#guestComments
{font-size: 80%;
 width: 220px;
 padding-top: 5px;
}
#guestTop
{background: url('img/guest-bg.png') no-repeat; 
 height: 39px; width: 220px;
}
#guestBody
{background: url('img/guest-bg.png') no-repeat bottom; 
 font-style: italic;
 color:#987A62;
 line-height:1.2em;
 padding: 0 16px 18px;
 width: 188px;
}
#guestBody blockquote
{position: relative;
 top: -20px;}
#guestInfo
{color: #50280f;
 font-family: Arial, Helvetica;
 font-size: 90%;
 padding: 0 0 12px 96px;
}
#sidebar
{width: 224px;
 float: right;
 position: relative;
 z-index: 10;
 margin: 99px 0 0;
}
#navigation
{margin-bottom: 25px;
 line-height: 1.8;
 font-size:110%;
 }
#navigation ul
{background: #610 url('img/nav-bg.png') no-repeat;
 width: 194px;
 list-style-type: none;
 border: 1px solid #000;
 padding:7px 12px 0px 0px;
}
#navigation li, #navigation li a {height: 30px;padding-left:12px;}
#navigation li a
{color: #E3D4AF;  
 font-size: 110%;
 font-weight:800;
 text-decoration: none;
 display: block;
 border-bottom: 1px dashed #b40;
}
#navigation li a.last
{border-bottom: 0 none;}
#navigation li a:hover, #navigation li a:focus
{text-decoration: underline;}
#navigation li ul
{position: absolute;
 left: -999em;
 width: 250px;
 z-index: 10;
 }
#navigation li:hover ul, #navigation li.sfhover ul
{left: 150px; margin-top: -30px;}

#content
{width: 615px; 
 float: right; 
 padding: 27px 0 0 20px; 
 margin: 159px 0 0;
 }
#content p 
{ margin: 0 0 1em;
 padding: 0 45px 0 0;
}
#content ul{margin: 0 0 1em 3em;}

#content legend {
 color: #BB4400;
 font-size: 1.1em; 
 font-weight: normal;
 line-height: 1.9;
}
#content fieldset {
 margin: 0 0 1em;
}

#showcase
{width: 630px;
 height: 233px;
 margin: 0 0 3.5em;
}
h1,h2,h3
{color: #BB4400; 
 font-weight: normal;
 line-height: 1;
}

h1
{font-size: 1.6em;
 margin: 0 0 0.4em;
}
h2
{font-size: 1.2em;
 margin: 1.5em 0 0.1em;
}
h3
{font-size: 1.1em;
 margin: 1.5em 0 0.1em;
}
h1.maintitle
{margin: 0 0 0.2em;}
h2.subtitle
{margin: 0 0 1em;}

hr {margin-top:20px;border:1px solid #ED9619}
#footer
{font-family: Arial, Helvetica; 
 background: url('img/footer-bg.jpg') no-repeat;
 width: 878px;
 height:20px;
 padding: 34px 30px 130px; 
 color: #420; 
 clear: both; 
 font-size: 11px;   
 text-align:right; 
}
#footer a
{color: #DD6611; text-decoration: none;}
#footer a:hover, #footer a:focus
{text-decoration: underline}

#copyright
{float: left; width: 300px; text-align: left;}
#content a, #guestInfo a
{color: #B40}
#content a:hover, #guestInfo a:hover
{text-decoration: none;}
#content a:visited, #guestInfo a:visited
{color: #610}

#footLinks {color:#E8DFCE;font-family: Arial, Helvetica;font-size:11px}
#footLinks a {color: #E8DFCE}
#footLinks a:hover {text-decoration: none;}
#footLinks a:visited {color: #DD8811}

/****Classes and such*******************************/
.clear{clear: both;}
a img{border: none;}
.promo
{ width: 480px;
  padding: 10px;
  margin:0 0 15px 20px;
  background: #d2ba98;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.promoInner
{background: #d2ba98; 
 width: 460px;
 border: 1px solid #eadec6;
 padding: 10px 0 10px 10px; 
}
#content ul.imageList
{list-style-type: none;
 margin: 1em 0 0;
 }
 #content ul.imageList2
{list-style-type: none;
 margin: .8em 0 0;
 }
 
.inputWidth {
width:240px;
}
 
 #tourPhotosTop
 {background: url('img/photo-bg-top.png') no-repeat;
  height:10px;overflow: hidden;
 }
#tourPhotos{
 background: url('img/photo-bg.png') repeat-y;
 padding: 0 0 0 15px;
 width: 600px;
}
#photoNav{
 background: url(img/photo-bg-btm.png) no-repeat;
 height:50px;
 padding:0 15px; 
}
.headPhotos{
margin-right:7px;
}
.required{
color:#B40;
}
.imageList li
{float: left;
 width: 120px;
 height: 120px;
 }
.imageList li img
{padding: 5px; background-color: #fff; border: 1px solid #ccc}
#backArrow, #nextArrow
{float: left; 
 width: 50%; 
 text-align: left; 
 display: block; 
 text-decoration: none;
 width: 267px;
}
.imageList2 li
{float: left;
 width: 148px;
 height: 111px;
 }
.imageList2 li img
{padding: 4px; background-color: #fff; border: 1px solid #ccc;margin-right:0px;}
#backArrow, #nextArrow
{float: left; 
 width: 50%; 
 text-align: left; 
 display: block; 
 text-decoration: none;
 width: 267px;
}
#backArrow{padding-left: 25px; background: url('img/back-arrow.png') no-repeat left 1px;}
#backArrow:hover, #nextArrow:hover
{text-decoration: underline}
#nextArrow
{text-align: right; padding-right: 25px; background: url('img/next-arrow.png') no-repeat right 1px;}

#price
{float: right;margin:0 70px 10px 0}
.wineryList {margin:0 50px 5px 0}
.wineryFotosL
{width:150px;padding: 5px; background-color: #EAE2CF; border: 1px solid #ccc;float:left;margin:0 10px 5px 0}
.wineryFotosR
{width:150px;padding: 5px; background-color: #EAE2CF; border: 1px solid #ccc;float:right;margin:0 5px 0 10px}
