@charset "UTF-8";
/* CSS Document */

body, html {
	background-color:#565656;
	font-family:arial, helvetica, verdana, sans serif;
	margin:0px;
	color:#555;
}

#home #main {
	min-height:360px;
}
#home .imgR {
margin-right:20px;

}

#top {
	height:241px;
	/** width:100%;**/
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8);	
background:transparent url("../img/bg_top.jpg") top repeat-x;	z-index:1000;
padding:0 2%;
}

#header {
	background:transparent url("../img/header.jpg") top left no-repeat;
	height:241px;
	max-width:1200px;	margin:0px auto;
}

#nav {
	max-width:720px;
	float:right;
	display:inline;
	font-size:18px;
	height:45px;
}

#nav ul {
	margin-top:205px;
}

#nav li {
display: inline;
list-style-type: none;

}

#nav li a,#nav li a:link,#nav li a:visited {
	text-decoration:none;
	color:#ffffff;
	padding:21px 21px 21px 42px;
		-moz-text-shadow:2px 3px 3px rgba(0,0,0,0.4);
	-webkit-text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
	text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
}

#nav li a:hover, #nav li a.current {
	color:#8C0204;	
	background:#ffffff url("../img/nav_icon.jpg") no-repeat left;
	-moz-box-shadow:2px 3px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 3px 8px rgba(0,0,0,0.2);
	box-shadow: 2px 3px 8px rgba(0,0,0,0.2);

}



#logo {
	width:360px;
	float:left;
	display:inline;
}
#logo h1, #logo h1 a, #logo h1 a:link,#logo h1 a:visited {

	font-weight:600;
	margin:34px 0px 5px 0px;
	font-size:43px;
	letter-spacing:.00002em;
	padding:0px;
	text-decoration:none;
	color:#666;
}

#logo h1 a:hover {
color:#060;
}

#logo h2, #logo h2 a, #logo h2 a:link, #logo h2 a:visited {
	padding:0px;
	font-weight:600;
	margin:0px;
	font-size:26px;	text-decoration:none;
	color:#666;
}

#logo h2 a:hover {
color:#060;
}
#middle {
	padding:0px 2%;
	background:transparent url("../img/grapes-on-vine2.jpg") no-repeat center center fixed;
	min-height:800px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#content {
	max-width:1200px;
	margin:0px auto;	
	background:#ffffff;
	padding:0px;

}
#main {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8);
padding:3em 4em;
}




h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	font-family: 'Quicksand', Arial,sans-serif;
	font-weight:400;
}

h1 {
	color:#336600;
		font-size:2.346em;
		margin-bottom:15px;
}

#home h1 {
	color:#336600;
	font-size:2.846em;
}

#home h2 {
	font-size:2.1em;
	margin-top:13px;
}
h2 {
	color:#990406;
}

h3 {
	color:#666;
}

h3 span {
	font-weight:700;
}
	
h4 {
	margin-top:12px;
	font-size:18px;
	line-height:26px;
}


 p {
	margin: 5px 0px 14px 0px;
	line-height:1.6em;

}

p.small {
	font-size:.8em;
}
#home p {
	margin: 4px 0px 12px 0px;
	line-height:20px;
	font-size:1.2em;
	line-height:1.5em;
	
}

.bottle {
margin:0px 80px;
}

a, a:link, a:visited {
	color:#990406;
	text-decoration:none;
	
}

a:hover {
	color:#060;
}



#bottom {
	width:100%;
	background:#710303 url("../img/bg_footer.jpg") repeat-x;
padding-bottom:40px;
padding-top:24px;
}
#footer {
		background:#710303 url("../img/bg_footer.jpg") repeat-x;
padding:20px;
	max-width:1160px;
	margin:0px auto;
	font-size:12px;
	color:#EAEAE8;
	line-height:18px;
	text-align:right;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8);
}


 #footer a, #footer a:link, #footer a:visited {
	color:#EAEAE8;
	text-decoration:none;
	cursor:pointer;
}
#footer a:hover {
	color:#fff;
}

.imgR {
	float:right;
	display:inline;
	margin-left:40px;
}

.imgR2 {
	float:right;
	display:inline;
	margin-left:40px;
	box-shadow: 2px 2px 16px #888;
	padding:3px;
}


.imgL {
	float:left;
	display:inline;
	margin-right:40px;
	margin-bottom:30px;
}

img{page-break-inside:avoid}img{max-width:100%!important;}

.red {
	color:#A61B20;
}

@media screen and (max-width: 960px) {
.imgR2 {
    width: 40%;
	height:auto;
}
}

@media screen and (max-width: 768px) {
.imgR2 {
    float: left;
    display: block;
    width: 80%;
    height: auto;
    margin:0 auto 26px auto;
}
body.about .imgR2 {
    float: right;
    display: block;
    width: 40%;
    height: auto;
   margin: 0 0 16px 30px;
}
#home .imgR {
    margin-right: 20px;
    width: 30%;
    height: auto;
    margin-bottom: 40px;
    margin-top: 40px;
}

}

@media screen and (max-width: 680px) {

body {
	font-size:.9em;
}

#nav {font-size:15px;}

#nav li a, #nav li a:link, #nav li a:visited {
padding-left:12px;
		-moz-text-shadow:none;
	-webkit-text-shadow: none;
	text-shadow: none;
}
#nav li a:hover, #nav li a.current {
    background-image: none;
		-moz-box-shadow:none;
	-webkit-box-shadow: none;
	box-shadow: none;

}
#nav ul {
	padding-left:0px;
}
#footer {
	max-width:680px;
	text-align:center;
}


}


@media screen and (max-width: 480px) {
	#main {
    padding: 20px;
}
.dis {display:none;}
.container{width:100%}
.content{width:95%;margin:0 1.49%}
#top {background:none;height:172px;}
	
#header{background:#fff url("../img/logo.png") no-repeat center top scroll!important;margin: 0px auto 0px auto!important;float:none;display:block;border-bottom:6px solid #900;height:165px;}

#home .imgR {
  height: 160px;
    width: 124px;
	margin-left:0px;
}
#home h2 {
    font-size: 1.4em;
    margin-top: 7px;
}	
	#home h1 {
    font-size: 2.046em;
}
	.imgL {clear:both;float:none;margin:10px auto;display:block;}
#nav {float:none;font-size:14px;margin:0px auto;text-align:center;}
#nav li a, #nav li a:link, #nav li a:visited {
    color: #990000;
    padding: 0 4px;

}
#nav li a:hover, #nav li a.current {
    background: none;
    color: #454545;

}

#nav ul {
  padding-top: 125px;
  margin-top:0px;
  padding-left:0px;
}
h1 {
    font-size: 1.846em;
margin-bottom:10px;
}
#footer {
	max-width:90%;
	text-align:center;
	font-size:.7em;
}
.imgR2 {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin:0 auto 26px auto;
}
}

@media screen and (max-width: 320px) {

#nav {font-size:13px;}
#footer {
	max-width:90%;
	text-align:center;
}
h2 {
	font-size:1.3em;
}
}