#header-side {
	top:100px;
}


#nav-container {
	background:#2b000f url(/images/nav-bg-1.gif) no-repeat left top;
}
#navlist li {
	background: url(/images/nav-items-1.gif) 0 0 no-repeat; 
}
#navlist li a:hover {
	background: url(/images/nav-items-1.gif) no-repeat; 
}
/*#navlist li a {
	color:#c6b198;
}
#navlist li a:hover {
	color:#a6947f;
}*/



/* Note, the following background-image will need to change on a per-page basis! See bottom of this file */
#content-container {
	background: url('/images/bg1.jpg') no-repeat center top;
	height:500px;
}





#main-column {
	position:relative;
	float:right;
	width:230px;		/* was 275px */
	padding:73px 0px 0 15px;
	margin-right:20px;
	color:#564741;
	opacity:0.75;
	filter:alpha(opacity=75);
	background-color:#FFFFFF;
	height:427px;
}

#main-column-content {
 overflow:auto;
 height:400px;
 padding-top:19px;
 padding-right:5px;
}

#main-column h1 {
	font: normal 18px Georgia, Garamond, serif;
	margin-bottom:1em;
}

#main-column p {
	color:#000000;
	color:#564741;
	color:#2F2B29;
}


/*
you can apply a "condensed-content" class to the BODY for pages with
more content (and thus smaller fonts, to fit on one screen)...
*/
body.condensed-content #main-column-content p {
	font-size:90%;
	line-height:1.3;
}





/* ---- =content-footer-container! --------------------------------------------------------- */

#content-footer-container {
	background-color:#2b000f;
	color:#754C24;
	font: normal 26px Garamond, Georgia, "Book Antiqua", serif; /* Note, prefer Garamond FIRST, here.  Note, font-size is ignored? */
	text-transform: uppercase;
	text-align:center;
	zzzpadding:30px 0 15px 0;
	zzzzpadding-bottom:40px;
	padding:20px 0 12px 0;
}


body #content-footer-container p {
	zzzposition: absolute;
	zzzleft: 0pt;
	zzzright: 0pt;
	text-align: center;
	zzzbottom: 16px;
	font-size:24px !important;		 /* Why does firebug lie to us about this property's specificity? */
}
#content-footer-container a {
	color:#754C24; /*  9B8A6A */
	text-decoration:none;
}
#content-footer-container a:hover {
	color:#9b8a78;
	color:#D1D1C7;
}


#content-footer-container ul.two-across {
 text-align:center;
}
#content-footer-container ul.two-across li  {
 display:inline;
 margin:0 20px;
}


/*

 You could use these if you wanted to float the first left, and the second right...
 
#content-footer-container ul.two-across li.first {
 display:inline;
 margin:0 20px;
}
#content-footer-container ul.two-across li.second {
 display:inline;
 margin:0 20px;
}
*/




/* replacing text with graphics */
/* NOTE, not going to do this, for maintainability reasons */
/*
#content-footer-container #shophkgen,
#content-footer-container #shophopkiln {
	text-indent:-9999px;
	display:block;
}
#content-footer-container #shophkgen {
	background:url('/images/footer-shop-hkgen.gif') center center no-repeat;
	width:290px;
	height:17px;
 margin-left:15px;
}
#content-footer-container #shophopkiln {
	background:url('/images/footer-shop-hopkiln.gif') center center no-repeat;
	width:369px;
	height:17px;
 margin-left:38px;
}
*/


/* this style doesn't actually exist? */
ul#content-footer li {
 float:left;
 display:inline;
}



/* ---- =photographic backgrounds! --------------------------------------------------------- */


#page-about-winemaker #content-container {
	background-image:url('/images/photographic-backgrounds/about-winemaker.jpg');
}
#page-about-vineyards #content-container {
	background-image:url('/images/photographic-backgrounds/about-vineyards.jpg');
}
#page-about-big-red #content-container {
	background-image:url('/images/photographic-backgrounds/about-big-red.jpg');
}
#page-gallery #content-container {
	background-image:url('/images/photographic-backgrounds/gallery.jpg');
}
#page-gourmet-chef-renzo #content-container {
	background-image:url('/images/photographic-backgrounds/gourmet-chef-renzo.jpg');
}
#page-recipes #content-container {
	background-image:url('/images/photographic-backgrounds/recipes.jpg');
}
#page-wines-hkg #content-container {
	background-image:url('/images/photographic-backgrounds/wines-hkg.jpg');
}
#page-wines-hopkiln #content-container {
	background-image:url('/images/photographic-backgrounds/wines-hopkiln.jpg');
}
#page-wineclub #content-container {
	background-image:url('/images/photographic-backgrounds/wineclub.jpg');
}
#page-wineclubhkg #content-container {
	background-image:url('/images/photographic-backgrounds/wineclub-hkg.jpg');
}








/* ---- =Gallery styles! --------------------------------------------------------- */

#gallery-list li {
 float:left;
 display:inline;
 margin-right:10px;
 margin-bottom:10px;
}


#gallery-list li DIV {
 width:65px;
 height:65px;
 background-color:#000;
 opacity:1.0;
}