/* == Main layout structure
----------------------------------------------------------------------------------------------------------------------*/
#head{border-bottom: solid 1px #D6D3C4;background: #E1DAC7 url(../_img/head-bg.gif) repeat-x bottom left}
#headInner{width: 896px;padding: 0 8px;margin: 0 auto;padding-bottom: 8px}
#wrap{width: 896px;padding: 0 8px 13px 8px;margin: 0 auto;text-align: left;background: #F0EEE2 url(../_img/shadow-side.gif) repeat-y top left;position: relative;}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #mainContent{width: 896px; float: left; margin-bottom: 30px}
#wrap #foot{clear: both;background: #E7E2CF;height: 30px; line-height: 30px;height: 1%;margin: 0 2px; padding: 0 28px;font-weight: bold;}
#wrap #foot:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

#wrap .templateHome .zoneOne{float: left; margin-left: 30px; display: inline;width: 538px;}
#wrap .templateHome .zoneTwo{float: right; margin-right: 30px; display: inline; width: 240px;}
#wrap .templateHome .zoneOneWide{float: left; margin-left: 30px; display: inline;width: 836px;}

/* == Head content
----------------------------------------------------------------------------------------------------------------------*/
#head .strap{float: right;margin: 12px 0 0 0}

/* == Main image panels
----------------------------------------------------------------------------------------------------------------------*/
#wrap #leadImg{float: left; background: url(../_img/img-bg.jpg) no-repeat top left; height: 331px; width: 857px; padding: 23px 0 0 23px; margin: 0 0 20px 8px; display: inline}
#wrap #leadImgInt{float: left; background: url(../_img/img-bg-int.jpg) no-repeat top left; height: 213px; width: 834px; padding: 23px 23px 0 23px; margin: 0 0 0px 8px; display: inline}
#wrap #leadImgInt p{margin: 0;}
#wrap #leadImgInt p.caption{float: right;width: 300px;margin: 30px 25px 0 0; display: inline;font-size: 120%;font-family: Georgia; color: #777;}

#wrap #leadImgPhoto{float: left; background: url(../_img/img-bg-photo.jpg) no-repeat top left; height: 377px; width: 857px; padding: 23px 0 0 23px; margin: 0 0 10px 8px; display: inline; position: relative; overflow: hidden;}
#wrap #leadImgPhoto .tabHolderTwo{position: absolute; top: 23px; left: 23px;z-index: 1;}
#wrap #leadImgPhoto .top{z-index: 10;}

/* == Primary navigation
----------------------------------------------------------------------------------------------------------------------*/
#priNav ul{float: left; width: 863px; margin: 0 0 15px 2px; padding: 0 0 0 29px; list-style: none;background: #E8E4D8; display: inline}
#priNav ul li{float: left;margin: 0;}
#priNav ul li a{float: left;height: 37px; line-height: 37px;padding: 0 18px; font-weight: bold; font-size: 110%; color: #444; text-decoration: none;}
#priNav ul li a:hover, #priNav ul li a.on{background: url(../_img/nav-hover.gif) no-repeat bottom center; color: #fff}

/* == Home thumbnails
----------------------------------------------------------------------------------------------------------------------*/
ul.homeThumbs{margin: 0;}
ul.homeThumbs li{margin: 0; list-style: none; display: inline; padding-right: 12px;}
ul.homeThumbs li.end{padding-right: 0;}
ul.homeThumbs li img{border: solid 3px #BEB8AC}

/* == Menu category list
----------------------------------------------------------------------------------------------------------------------*/
ul.menuCats{margin: 15px 0 0 0; list-style: none;height: 1%;}
ul.menuCats:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.menuCats li{float: left;margin: 0;}
ul.menuCats li a{float: left;padding: 0 10px 10px 10px;width: 258px;text-decoration: none;font-family: Georgia, Times New Roman; font-size: 150%;}
ul.menuCats li a span{display: block; background: #e0d9bf;padding: 5px 10px;margin-bottom: 4px;}
ul.menuCats li a img{padding: 1px; background: #fff; border: solid 1px #978d75;}
ul.menuCats li a:hover{color: #000;}
ul.menuCats li a:hover img{opacity: .75;filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";}
ul.menuCats li.on a{background: #e0d9bf;color: #000;}

.tabHolder{background: #e0d9bf;float: left; width: 816px;padding: 0 10px;}

div.menuList{float: left; width: 30%; margin-right: 2%;padding-left: 10px;}
div.menuList ul{list-style: none; margin: 0;}
div.menuList h3{border-bottom: solid 1px #c5bca6;padding-bottom: 10px;}

div.wineList{float: left; width: 95%; margin-right: 2%;padding-left: 10px;}
div.wineList ul{list-style: none; margin: 0;}
div.wineList h3{border-bottom: solid 1px #c5bca6;padding-bottom: 10px;}

/* == Gallery thumbnails
----------------------------------------------------------------------------------------------------------------------*/
ul.galleryThumbs{float: left; background: url(../_img/img-bg-thumbs.jpg) no-repeat top left; height: 187px; width: 840px; padding: 28px 0 0 40px; margin: 0 0 20px 8px; display: inline}
ul.galleryThumbs li{margin:0; list-style: none; float: left;}
ul.galleryThumbs li a{float: left;}
ul.galleryThumbs li a img{float: left;border: solid 5px #e4dfcc;-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;-ms-filter: "alpha(opacity=70)";}
ul.galleryThumbs li.on a img{border: solid 5px #fff;-moz-opacity:1; filter:alpha(opacity=100); opacity:.99;-ms-filter: "alpha(opacity=100)";}
ul.galleryThumbs li a:hover img{-moz-opacity:1; filter:alpha(opacity=100); opacity:.99;-ms-filter: "alpha(opacity=100)";}

/* == Screen messages
----------------------------------------------------------------------------------------------------------------------*/
.msgInfo{border: solid 1px #ccc3a2; background: #eae4cf; text-align: center; padding: 10px;}