/* CSS Document - Hafner Vineyard - Main */
/* ---- Reset all styles ---------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, p, blockquote, address, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
fieldset, img {
	border: 0;
}
/* ---- Set new basic styles --------------------------------------------------------- */

html { 
	overflow-y:scroll;
	overflow-x:auto;
}
body {
	font:12px Arial, Helvetica, "Helvetica Neue Extended", sans-serif;
	color:#000000;
}
body, p, td, th, li, h1, h2, h3, h4, h5, h6, table  {
}
h1, h2, h3, 
h4, h5, h6 { font-weight: bold; }
h1 {  font-size: 3.00em; 	}
h2 {  font-size: 2.50em; 	}
h3 {  font-size: 2.00em; 	}
h4 {  font-size: 1.60em; 	}
h5 {  font-size: 1.20em; 	}
h6 {  font-size: 1.00em; 	}

a {
}
a:active { 
	outline: none;
}
a:focus { 
	-moz-outline-style: none;
}
a:hover {

}
a:visited {

}
q:before, q:after {
    content: "";
}
.access {
	position:absolute;
	text-indent:-9999px;
}
.float-left {
	float:left;
	display:inline;
}
.float-right {
	float:right;
	display:inline;
}
.clear {
	clear:both;
}

div#errordiv {
	border:3px double #900;
	background-color:#FFFFF2;
	color:#900;
	padding:5px 10px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:18px;
}
/* ---- Structure --------------------------------------------------------- */
#outer-container {
	position:relative;
	margin:auto;
	width:960px;
}
#header-container {
	position:relative;
	display:block;
	width:960px;
	height:115px;
	padding-top:14px;
}
#nav-container {
	position:absolute;
	top:126px;
	display:block;
	width:960px;
	height:28px;
	padding-bottom:2px;
	z-index:1;
}
#content-container {
	position:relative;
	width:960px;
	padding-top:42px;
	/*z-index:-1;*/
}
.two-column#content-container #content-main {
	position:relative;
	width:540px;
	float:right;
	display:inline;
	margin-right:40px;
}
.two-column#content-container #content-side {
	width:340px;
	float:left;
	display:inline;
}
.one-column#content-container #content-main {
	position:relative;
	width:960px;
	margin:0 auto;
}
.one-column#content-container #content-side {
	display:none
}
#footer-container {
	position:relative;
	width:960px;
	margin-top:20px;
}
/* ---- Header --------------------------------------------------------- */
#header-container h1 {
	position:relative;
	float:left;
	display:inline;
	width:627px;
	height:112px;
	background:url(/images/logo.jpg) no-repeat left top;
}
#header-container h1 a {
	display:block;
	width:627px;
	height:112px;
}
/* ---- Header Icon List Nav --------------------------------------------------------- */
#iconlist {
	position: relative; 
	float:right;
	margin-top:30px;
	width: 152px; 
	height: 21px;
	text-indent:-9999px;
	display:inline;
}
#iconlist li {
	height: 21px; 
	position: absolute; 
	background: url(/images/iconlist.gif) 0 0 no-repeat; 
	display: block; 
	list-style: none;
}
#iconlist li a {
	display:block;
	height:21px;
	text-decoration:none;
}
#iconlist li a:hover {
	background: url(/images/iconlist.gif);
	text-decoration:none;
}
#iconlist li#home {
	width:32px;
	left:0;
	background-position:0 0;
}

#iconlist li#phone {
	width:32px;
	left:40px;
	background-position:-40px 0;
}
#iconlist li#phone a span {
	display:none;
	text-decoration:none;
}
#iconlist li#phone a:hover span {
	display: block;
	position: absolute; 
	top:-55px;
	left:-325px;
	width:450px;
	z-index: 100;
	color: #928575;
	text-align:right;
	font-size:11px;
	text-decoration:none;
}
#iconlist li#email {
	width:43px;
	left:72px;
	background-position:-72px 0;
}
#iconlist li#email a span {
	display:none;
	text-decoration:none;
}
#iconlist li#email a:hover span {
	display: block;
	position: absolute; 
	top:-40px;
	right:-30px;
	width:450px;
	z-index: 100;
	color: #928575;
	text-align:right;
	font-size:11px;
	text-decoration:none;
}
#iconlist li#cart {
	width:40px;
	left:115px;
	background-position:-115px 0;
}
#iconlist li#home a:hover {
	background-position:0 -21px;
}
#iconlist li#phone a:hover {
	background-position:-40px -21px;
}
#iconlist li#email a:hover {
	background-position:-72px -21px;
}
#iconlist li#cart a:hover {
	background-position:-115px -21px;
}

/* ---- Nav ---------------------------------------------------------*/
#nav-container {
	font-size:14px;
	border:2px solid #b5b1ae;
}
#nav-container {
	border-left:0;
}
#nav-container {
	border-right:0;
}
/* ---- Content --------------------------------------------------------- */
#content-container h1 {
	font-size:20px;
	text-transform: uppercase;
	font-weight: normal;
	z-index:-1;
	color:#918576;
}
#content-container h2 {
	font-size:16px;
	margin-bottom:1em;
	color:#918576;
}
#content-container h3 {
	font-size:14px;
	margin-bottom:1em;
}
#content-container p {
	margin-bottom:1em;
}
#content-container blockquote {
	margin:25px;
}
#content-container .table tr td {
	padding:10px 0;
}
#content-container ul {
	margin:0 25px 25px 25px;
}
#content-container ul li {
	list-style: disc outside;
}
#content-container ul li ul {
	margin:0 0 25px 25px;
}
#content-main {
	text-align: justify;
}
#content-main a {
	color:#660000;
	text-decoration:underline;
}
#content-main a:hover {
}
/* ---- Footer --------------------------------------------------------- */
#footer-container {
	text-align:center;
	padding-top:17px;
	font-size:11px;
}
#footer-container ul{
	clear:both;
	padding-bottom:6px;
}
#footer-container ul li {
	display:inline;
	padding:0 8px;
	background: url(/images/footer-divider.gif) no-repeat right;
}
#footer-container ul li.last {
	background:none;
}
#footer-container a {
	color:#A3968A;
	text-decoration:none;
}
#footer-container a:hover {
	color:#000000;
}
/* ---- Specific-page styles ------------------------------------------- */

/* ---- Home Page ---- */
#homepage .one-column#content-container #content-main {
	position:relative;
	width:978px;
	margin:0 auto;
}
#homepage #photos {
	margin:0;
}
/*bg shadows*/
div#hilites {
	position: relative;
	width: 975px;
	height: 193px;
	background: url(/images/hm-list-bg.jpg) no-repeat left top;
}
ul#hilite-list {
	position: relative;
	width: 975px; 
	height: 193px; 
	text-indent:-9999px;
	margin:0;
}
ul#hilite-list li {
	width: 225px;
	height: 178px;
	position: absolute;
  	display: block;
	list-style: none;
}
ul#hilite-list a {
	width: 225px;
	height: 178px;
	display: block;
}
/*list items*/

/* What's New, Patrons Stories, Buying Wine & Gift Giving Ideas images uploaded by client to content/HomePagePhotos folder, 
   used in home page list and email a friend template */
ul#hilite-list li#whatsnew {
	left:0;
	background: url(/content/HomePagePhotos/whatsnew.jpg) no-repeat left top;
}
ul#hilite-list li#patronsstories {
	left:488px;
	background: url(/content/HomePagePhotos/patronsstories.jpg) no-repeat left top;
}
ul#hilite-list li#buyingwine {
	left:244px;
	background: url(/content/HomePagePhotos/buyingwine.jpg) no-repeat left top;
}
ul#hilite-list li#giftgiving {
	left:732px;
	background: url(/content/HomePagePhotos/giftgiving.jpg) no-repeat left top;
}
/*list links*/
ul#hilite-list li#whatsnew a {
	background: url(/images/whatsnew-screen.png) no-repeat left top;
}
ul#hilite-list li#buyingwine a {
	background: url(/images/buyingwine-screen.png) no-repeat left top;
}
ul#hilite-list li#patronsstories a {
	background: url(/images/patronsstories-screen.png) no-repeat left top;
}
ul#hilite-list li#giftgiving a {
	background: url(/images/giftgiving-screen.png) no-repeat left top;
}
/*list hovers*/
ul#hilite-list li#whatsnew a:hover,
ul#hilite-list li#buyingwine a:hover,
ul#hilite-list li#patronsstories a:hover,
ul#hilite-list li#giftgiving a:hover {
	background: url(none);
}

#homepage #footer-container {
	margin-top:0px;
}

/* ---- Team Page ---- */
#about-team .teamphoto {
	float:left;
	margin:0 20px 20px 0;
}
#about-team .teamtext {
	margin-top:60px;
}
#about-team #content-main p {
	width:800px;
}
/* ---- Privacy Policy Page ---- */
#privacypolicy .one-column#content-container #content-main {
	position:relative;
	width:730px;
	margin:0 auto;
}
/* ---- FAQ ---- */
#content-container #content-main p.faq {
	font-weight:bold;
	font-size: 14px;
	font-style: italic;
}
/* ---- Notes ---- */
.tech {
	margin:0 0 25px 25px;
}
#notes-recentnotes p {margin-bottom:0;}
#notes-recentnotes .winetastingnotesdiv {margin-bottom:20px;}