html {
  margin: 0px;
  padding: 0px;
  background-color: #833f33;
  }
body {
  margin: 0px;
  padding: 4px 0px 0px 0px;
  min-width: 975px;
  background: url(../graphics/bg_fade.gif) repeat-x left top #833f33;
  font-family: helvetica, arial, sans-serif;
  font-size: 76%;
  }
#base {
  width: 975px;
  height: 646px;
  margin: 0px auto 0px auto;
  position: relative;
  background: url(../graphics/bg_base.gif) no-repeat right top;
  }
#header {
  width: 945px;
  height: 85px;
  margin: 0px 15px 0px 15px;
  position: relative;
  }
#contact_panel {
  position: absolute;
  top: 3px;
  right: 0px;
  width: 270px;
  font-size: 9px;
  }
#contact_panel img {
  float: left;
  }
#contact_panel p {
  margin: 0px 0px 0px 45px;
  line-height: 12px;
  color: #ffffff;
  }
#contact_panel p a {
  color: #ffffff;
  }
#contact_panel p .handle {
  color: #975b4f;
  }


/* Navigation */

ul#nav {
  list-style-type: none;
  height: 28px;
  margin: 0px 0px 0px 250px;
  padding: 57px 0px 0px 6px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  }
ul#nav li {
  display: block;
  float: left;
  margin: 0px 0px 0px 6px;
  height: 28px;
  }
ul#nav li#order_nav {
  float: right;
  width: 115px;
  text-align: center;
  }
ul#nav li a {
  display: block;
  line-height: 20px;
  height: 20px;
  padding: 6px 14px 2px 8px;
  text-decoration: none;
  color: #5b2b23;
  }
ul#nav li a:hover {
  color: #e3afa3;
  }
ul#nav li.here {
  background: url(../graphics/nav_here_bg.png) no-repeat left top;
  }
ul#nav li.here a {
  color: #ffffff;
  background: url(../graphics/nav_here_edge_bg.png) no-repeat right top;
  }
ul#nav li#order_nav.here a {
  background: url(../graphics/nav_here_edge_order_bg.gif) no-repeat right top;
  }

ul#nav li a img {
  position: absolute;
  top: 5px;
  left: 0px;
  border: 0px;
  }


ul#nav li ul {
  display: none;
  }
ul#nav li.here ul {
  display: block;
  position: absolute;
  top: 256px;
  left: 0px;
  width: 184px;
  height: 295px;
  padding: 0px;
  margin: 0px;
  border-right: 1px solid #a76f63;
  }
ul#nav li ul li {
  display: block;
  float: none;
  height: 26px;
  width: 184px;
  margin: 0px 0px 34px 0px;
  text-align: right;
  }
ul#nav li ul li a {
  padding: 2px 8px 2px 0px;
  width: 176px;
  color: #995555;
  }
ul#nav li ul li a:hover {
  color: #995555;
  background-color: #e7d3c3;
  }
ul#nav li.here ul li a {
  color: #773333;
  background-image: none;
  }
ul#nav li.here ul li.here {
  background-image: none;
  }
ul#nav li.here ul li.here a {
  color: #773333;
  background-color: #d7c3b3;
  background-image: none;
  }

#img_strip {
  position: relative;
  margin: 8px 15px;
  }
#img_strip img {
  z-index: 1;
  }
#cnr_left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 8px;
  height: 135px;
  z-index: 2;
  background-image: url(../graphics/img_strip_cnr_left.png);
  }
#cnr_right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 8px;
  height: 135px;
  z-index: 2;
  background-image: url(../graphics/img_strip_cnr_right.png);
  }

#main {
  margin: 8px 15px 0px 15px;
  padding-top: 20px;
  width: 945px;
  height: 320px;
  background-color: transparent;
  }
#col_a,
#col_b {
  overflow: hidden;
  }
#col_a:hover,
#col_b:hover {
  overflow: auto;
  }

/* editing interface */
#base #main.edit {
  background-color: #f8f8f0;
  }
#base.home #main.edit #col_a,
#base.wide #main.edit #col_a,
#base.gallery #main.edit #col_a,
#base.gallery #main.edit #col_b {
  height: auto;
  overflow: visible;
  }
#base.gallery #main.edit #col_b {
  margin: 10px 0px 0px 185px;
  width: 400px;
  padding-left: 170px;
  }


/* Home layout */
#base.home #main {
  background: url(../graphics/home_woodcuts.gif) no-repeat center bottom;
  }
#base.home #col_a {
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 540px;
  height: 116px;
  text-align: center;
  }
#base.home #col_a:hover {
  overflow: hidden;
  }
#base.home #col_a h1.page_heading {
  width: 540px;
  height: 10px;
  margin-bottom: 10px;
  font-size: 1px;
  text-align: left;
  letter-spacing: -1000px;
  color: #f7f7ef;
  background: url(../graphics/home_heading.gif) no-repeat center top;
  }
#base.home #col_a p {
  margin: 0pt 0pt 0pt 0pt;
  width: 540px;
  line-height: 1.6em;
  color: #939397;
  }


/* wide layout */
#base.wide #col_a {
  margin: 0px 0px 0px 185px;
  padding: 0px 0px 0px 20px;
  width: 740px;
  height: 300px;
  }
#base.wide #col_a p {
  margin: 0pt 0pt 7pt 0pt;
  width: 540px;
  line-height: 1.6em;
  }
#base.wide #col_a p.listintro {
  margin: 0pt 0pt 0pt 0pt;
  }
#base.wide #col_a ul {
  margin: 0pt 0pt 7pt 0pt;
  padding: 0pt 0pt 0pt 1em;
  width: 540px;
  line-height: 1.6em;
  }
#base.wide #col_a .floater {
  float: left;
  width: 310px;
  }
#base.wide #col_a .floater p,
#base.wide #col_a .floater ul {
  width: 310px;
  }
#base.wide #col_a .floater_530 {
  float: left;
  width: 530px;
  }
#base.wide #col_a .floater_530 p {
  width: 500px;
  }


/* Two Charlies layout */
#base.two_charlies #main {
  background: url(../graphics/two_charlies.gif) no-repeat right bottom;
  }
#base.two_charlies #col_a p,
#base.two_charlies #col_a ul {
  width: 490px;
  }

/* gallery layout */
#base.gallery #col_a {
  float: left;
  margin: 0px 0px 0px 185px;
  padding: 0px 0px 0px 20px;
  width: 310px;
  height: 300px;
  }
#base.gallery #col_a p {
  margin: 0pt 0pt 7pt 0pt;
  width: 280px;
  line-height: 1.7em;
  }
#base.gallery #col_b {
  float: left;
  margin: 0px;
  padding: 0px 60px 0px 30px;
  width: 340px;
  height: 300px;
  }
#base.gallery #col_b p {
  margin: 0pt 0pt 7pt 0pt;
  width: 340px;
  line-height: 1.7em;
  }

#base.gallery ul.gallery {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
#base.gallery ul.gallery li {
  list-style-type: none;
  display: block;
  float: left;
  width: 140px;
  height: 150px;
  background-image: url(../graphics/gallery_tn_base.png);
  cursor: pointer;
  }
#base.gallery ul.gallery li img {
  margin: 17px 0px 0px 15px;
  filter: alpha(opacity=50);
  opacity: 0.5;
/*
  width: 10px;
  height: 10px;
*/
  }
#base.gallery ul.gallery li:hover img,
#base.gallery ul.gallery li.selected img {
  margin: 17px 0px 0px 15px;
  filter: alpha(opacity=100);
  opacity: 1.0;
  }
#base.gallery ul.gallery li .caption {
  margin: 0px 13px 0px 5px;
  width: 122px;
  text-align: center;
  }
#base.gallery ul.gallery li .main_content {
  display: none;
  }




#base.gallery .edit ul.gallery {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
#base.gallery .edit #col_a {
  width: 610px;
  }
#base.gallery .edit ul.gallery li {
  list-style-type: none;
  display: block;
  float: none;
  width: 580px;
  height: auto;
  background-image: none;
  border-bottom: 1px dotted #883333;
  margin-bottom: 20px;
  padding-bottom: 20px;
  }
#base.gallery .edit ul.gallery li img {
  float: left;
  margin: 0px;
  }
#base.gallery .edit ul.gallery li .caption {
  clear: left;
  float: left;
  display: block;
  margin: 0px;
  width: 102px;
  }
#base.gallery .edit ul.gallery li .main_content {
  display: block;
  margin-left: 150px;
  }


/* Wines page */
#base.wide #col_a .wine {
  float: left;
  margin: 0px 5px 0px 0px;
  width: 180px;
  height: 300px;
  }
#base.wide #col_a .wine h2 {
  margin: 0pt 0pt 4pt 0pt;
  font-size: 1em;
  }
#base.wide #col_a .wine h2 a {
  margin: 0px 0px 0px 0px;
  color: #5b2b23;
  }
#base.wide #col_a .wine p {
  margin: 0pt 0pt 2pt 0pt;
  width: 180px;
  }


/* Awards page */
#base.wide #col_a .award {
  position: relative;
  margin-bottom: 20px;
  clear: right;
  }
#base.wide #col_a .award img {
  position: absolute;
  top: 0px;
  left: 400px;
  }
#base.wide #col_a .award h2 {
  margin: 0pt 0pt 4pt 0pt;
  width: 310px;
  font-size: 1em;
  }
#base.wide #col_a .award p {
  margin: 0pt 0pt 2pt 0pt;
  width: 310px;
  }
#base.wide #col_a .award h2 a {
  margin: 0px 0px 0px 0px;
  font-size: 1em;
  color: #5b2b23;
  }


/* Reviews page */
#base.wide #col_a .review {
  margin-bottom: 20px;
  }
#base.wide #col_a .review h2 {
  margin: 0pt 0pt 4pt 0pt;
  width: 310px;
  font-size: 1em;
  }
#base.wide #col_a .review p {
  margin: 0pt 0pt 2pt 0pt;
  width: 310px;
  }
#base.wide #col_a .review h2 a {
  margin: 0px 0px 0px 0px;
  font-size: 1em;
  color: #5b2b23;
  }


form input[type="text"] {
  margin-bottom: 4px;
  padding: 4px 2px;
  width: 245px;
  font-size: 7pt;
  background-color: #d3c3af;
  border: none;
  }
form select {
  margin-bottom: 4px;
  padding: 0px 0px 0px 2px;
  width: 247px;
  height: 20px;
  font-size: 7pt;
  background-color: #d3c3af;
  border: none;
  }

hr {
  height: 1px;
  color: #5b2b23;
  background-color: #5b2b23;
  }




ul#quicklinks {
  position: absolute;
  bottom: 66px;
  left: 3px;
  width: 210px;
  height: 90px;
  margin: 0px;
  padding: 0px 0px 0px 4px;
  list-style-type: none;
  background: url(../graphics/quicklinks_bg.png) no-repeat;
  }
ul#quicklinks li {
  display: block;
  float: left;
  width: 66px;
  height: 90px;
  margin: 0px;
  font-size: 1px;
  letter-spacing: -1000pt;
  list-style-type: none;
  }
ul#quicklinks li a {
  display: block;
  width: 66px;
  height: 90px;
  color: #FFFFCC;
  filter: alpha(opacity=100);
  opacity: 1.0;
  text-align: center;
  }
ul#quicklinks:hover li a {
  filter: alpha(opacity=50);
  opacity: 0.5;
  }
ul#quicklinks li:hover a,
ul#quicklinks li.here a {
  filter: alpha(opacity=100);
  opacity: 1;
  }
ul#quicklinks li a#ql_1 {
  background: url(../graphics/quicklinks_1.png) no-repeat;
  }
ul#quicklinks li a#ql_2 {
  background: url(../graphics/quicklinks_2.png) no-repeat;
  }
ul#quicklinks li a#ql_3 {
  background: url(../graphics/quicklinks_3.png) no-repeat;
  }


.home ul#quicklinks {
  position: absolute;
  bottom: 66px;
  left: 260px;
  width: 462px;
  height: 204px;
  margin: 0px;
  padding: 0px 0px 0px 14px;
  list-style-type: none;
  background: url(../graphics/quicklinks_bg_home.png) no-repeat;
  }
.home ul#quicklinks li {
  width: 140px;
  height: 204px;
  }
.home ul#quicklinks li a {
  width: 140px;
  height: 204px;
  }
.home ul#quicklinks li a#ql_1 {
  background: url(../graphics/quicklinks_1_home.png) no-repeat;
  }
.home ul#quicklinks li a#ql_2 {
  background: url(../graphics/quicklinks_2_home.png) no-repeat;
  }
.home ul#quicklinks li a#ql_3 {
  background: url(../graphics/quicklinks_3_home.png) no-repeat;
  }











#footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 945px;
  height: 60px;
  margin: 0px 15px 0px 15px;
  text-align: center;
  font-size: 11px;
  }
#footer ul {
  height: 24px;
  padding: 0px;
  margin: 5px auto 0px auto;
	width: 169px;
  }
#footer ul li {
  display: inline;
  }
#footer ul li a {
  display: block;
	float: left;
	width: 45px;
  padding: 6px 4px 2px 4px;
  text-decoration: none;
  color: #b37f73;
  }
#footer ul li a:hover {
  color: #ffffff;
  }
/*
#footer h2 {
  padding: 0px;
  margin: 0px;
  color: #ffffff;
  }*/

#footer h2 {
  display: block;
  padding: 0px;
  margin: 2px auto 2px auto;
  width: 540px;
  height: 8px;
  font-size: 1px;
  text-align: left;
  letter-spacing: -1000px;
  color: #000000;
  background: url(../graphics/footer_heading.gif) no-repeat center top;
  }

#footer p {
  padding: 0px;
  margin: 0px;
  font-style: italic;
  color: #c7a397;
  }
#footer a#facebook_link,
#footer a#twitter_link,
#footer a#satc_award,
#footer a#satic_accreditation {
  position: absolute;
	bottom: 0px;
  right: 5px;
	}
#footer a#facebook_link {
  left: 0px;
	bottom: 4px;
	width: 54px;
	}
#footer a#twitter_link {
  left: 54px;
	bottom: 4px;
	width: 54px;
	}
#footer a#satc_award {
  right: 70px;
	width: 65px;
	}
#footer a#satic_accreditation {
  right: 0px;
	width: 65px;
	}