/* Reset
--------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Global styles
--------------------------------*/

#nav { float: left; width: 626px; height: 26px; padding: 0 0 0 0; margin: 96px 0 0 36px; overflow: visible; line-height: 1; position: relative; z-index: 99999; }
#nav ul { margin: 0; padding: 0; list-style: none; }
li.navl1 { display: block; float: left; position: relative; }

li.navl1 a { display: block; float: left; height: 18px; padding: 4px 16px; background: url(../img/nav-main.png) no-repeat 0 0; }
li.navl1 a { color: #cbbd9a; text-indent: -9999px; text-decoration: none; font: 20px/26px Centaur, "Times New Roman", Times, serif; font-variant: small-caps; }

/* Top level navs */
li.navl1 a.nav1a { background-position: 0 0;      width: 77px; }
li.navl1 a.nav2a { background-position: -114px 0; width: 100px; }
li.navl1 a.nav3a { background-position: -250px 0; width: 65px; }
li.navl1 a.nav4a { background-position: -352px 0; width: 138px; }
li.navl1 a.nav5a { background-position: -526px 0; width: 85px; margin-right: 0; }

li.navl1 a.nav1a:hover { background-position: 0px -26px; }
li.navl1 a.nav2a:hover { background-position: -114px -26px; }
li.navl1 a.nav3a:hover { background-position: -250px -26px; }
li.navl1 a.nav4a:hover { background-position: -352px -26px; }
li.navl1 a.nav5a:hover { background-position: -526px -26px; }

ul.ul-navl2 { clear: left; position: absolute; top: 26px; width: 110px; margin: 0 0 0 0; padding: 0; }
ul.ul-navl2 li.navl2 { margin: 0; padding: 0; height: 24px; position: relative; }

ul.ul-navl2 li.navl2 a { display: block; float: none; position: relative; height: 26px; margin: 0; padding: 0 8px; border-bottom: 1px solid #b1a07f; border-top: 1px solid #c4b593; background: url(../img/nav-l2.png) repeat-x 0 0; text-indent: 0; font: 16px/26px Centaur, "Times New Roman", Times, serif; font-variant: small-caps; }
ul.ul-navl2 li.navl2 a:hover { color: #462a14; text-decoration: none; background: url(../img/nav-l2.png) repeat-x 0 -27px; }

ul.ul-navl3 { display: block; position: absolute; left: 110px; top: 0; visibility: hidden; }
li.navl3 a { display: block; width: 150px; }



h1,h2,h3,h4,h5,p,span,div,li,td,dd,dt,strong,em,a { color: #442812; font: 12px/2 Arial, Helvetica, sans-serif; }
h1 { font-size: 24px; }
p { margin-bottom: 1em; }
strong { font-weight: bold; }
#footer, #footer a { color: #b49246; font-size: 10px; text-decoration: none; }

body { background: #392311 url(../img/bg.png) repeat-x 0 0; padding: 32px 0; }
#page { width: 816px; margin: auto; }
#logo { width: 118px; height: 117px; float: left; clear: left; margin: 0 0 8px 0; padding: 0 0 0 24px; }
#logo a { display: block;width: 118px; height: 117px; background: url(../img/logo.png) no-repeat 0 0; text-indent: -9999px; }
#content { width: 816px; height: 416px; padding-top: 47px; clear: left; background: url(../img/bg-solid.jpg) no-repeat 0 0; }

/* 1 column */
.col-span1 { padding: 41px 0 0 48px;}
.col-span1 .column1 { float: none; width: 716px; }
.col-span1 .column1 .copy { padding-left: 20px; }

/* 2 columns */
.col-span2 { padding: 41px 0 0 48px;}
.col-span2 .column1 { float: left; width: 330px; }
.col-span2 .column2 { float: left; width: 360px; padding: 30px 0 0 0; }

#header { width: 100%; height: 125px; clear: both; }
#footer { text-align: center; }
.ph-home { width: 724px; height: 278px; margin: 0 0 -10px 38px; background: url(../img/ph-home.png) no-repeat 0 0; }
#ph-about-us { width: 307px; height: 368px; margin: 0; background: url(../img/ph-about-us.png) no-repeat 0 0; text-indent: -9999px; }
#ph-contact-us { width: 307px; height: 368px; margin: 0; background: url(../img/ph-contact-us.png) no-repeat 0 0; text-indent: -9999px; }
#ph-visit-us { width: 307px; height: 368px; margin: 0; background: url(../img/ph-visit-us.png) no-repeat 0 0; text-indent: -9999px; }
#ph-events { width: 307px; height: 368px; margin: 0; background: url(../img/ph-events.png) no-repeat 0 0; text-indent: -9999px; }

.home .copy { margin: 0 55px; }

/* Wine pages
--------------------------------*/
/* Grapes landing page */
#grapes { width: 714px; height: 201px; padding: 65px 0 0 0; /*background: url(../img/ph-grapes.jpg) no-repeat 0 0;*/ }
#grapes ul { list-style: none; }
#grapes ul li { display: inline; }
#grapes ul li a { float: left; display: block; width: 33%; height: 201px; text-indent: -9999px; }
#grapes .grapes-nav1 a { width: 238px; height: 201px; background: url(../img/ph-grapes.jpg) no-repeat 0 0; }
#grapes .grapes-nav2 a { width: 238px; height: 201px; background: url(../img/ph-grapes.jpg) no-repeat -238px 0; }
#grapes .grapes-nav3 a { width: 238px; height: 201px; background: url(../img/ph-grapes.jpg) no-repeat -476px 0; }
#grapes .grapes-nav1 a:hover { width: 238px; height: 201px; background: url(../img/ph-grapes.jpg) no-repeat 0 -201px; }
#grapes .grapes-nav2 a:hover { width: 238px; height: 201px; background: url(../img/ph-grapes.jpg) no-repeat -238px -201px; }
#grapes .grapes-nav3 a:hover { width: 238px; height: 201px; background: url(../img/ph-grapes.jpg) no-repeat -476px -201px; }

/* red wines */
.red-wines { display: block; width: 704px; height: 355px; padding: 15px 0 0 15px; }
.red-wines li { display: inline; }
.red-wines li a { display: block; float: left; text-indent: -9999px; height: 355px; background: url(../img/wine-red-all.jpg) no-repeat 0 0;/* background: url(../img/wine-red-all.jpg) no-repeat 0 0;*/ }
.red-wines li.red-wine-1 a { width: 122px; background-position: 0 0; }
.red-wines li.red-wine-2 a { width: 165px; background-position: -122px 0; }
.red-wines li.red-wine-3 a { width: 135px; background-position: -290px 0; }
.red-wines li.red-wine-4 a { width: 146px; background-position: -430px 0; }
.red-wines li.red-wine-5 a { width: 135px; background-position: -575px 0; }
.red-wines li.red-wine-1 a:hover { background-position: 0 -355px; }
.red-wines li.red-wine-2 a:hover { background-position: -122px -355px; }
.red-wines li.red-wine-3 a:hover { background-position: -290px -355px; }
.red-wines li.red-wine-4 a:hover { background-position: -430px -355px; }
.red-wines li.red-wine-5 a:hover { background-position: -575px -355px; }

/* white wines */
.white-wines { display: block; width: 493px; height: 359px; padding: 14px 0 0 118px; }
.white-wines li { display: inline; }
.white-wines li a { display: block; float: left; text-indent: -9999px; height: 359px; background: url(../img/wine-white-all.jpg) no-repeat 0 0; }
.white-wines li.white-wine-1 a { width: 164px; background-position: 0 0; }
.white-wines li.white-wine-2 a { width: 164px; background-position: -164px 0; }
.white-wines li.white-wine-3 a { width: 165px; background-position: -328px 0; }
.white-wines li.white-wine-1 a:hover { background-position: 0 -359px; }
.white-wines li.white-wine-2 a:hover { background-position: -164px -359px; }
.white-wines li.white-wine-3 a:hover { background-position: -328px -359px; }

/* fruits wines */
.fruits-wines { display: block; width: 728px; height: 376px; margin: -6px 0 0 -1px; }
.fruits-wines li { display: inline; }
.fruits-wines li a { display: block; float: left; text-indent: -9999px; height: 376px; background: url(../img/wine-fruits-all.jpg) no-repeat 0 0; }
.fruits-wines li.fruits-wine-1 a { width: 182px; background-position: 0 0; }
.fruits-wines li.fruits-wine-2 a { width: 182px; background-position: -182px 0; }
.fruits-wines li.fruits-wine-3 a { width: 182px; background-position: -364px 0; }
.fruits-wines li.fruits-wine-4 a { width: 182px; background-position: -546px 0; }
.fruits-wines li.fruits-wine-1 a:hover { background-position: 0 -376px; }
.fruits-wines li.fruits-wine-2 a:hover { background-position: -182px -376px; }
.fruits-wines li.fruits-wine-3 a:hover { background-position: -364px -376px; }
.fruits-wines li.fruits-wine-4 a:hover { background-position: -546px -376px; }


/* Photo Gallery
--------------------------------*/

#content.gallery01 { margin: 0; padding: 47px 0 0 0; }
/* Main Image */
#display-image-frame { float: left; width: 286px; height: 355px; margin: 0 0 0 40px; padding: 19px 0 0 21px; background: url(../img/ph-frame.png) no-repeat 0 0; }
#display-image span { display: block; padding: 10px 0 0 0; text-align: center; font: normal 28px/1.3 "Times New Roman", Times, serif; } /* caption */

/* Thumbs Container and Frames */
#thumbContainer { width: 427px; height: 400px; margin: -20px 0 0 10px; padding: 0 0 0 0; float: left; position: relative; }
#thumbContainer ul.thumbs-bgs   { position: absolute; top: 0; left: 0; z-index: 1; list-style: none; margin: 0; padding: 0; }
#thumbContainer ul.thumbs-links { position: absolute; top: 0; left: 0; z-index: 4; list-style: none; margin: 0; padding: 0; }
#thumbContainer ul li   { margin: 0 0 20px 0; padding: 0; display: block; float: left; width: 106px; height: 116px; }
#thumbContainer ul li a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
#thumbs-frame { width: 427px; height: 400px; position: absolute; top: 0; left: 0; z-index: 2; background: url(../img/ph-sm-frame.png) no-repeat 0 0; }

/* Individual Thumbs */
#th1 { background: url(../img/gallery/1.jpg) no-repeat 50% 50%; }
#th2 { background: url(../img/gallery/2.jpg) no-repeat 50% 50%; }
#th3 { background: url(../img/gallery/3.jpg) no-repeat 100% 20%; }
#th4 { background: url(../img/gallery/4.jpg) no-repeat 50% 50%; }
#th5 { background: url(../img/gallery/5.jpg) no-repeat 50% 50%; }
#th6 { background: url(../img/gallery/6.jpg) no-repeat 20% 85%; }
#th7 { background: url(../img/gallery/7.jpg) no-repeat 50% 50%; }
#th8 { background: url(../img/gallery/8.jpg) no-repeat 50% 50%; }
#th9 { background: url(../img/gallery/9.jpg) no-repeat 50% 50%; }
#th10 { background: url(../img/gallery/10.jpg) no-repeat 50% 50%; }