/* CSS Document */

/* page Setup*/
body { padding:0; margin:0; text-align:center; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:0.7em; background:#808473; }
a {  font-family:Arial, Verdana, Helvetica, sans-serif; color:#c26517; text-decoration:none; }
a:hover { text-decoration:none; color:#999999; }
p,form,address,li,ul,h1,h2,h3,h4,h5,h6 { padding:0; margin:0;}
img { border:0; }
input { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#FFFFFF; border: 1px solid #999999;  color:#000; padding: 2px; height:16px; width:180px; }
.textarea { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#FFFFFF; border: 1px solid #999999;  color:#000; padding: 2px; width:180px; }
.SubmitButton { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#efefef; border: 1px solid #999999;  color:#000; padding: 2px; height:20px; width:185px; }
select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#FFFFFF; border: 1px solid #999999;  color:#000; padding: 2px; height:20px; width:185px; }
.SmallButton { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background: url(images/Submit.jpg) 0 0 no-repeat; border: 0px;  color:#c26517; padding: 2px; height:20px; width:185px; }

.PopUp {display:none; position:absolute; border:2px solid #000; overflow:auto; background: #fff; padding: 5px; width:200px; height:200px; color:#000; z-index:1000; }


#RightColumn input { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#FFFFFF; border: 1px solid #999999;  color:#000; padding: 2px; height:16px; width:150px; }
#RightColumn .textarea { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#FFFFFF; border: 1px solid #999999;  color:#000; padding: 2px; width:150px; }
#RightColumn .SubmitButton { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#efefef; border: 1px solid #999999;  color:#000; padding: 2px; height:20px; width:155px; }
#RightColumn select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#FFFFFF; border: 1px solid #999999;  color:#000; padding: 2px; height:20px; width:155px; }
#RightColumn .SmallButton { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background: url(images/Submit.jpg) 0 0 no-repeat; border: 0px;  color:#c26517; padding: 2px; height:22px; width:55px; }

h1 {  font-family:Arial, Verdana, Helvetica, sans-serif; color:#c26517; font-size:14px; }
h2 {  font-family:Arial, Verdana, Helvetica, sans-serif; color:#c26517; font-size:13px; }
h3 {  font-family:Arial, Verdana, Helvetica, sans-serif; color:#c26517; font-size:12px; }
h4 {  font-family:Arial, Verdana, Helvetica, sans-serif; color:#c26517; font-size:12px; }
h5 {  font-family:Arial, Verdana, Helvetica, sans-serif; color:#c26517; font-size:12px; }
h6 {  font-family:Arial, Verdana, Helvetica, sans-serif; color:#c26517; font-size:12px; }

.copper { font-weight:bold; color:#c26517; font-size:1.2em; }

.ContactFloat {float:left; width:200px; display:block;}

#Scroll { display:block; position:relative; height:320px; width:495px; overflow:auto; padding: 0 10px 0 0 ; }

/* PEPOLE */
#PersonHolderMain a { color:#000000; font-size:1.1em; }
.PersonHolder { float:left; width:100px; display:block; height:130px;}
a.PersonOne {  background-image: url(images/Anselmo.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.PersonOne:hover {background-position: 0px -101px ;}

a.PersonTwo {  background-image: url(images/Lolo.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.PersonTwo:hover {background-position: 0px -101px ;}

a.PersonThree {  background-image: url(images/Rene.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.PersonThree:hover {background-position: 0px -101px ;}

a.PersonFour {  background-image: url(images/Mario.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.PersonFour:hover {background-position: 0px -101px ;}


a.DirectorOne {  background-image: url(images/LuisFelipeEdwardsSnr.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.DirectorOne:hover {background-position: 0px -101px ;}

a.DirectorTwo {  background-image: url(images/LuisFelipeEdwardsJnr.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.DirectorTwo:hover {background-position: 0px -101px ;}

a.DirectorThree {  background-image: url(images/NicolasBizzarri.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.DirectorThree:hover {background-position: 0px -101px ;}

a.DirectorFour {  background-image: url(images/EugenioCox.jpg); background-repeat:no-repeat; background-position: 0 0 ; width:75px; height:101px; display:block; }
a.DirectorFour:hover {background-position: 0px -101px ;}




a.off {background-position: 0px -101px ;}

/* Positioning */
#Top { height:40px; width:990px; margin-left:auto; margin-right:auto; background:url(images/grad_top.jpg) bottom left no-repeat; }

#Frame { clear:both; width:990px; text-align:left; margin-left:auto; margin-right:auto; background:url(images/BG.jpg) 0 0 repeat-y;}
#Banner { clear:both; width:955px; padding:0 0 0 17px; }
#Content { clear:both; width:955px; background: url(images/ContentBG.jpg) 17px 0px repeat-y; padding:0 0 0 17px; }

#LeftColumn { width:166px; float:left; padding: 0 20px 0 20px; }


/* Navigation */

#LeftColumn dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }

#menu { position: relative; top: 0; left: 0; }

dl#menu { width: 165px; }

dl#menu dt { cursor: pointer; margin: 4px 0; height: 20px; line-height: 10px; text-align: left; border-bottom: 1px solid #dcdcdc; padding-left:10px; color:#000;}

dl#menu dd { padding: 0 0 0 14px; border-bottom: 1px solid #dcdcdc;  }

dl#menu li { text-align: left; padding: 2px 2px 2px 2px; }

dl#menu li a, dl#menu dt a { color: #666666; display: block; height: 100%; padding:2px 2px 2px 0px; }

dl#menu li a:hover, dl#menu dt a:hover {color:#c26517;}


/* Navigation End*/

#MidColumn { width:549px; float:left; line-height:1.6em; }
#Heading { padding: 0 ;}
#MainText { padding: 0 20px 0 20px;}

#MidColumn ul { list-style-type:square; padding: 25px;}
#MidColumn li { list-style-type:square; padding: 4px 0 0 0;}

.Row{ clear:both; padding:4px 0 0 0; }
.RowLeft { width:210px; text-align:right; display:block; float:left;}
.RowRight { padding:0 0 0 4px; width:290px; text-align:left; display:block; float:left;}

#RightColumn { width:200px; float:left; }

#RightColumnPad { padding: 0 20px 0 20px; }

#BrownBar {clear:both; width:955px; background:#a05804; height:19px; display:block;}

#Footer { clear:both; height:40px; width:990px; margin-left:auto; margin-right:auto; background:url(images/grad_bottom.jpg) top left no-repeat; }
/* Wines */
a.WineSub {display:block; padding-top:7px; width:190px; float:right;}
.Awards {width:23px; height:25px; display:block; float:right;}
.Hires {width:23px; height:24px; display:block; float:right;}
.WineData { width:23px; height:31px; display:block; float:right;}

#WineRangeRight { width:220px; float:right;}
#WineRange ul { padding:0 0 0 0px; list-style-type:none; }
#WineRange li { padding:3px 0 0 15px; list-style-type:none; background:url(images/bulletPoint.jpg) 4px 10px no-repeat ; }