html {
font: small/1.4 Georgia, serif;
}

body {
text-align:center;
background-image: url(art/WALES_TILE_2.gif);
background-repeat: repeat-x;
background-color: #401514;
padding: 0;
margin: 0;
}
	
#frame {
width: 850px;
margin-right: auto;
margin-left: auto;
padding: 0;
margin-top: 0;
text-align: left;
background: #fff;
background-image: url(art/WALES_TOP.jpg);
background-repeat: no-repeat;
}

/* COLORS
BRONW - 9B9579
YELLO - E8C84D
5c3938
RED   - 401514 */

/* Sections for the WINES on Wines page - these are the place holders  --------------------------- */

#wines {
min-height: 125px;
margin-bottom: 25px;
clear: left;
}

#wines img {
float: left;
padding: 2px;
margin: 0 10px 35px 0;
border: 1px solid #AAA;
}

#wines span {
font-size: 13px;
}

#wineslast {
min-height: 125px;
margin-bottom: 25px;
border-bottom: 1px dotted #AAA;
padding: 0 0 20px 0;
clear: left;
}

#wineslast img {
float: left;
padding: 2px;
margin: 0 10px 35px 0;
border: 1px solid #AAA;
}

#wineslast span {
font-size: 13px;
}

#winesassocintro {
margin-bottom: 25px;
clear: left;
}

#winesassoc {
min-height: 125px;
margin-bottom: 25px;
clear: left;
}

#winesassoc img {
float: left;
padding: 0;
margin: 0 10px 35px 0;
}

#winesassoc span {
font-size: 13px;
}

.centervideo {
margin: 0 0 0 30px;
padding: 0;
}


/* navigation for the CONTENT_MAIN AREA */
		
#CONTENT_MAIN {
width: 820px;
padding: 10px 15px 15px 15px;
float: left;
background: #fff;
}

h1 {
font-family: Georgia, serif;
font-size: 1em;
font-weight: 500;
line-height: 1.1em;
color: #fff;
text-align: center;
margin: 10px 0 10px 0;
}

/* navigation for the CONTENT_LEFT AREA */

#CONTENT_LEFT {
width: 500px;
padding: 0 0 330px 0;
float: left;
background-image: url(art/BOTTLES.jpg);
background-position: bottom left;
background-repeat: no-repeat;
height: 100%;
}

#CONTENT_LEFT_NO, #CONTENT_LEFT_GAL {
width: 500px;
padding: 0;
float: left;
height: 100%;
}

#CONTENT_LEFT_ALL {
width: 810px;
padding: 0;
float: left;
height: 100%;
}

#CONTENT_LEFT h2, #CONTENT_LEFT_NO h2, #CONTENT_LEFT_ALL h2, #CONTENT_LEFT_GAL h2 {
font-family: Georgia, serif;
font-size: 1.625em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1.1em;
color: #401514;
margin: 18px 0 10px 0;
}

h5 {
font-family: Georgia, serif;
font-size: 2.5em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1.1em;
color: #401514;
border-bottom: 1px dotted #000;
margin: 0 0 1px 0;
display: inline;
}

h3 {
font-family: Georgia, serif;
font-size: 1.625em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1.1em;
color: #401514;
margin: 0 0 0 0;
padding: 0 0 10px 0;
}

h4 {
font-family: Georgia, serif;
font-size: 1.1em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1.2em;
color: #401514;
margin: 0 0 5px 5px;
padding: 0;
}

#map {
margin: 10px 0 10px 25px;
padding: 0;
}

#CONTENT_LEFT span, #CONTENT_LEFT_NO span, #CONTENT_LEFT_ALL span, #CONTENT_LEFT_GAL span, {
font-size: 110%;
}

#SCHEDULE {
background-color: #e7e7e7;
padding: 10px;
}

#SCHEDULE p{
font-family: Georgia, serif;
font-size: .9em;
color: #5f5f5f;
margin: 0 10px 10px 10px;
}

#SCHEDULE span {
color: #a19b85;
}

#CONTENT_LEFT p, #CONTENT_LEFT_NO p, #CONTENT_LEFT_ALL p, #CONTENT_LEFT_GAL p {
font-family: Georgia, serif;
font-size: .9em;
color: #5f5f5f;
margin: 0 0 10px 0;
}

.floatleft {
float: left;
padding: 3px;
margin: 0 15px 12px 0;
border: 1px solid #401514;
background-color: #9B9579;
}

.floatcenter {
float: none;
padding: 3px;
margin: 10px 0 0 23px;
border: 1px solid #401514;
background-color: #9B9579;
}

.floatleft_no {
float: left;
padding: 0;
margin: 12px 15px 12px 0;
}

.floatright {
float: right;
padding: 0;
margin: 0 25px 10px 25px;
}


/* navigation for the CONTENT_RIGHT AREA */
	
#CONTENT_RIGHT {
width: 310px;
padding-bottom: 10px;
float: right;
margin: 10px 0 10px 0;
background: #9B9579;
}

#CONTENT_RIGHT img {
padding: 2px;
margin: 10px 0 10px 10px;
border: 1px solid #401514;
background-color: #fff;
}

#CONTENT_RIGHT img.floatleft_no_2 {
float: left;
margin: 10px 0 0 10px;
padding: 0;
border: 0px;
background-color: #9B9579;
}

#CONTENT_RIGHT h2 {
font-family: Georgia, serif;
font-size: 1.375em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1.25em;
color: #401514;
margin: 10px 0 0 10px;
}

#CONTENT_RIGHT p {
font-family: Georgia, serif;
font-size: .9em;
line-height: 1.375em;
color: #401514;
margin: 5px 15px 10px 15px;
}

#CONTENT_RIGHT p.quote {
font-family: Georgia, serif;
font-size: 1.125em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1.4em;
color: #cecab7;
margin: 10px 20px 10px 20px;
}

#CONTENT_RIGHT p.quote span {
font-size: 80%;
color: #401514;
}

#CONTENT_RIGHT a, #CONTENT_LEFT a, #CONTENT_LEFT_NO a {
color: #643938;
font-weight: 500;
text-decoration: none;
margin: 0;
padding: 0;
}

a.wineslink {
color: #643938;
font-weight: 500;
text-decoration: none;
margin: 0;
padding: 0;
}

a:hover.wineslink {
color: #E8C84D;
background-color: #401514;
border-bottom: 1px dotted #E8C84D;
}

#CONTENT_LEFT_GAL a {
color: #643938;
font-weight: 500;
text-decoration: none;
margin: 0;
padding: 0;
}

#CONTENT_RIGHT a:hover, #CONTENT_LEFT a:hover, #CONTENT_LEFT_NO  a:hover {
color: #E8C84D;
background-color: #401514;
border-bottom: 1px dotted #E8C84D;
}

#CONTENT_LEFT a.external {
color: #643938;
font-weight: 500;
text-decoration: underline;
margin: 0;
padding: 0;
}

#CONTENT_LEFT a:hover.external {
color: #E8C84D;
background-color: #401514;
border-bottom: 1px dotted #E8C84D;
}

#CONTENT_LEFT_GAL  a:hover {
color: #E8C84D;
background-color: transparent;
border-bottom: 0px;
}

#CONTENT_RIGHT span {
color: #5c3938;
}

#CONTENT_LEFT div.quote {
text-align: center;
margin: 0;
padding: 0;
}


/* Unordered LIST INSTRUCTIONS */

ul#small_ALL {
list-style-type: none;
padding: 5px 0 0 0;
margin: 2px 0 18px 15px;
text-align: left;
}

li#plainbullet {
background-image: url(art/BULLET.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
padding: 0
}

li#nobullet {
padding: 0;
}

#CONTENT_LEFT p.nolistbig {
font-size: 1.35em;
line-height: 1.3em;
color: #401514;
margin: 0 15px 6px 17px;
padding: 0;
}

#CONTENT_LEFT p.nolist {
font-size: 1em;
line-height: 1.3em;
color: #401514;
margin: 0 15px 6px 17px;
padding: 0;
}

#SCHEDULE span.smaller {
color: #5f5f5f;
font-size: 70%;
}

.medium {
font-size: 80%;
}

/* navigation for the top portion on the page************************** */
	
#navigation {
padding: 193px 0 20px 10px;
}

#nav {
  width: 830px;
  height: 34px;
  position: relative;
  background: url(art/WALES_NAV.gif);
  margin: 0;    
  padding: 0;
}
#nav li {
  float: left;
  list-style-type: none;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 34px;
  background: url(art/WALES_NAV.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_HOM a {
  left: 0;
  width: 81px;
  background-position: 0 0;
}
li#nav_WIN a {
  left: 81px;
  width: 63px;
  background-position: -81px 0;
}
li#nav_TST a {
  left: 144px;
  width: 135px;
  background-position: -144px 0;
}
li#nav_WED a {
  left: 279px;
  width: 199px;
  background-position: -279px 0;
}
li#nav_DST a {
  left: 478px;
  width: 103px;
  background-position: -478px 0;
}
li#nav_DIR a {
  left: 581px;
  width: 114px;
  background-position: -581px 0;
}
li#nav_NEW a {
  left: 695px;
  width: 135px;
  background-position: -695px 0;
}
li#nav_HOM a:hover {
  background-position: 0 -34px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_WIN a:hover {
  background-position: -81px -34px;
  background-color: transparent;
  border-bottom: 0px;  
}
li#nav_TST a:hover {
  background-position: -144px -34px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_WED a:hover {
  background-position: -279px -34px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_DST a:hover {
  background-position: -478px -34px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_DIR a:hover {
  background-position: -581px -34px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_NEW a:hover {
  background-position: -695px -34px;
  background-color: transparent;
  border-bottom: 0px;
}
#body_HOM li#nav_HOM  a {
  background-position: 0 -68px;
}
#body_WIN li#nav_WIN a {
  background-position: -81px -68px;
}
#body_TST li#nav_TST a {
  background-position: -144px -68px;
}
#body_WED li#nav_WED a {
  background-position: -279px -68px;
}
#body_DST li#nav_DST a {
  background-position: -478px -68px;
}
#body_DIR li#nav_DIR a {
  background-position: -581px -68px;
}
#body_NEW li#nav_NEW a {
  background-position: -695px -68px;
}

/* Footer for bottom portion on the page************************** */

.footer {
margin: 2px 0 0 0;
padding: 0;
}

.footer span {
color: #9B9579
}

.footer li {
  list-style-type: none;
}

.footer li a {
color: #fff;
font-size: .85em;
font-weight: normal;
text-decoration: none;
margin: 2px 0 3px 0;
padding: 0;
}

.footer li a:hover {
color: #401514;
background-color: #E8C84D;
border-bottom: 1px dotted #716554;
}

/* LightBOX ******************************************** */

#frame_gallery {
display: block;
}

#frame_gallery img {
padding: 2px;
margin: 3px 10px 7px 0;
border: 1px solid #401514;
background-color: #9B9579;
}

#frame_gallery p {
font-size: 13px;
line-height: 1.4em;
font-weight: normal;
color: #401514;
}

#frame_gallery h1 {
font-size: 17px;
line-height: 1.5em;
font-weight: normal;
color: #0077B0;
margin: 0;
}

#frame_gallery h1 span.space {
margin: 4px;
padding: 2px;
font-size: 120%;
color: #EEE;
background-color: #0077B0;
}

a.advance {
color: #0077B0;
text-decoration: none;
margin: 5px;
font-size: 120%;
}

a:hover.advance {
color: #001A41;
background-color: #9C9FA1;
border-bottom: 1px dotted #0077B0;
}

/* LightBOX ******************************************** */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}