/*------------------------
Mazza Chautauqua Cellars
Author: Eric Klemen
--------------------------
-GENERAL
-CONTAINERS
-HEADER
-NAVIGATION
-CONTENT
-BUTTONS
-FORMS
-FOOTER
-OTHER
------------------------*/

/* GENERAL */
*, html{
 margin:0; padding:0;
}
body{
 background:#F9E6B9 url(http://mcc.mazzawines.com/images/bg_body.jpg) repeat 0 0;
 font:11px Georgia, "Times New Roman", Times, serif;
}
a:link, a:visited{
 color:#0D857B;
}
a:hover, a:active{
 text-decoration:none;
}

/* CONTAINERS  */
div#wrapper{
 background:url(images/bg_wrapper.jpg) repeat-x 0 0;
 height:300px;
 position:relative;
}
div#container{
 background:url(images/bg_container.png);
 width:67.2727em;	/*740px*/
 margin:0 auto;
 padding:0 10px 10px;
 position:relative;
}

/* HEADER */
div#header{
 position:relative;
}
div#header div{
 background:#CDB161;
 border-bottom:6px solid #C18E4B;
}
div#header div h4{
 background:url(images/bg_h4.gif) no-repeat 50% 50%;
 height:57px;
}
div#header h1{
 background:url(images/bg_h1.gif) no-repeat;
 font-size:1em;
 height:190px;
 width:41.8181em;	/*460px*/
}
div#header div h4 span, div#header h1 span{
 position:absolute;
 left:-999em;
}

/* NAVIGATION */
div.nav{
 background:#E8CE92;
 font-size:1.091em;		/* 12px */
 font-weight:bold;
 line-height:1.75em;	/* 21px */
 position:absolute;
 top:63px; left:39.1666em;	/*470px*/
 width:23.3333em;		/*280px*/
}
div#navbg_home{background:#E8CE92 url(images/navbg_home.jpg) no-repeat top right;}
div#navbg_distillery{background:#E8CE92 url(images/navbg_distilery.jpg) no-repeat top right;}
div#navbg_cafe{background:#E8CE92 url(images/navbg_cafe.jpg) no-repeat top right;}
div#navbg_wine{background:#E8CE92 url(images/navbg_wine.jpg) no-repeat top right;}
div#navbg_visit{background:#E8CE92 url(images/navbg_visit.jpg) no-repeat top right;}
div#navbg_contact{background:#E8CE92 url(images/navbg_contact.jpg) no-repeat top right;}

	div.nav ul{
	 list-style:none;
	 margin-bottom:6px;
	 width:15.583em;	/*187px*/
	}
		div.nav ul li{
		}
			div.nav ul li a{
			 color:#A56227;
			 display:block;
			 height:1.75em;
			 padding-left:20px;
			 text-decoration:none;
			}
			div.nav ul li a.current:link, div.nav ul li a.current:hover, div.nav ul li a.current:visited, div.nav ul li a.current:active{
			 background:url(images/bg_navlink_c.gif) repeat-y;
			 color:#fff;
			 cursor:default;
			}
			div.nav ul li a:link, div.nav ul li a:visited{
			 background:url(images/bg_navlink.gif) repeat-y;
			 color:#A56227;
			}
			div.nav ul li a:hover, div.nav ul li a:active{
			 background:url(images/bg_navlink_o.gif) repeat-y;
			 color:#fff;
			}

/* CONTENT */
div#content{
 color:#A45239;
 font-size:1em;			/* 11px */
 line-height:1.545em;	/* 17px */
 padding:10px 0 0 17px;
 position:relative;
}
	div#content div#col1{
	 width:40.2727em;/*443px*/
	 float:left;
	 margin-right:10px;
	 /*background:url(images/leading17pt.gif) repeat 0 0;*/
	}
	div#content div#col2{
	 width:24.5454em;	/*270px*/
	 float:right;
	 /*background:url(images/leading17pt.gif) repeat 0 0;*/
	}
	h2, h3{
	 color:#a6000b;
	 font-variant:small-caps;
	 font-size:2.85em; /* 31.35px */
	 font-weight:normal;
	 letter-spacing:-.02em;
	}
	h2{
	 line-height:1em;
	 margin:0 0 .45em;
	}
	h3{
	 font-size:1.818em; /* 20px */
	 padding:1em 0;
	}
	div#content p{
	 margin-bottom:1.545em;
	}
	div#content .copystyle_article p,
	div#content .copystyle_article blockquote + p,
	div#content .copystyle_article p + p{
	 text-indent:2em;
	 margin-bottom:0;
	}
	div#content .copystyle_article p.intro{
	 font-size:1.091em;	/* 12px */
	 line-height:1.833em;	/* 22px */
	 margin-bottom:0;
	}
	div#content blockquote{
	 border:1px solid #C1987E;
	 border-width:1px 0;
	 color:#A51F28;
	 font-size:1.454em;
	 width:95%;
	 padding:1em .5em;
	 margin:.45em 0;
	}
	div#content blockquote p{
	 margin:0;
	}
	div#content blockquote.flushright, div#content blockquote.right{
	 float:right;
	 text-align:right;
	 padding:1em 0 1em .5em;
	 margin:.45em 0 0 .5em;
	 width:66%;
	}
	div#content blockquote.flushleft, div#content blockquote.left{
	 float:left;
	 text-align:left;
	 padding:1em .5em 1em 0;
	 margin:.45em .5em 0 0;
	 width:66%;
	}
	div#content img{
	 border:1px solid #C1987E;
	 border-width:1px 0;
	 padding:3px 0;
	}
	div#content img.floatleft{
	 float:left;
	 margin:.4em 1em 1em 0;
	}
	div#content img.floatright{
	 float:right;
	 margin:.4em 0 1em 1em;
	}
	/* Image with caption */
	div#content dl.img_wcaption{
	 font-size:.909em; /* 10px */
	 font-style:italic;
	}
		div#content dl.img_wcaption dt{
		 margin-bottom:0;
		}
		div#content dl.img_wcaption dd{
		 margin-bottom:1.15em;
		}
		div#content div#map{
		 width:40.2727em;
		 height: 350px;
		}

/* BUTTONS */
.button a{
 color:#fff;
 display:block;
 font-size:1.091em; /* 12px */
 font-weight:bold;
 height:20px; width:117px;
 line-height:1.75em; /* 21px */
 text-align:center;
 text-decoration:none;
 text-indent:0;
}
.button a:link, .button a:visited{
 background:transparent url(http://mcc.mazzawines.com/images/btn_submit.gif) no-repeat 0 -20px;
}
.button a:hover, .button a:active{
 background:transparent url(http://mcc.mazzawines.com/images/btn_submit.gif) no-repeat 0 0;
}

/* FORMS */
fieldset{
 border:none;
}
	fieldset h3{
	 background:transparent url(http://mcc.mazzawines.com/images/bg_winenav.gif) repeat-x 0 2.1em;
	}
	fieldset input, fieldset textarea, fieldset select{
	 border:1px solid #E4C78B;
	 color:#000;
	 font:1.05em Arial, Helvetica, sans-serif;
	 width:20.5em;
	}
	fieldset li#phone input{
	 width:3em;
	}
	fieldset li input.plain{
	 width:auto;
	}
	fieldset input:focus, fieldset textarea:focus, fieldset select:focus{
	 border:1px solid #A45239;
	}
	fieldset input, fieldset textarea{
	 padding-left:3px;
	}
	fieldset select option{
	 padding-right:3px;
	}
	fieldset textarea{
	 height:7em;
	}
	fieldset legend{
	 display:none;
	 text-align:right;
	}
		fieldset ul{
		 list-style:none;
		}
			fieldset ul li{
			 clear:both;
			 padding:.3em 0;
			}
			fieldset ul li label{
			 display:block;
			 float:left;
			 margin-right:.5em;
			 text-align:right;
			 position:relative;
			 width:11em;
			}
			fieldset ul li label.inline{
			 display:inline;
			 float:none;
			 margin:0;
			 text-align:left;
			 width:auto;
			}
			fieldset ul li label.indent{
			 margin-left:11.5em;
			}
			fieldset ul li label em{
			 position:absolute;
			 left:34em; top:0;
			 font-weight:bold;
			}
	fieldset p.button{
	 margin-left:11.5em;
	}

/* FOOTER */
div#footer{
 background:url(images/bg_footer.jpg) repeat-x;
 height:160px;
 clear:both;
}
div#footer div.vcard{
 position:absolute;
 left:-999em;
}

/* OTHER */
.nobr{
 white-space:nowrap;
}