@font-face {font-family: "Birch Std";
    src: url("BirchStd.eot");
    src: url("BirchStd.eot?#iefix") format("embedded-opentype"),
    url("BirchStd.woff2") format("woff2"),
    url("BirchStd.woff") format("woff"),
    url("BirchStdRegular.ttf") format("truetype"),
    url("BirchStd.svg#Birch Std") format("svg");
    src: url("BirchStd.otf");
}
body {
	margin:0;
	padding:0;
	background:#751327 url(../images/bg.jpg) 0 0 repeat-x;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#323232
}
div, ul, p, h2, h3, h4, img {
	margin:0;
	padding:0
}
ul {
	list-style-type:none
}
.clear {
	clear:both;
	margin:0;
	height:0
}
.left {
	float:left
}
.right {
	float:right
}
h1 {
	margin-bottom:7px;
	font-family:Arial, sans-serif;
	font-size:18px;
	color:#16623b
}
h2 {
	margin-bottom:10px;
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#16623b
}
#mainwrapper {
	width:800px;
	margin:0 auto;
	margin-top:20px
}
#lefttop {
	width:250px;
	float:left
}
#leftpart {
	width:244px;
	float:left;
	border-left:#FFFFFF 3px solid;
	border-right:#FFFFFF 3px solid;
	background:#2b78b0;
	height:auto
}
#righttop {
	width:545px;
	float:right
}
#rightpart {
	width:539px;
	float:right;
	border-left:#FFFFFF 3px solid;
	border-right:#FFFFFF 3px solid;
	background:#a5e6fb;
	height:auto
}
#rightwrapper {
	width:519px;
	margin:0 auto;
	margin-top:3px
}
#rightwrapper p {
	text-align:justify;
	line-height:18px
}
#manu {
	width:519px;
	height:38px;
	margin-bottom:10px
}
#nav {
	overflow:hidden;
	margin:0;
	padding:0
}
#nav ul {
	width:519px;
	margin:0 auto;
	height:38px
}
#nav li {
	float:left;
	display:block;
	height:38px
}
#nav li a {
	height:24px;
	display:block;
	text-decoration:none;
	color: #fff;
	font-size: 22px;
    font-family: Birch Std;
    padding: 7px 15px;
    letter-spacing: 1px;
    font-weight: inherit;
}
#nav ul li.shop {
	background:url(../images/menu-bg.jpg) repeat 0 0;
}
#nav ul li.shop:hover {
	background:url(../images/menu-bg.jpg) repeat 0 -38px
}
#nav ul li.events {
	background:url(../images/menu-bg.jpg) repeat 0 0;
}
#nav ul li.events:hover {
	background:url(../images/menu-bg.jpg) repeat 0 -38px
}
#nav ul li.personlabels {
	background: url(../images/menu-bg.jpg) repeat 0 0;
}
#nav ul li.personlabels:hover {
	background:url(../images/menu-bg.jpg) repeat 0 -38px
}
#nav ul li.wineclub {
	background: url(../images/menu-bg.jpg) repeat 0 0;
}
#nav ul li.wineclub:hover {
	background:url(../images/menu-bg.jpg) repeat 0 -38px
}
#nav ul li.destributors {
	background: url(../images/menu-bg.jpg) repeat 0 0;
}
#nav ul li.destributors:hover {
	background:url(../images/menu-bg.jpg) repeat 0 -38px
}
.shopactive {
	background:url(../images/menu-bg.jpg) repeat 0 -38px;
}
.eventsactive {
	background:url(../images/menu-bg.jpg) repeat 0 -38px;
}
.personlabelsactive {
	background:url(../images/menu-bg.jpg) repeat 0 -38px;
}
.wineclubactive {
	background:url(../images/menu-bg.jpg) repeat 0 -38px;
}
.destributorsactive {
	background:url(../images/menu-bg.jpg) repeat 0 -38px;
}
/*end of manu*/

/*innermenu start*/
ul#inner {
	width:720px;
	height:38px;
	margin:0 15px 5px;
	padding:0
}
ul#inner li {
	float:left
}
ul#inner li a {
	display:block;
	height:38px
}
a.inner-home {
	background:url(../images/inner-menu-sub.jpg) no-repeat 0 0;
	width:110px
}
a.inner-home:hover {
	background-position:0 -38px
}
.inner-homeactive {
	background:url(../images/inner-menu-sub.jpg) no-repeat 0 -38px;
	width:110px;
	height:38px;
	float:left
}
a.inner-about {
	background:url(../images/inner-menu-sub.jpg) no-repeat -110px 0px;
	width:127px
}
a.inner-about:hover {
	background-position:-110px -38px
}
a.inner-aboutactive {
	background:url(../images/inner-menu-sub.jpg) no-repeat -110px -38px;
	width:127px;
	height:38px;
	float:left
}
a.inner-wedo {
	background:url(../images/inner-menu-sub.jpg) no-repeat -237px 0px;
	width:146px
}
a.inner-wedo:hover {
	background-position:-237px -38px
}
a.inner-wedoactive {
	background:url(../images/inner-menu-sub.jpg) no-repeat -237px -38px;
	width:146px;
	height:38px;
	float:left
}
a.inner-personalize {
	background:url(../images/inner-menu-sub.jpg) no-repeat -384px 0px;
	width:197px
}
a.inner-personalize:hover {
	background-position:-384px -38px
}
a.inner-personalizeactive {
	background:url(../images/inner-menu-sub.jpg) no-repeat -384px -38px;
	width:197px;
	height:38px;
	float:left
}
a.inner-contact {
	background:url(../images/inner-menu-sub.jpg) no-repeat -581px 0px;
	width:140px
}
a.inner-contact:hover {
	background-position:-581px -38px
}
a.inner-contactactive {
	background:url(../images/inner-menu-sub.jpg) no-repeat -581px -38px;
	width:140px;
	height:38px;
	float:left
}
/*innermenu end*/

#manuleft {
	width:238px;
	margin:0 auto
}
#navleft {
	overflow:hidden;
	margin:0;
	padding:0
}
#navleft ul {
	width:519px;
	margin:0 auto
}
#navleft li {
	display:block;
	height:58px
}
#navleft li a {
	text-indent:-20000px;
	height:58px;
	width:238px;
	display:block
}
#navleft ul li.home a {
	background:url(../images/btn_home.jpg) no-repeat 0 0px
}
#navleft ul li.aboutus {
	background:url(../images/btn_about.jpg) no-repeat 0 0px
}
#navleft ul li.leftshop {
	background: url(../images/btn_shop.jpg) no-repeat 0 0px
}
#navleft ul li.contact {
	background: url(../images/btn_contact.jpg) no-repeat 0 0px
}
#navleft ul li.wedo {
	background: url(../images/btn_wedo.jpg) no-repeat 0 0px
}
#navleft ul li.home a:hover, #navleft ul li.aboutus:hover, #navleft ul li.leftshop:hover, #navleft ul li.contact:hover, #navleft ul li.wedo:hover {
	background-position:-238px 0
}
.homeactive {
	background:url(../images/btn_home.jpg) no-repeat -238px 0;
}
.aboutusactive {
	background:url(../images/btn_about.jpg) no-repeat -238px 0;
}
.leftshopactive {
	background:url(../images/btn_shop.jpg) no-repeat -238px 0;
}
.contactactive {
	background:url(../images/btn_contact.jpg) no-repeat -238px 0
}
.wedoactive {
	background:url(../images/btn_wedo.jpg) no-repeat -238px 0
}
.homeactive, .aboutusactive, .leftshopactive, .contactactive, .wedoactive {
	width:238px
}
#welcome {
	margin-bottom:10px
}
#inwelcome {
	margin-bottom:10px
}
#inwelcome img {
	float:left;
	margin-right:13px
}
#inwelcome p {
	width:279px;
	float:left;
	margin-bottom:17px;
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#bd1a3b;
	font-weight:bold;
	text-align:justify;
	line-height:18px
}
#inwelcome .onlygruene {
	float:right;
	height:26px;
	display:block;
	width:279px
}
#perfectfor {
	width:519px;
	margin:10px 0 10px 0
}
#perfectfor ul {
	width:252px;
	margin-left:4px;
	float:left
}
#perfectfor ul li {
	height:24px;
	width:230px
}
#perfectfor ul li a {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#bd1a3b;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/arrow.jpg) 0 4px no-repeat;
	padding: 0 0 0 12px;
	display:block
}
#perfectfor ul li a:hover {
	text-decoration:none;
	color:#16623b
}

#contacthours_top {
	width:519px;
	height:34px;
	margin:0 auto;
	background:url(../images/b_contactinfo_top.jpg) 0 0 no-repeat;
	margin:0;
}
#contacthours_bottom {
	width:519px;
	height:34px;
	margin:0 auto;
	background:url(../images/b_contactinfo_bottom.jpg) 0 0 no-repeat;
	margin:0 0 20px 0;
	float:left;
}
#contacthours {
	width:519px;
	min-height:200px;
	margin:0 auto;
	background:url(../images/b_contactinfo_middle.jpg) 0 0 repeat-y;
	margin:0;
	float:left;
}
#contactinfo_outer{
	 background: url("../images/img_contact_head.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 0 16px;
    min-height: 200px;
    width: 201px;
}
#contactinfo {
	background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #255078;
    border-left: 1px solid #255078;
    border-right: 1px solid #255078;
    float: left;
    margin: 42px 0 0;
    min-height: 200px;
    padding-bottom: 10px;
    width: 199px;
	
}
#contactinfo p {
	color: #565758;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 10px 10px;
    text-decoration: none;
    width: 180px;
}
#contactinfo p a {
	color:#1a356f;
	text-decoration:none
}
#contactinfo p a:hover {
	color:#000
}
#hours_outer{
	background: url("../images/img_hours_head.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    margin:0 15px 0 0;
    min-height: 200px;
    width: 277px;
}
#hours {
	background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #255078;
    border-left: 1px solid #255078;
    border-right: 1px solid #255078;
    float: right;
    margin: 42px 0 0;
    min-height: 200px;
    padding-bottom: 10px;
    width: 275px;
}
#hours p {
	width:248px;
	float:left;
	margin:0 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#565758;
	font-size:13px;
	text-decoration:none;
	line-height:18px
}
#hours p span.blue {
	color:#1a356f;
	text-decoration:none
}
#hours p span.pink {
	color:#bd1a3b;
	text-decoration:none
}
#footerleft {
	width:250px;
	height:35px;
	float:left;
	background:url(../images/b_footerleft.jpg) 0 0 no-repeat;
	padding:25px 0 0 0;
	text-align:center;
	font-size:12px;
	color:#797979
}
#footerleft a{
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
#footerright {
	width:519px;
	height:42px;
	float:right;
	background:url(../images/b_footerright.jpg) 0 0 no-repeat;
	padding:18px 13px 0 13px;
	margin-bottom:20px
}
#footerright .left img {
	margin-right:10px
}
#content_bg {
	background:url(../images/bg_contain.jpg) repeat-y
}
.middle-content p {
	margin:10px 0 0
}
.middle-content blockquote {
	border:solid 1px #2b78b0;
	padding:10px;
	width:95%;
	margin:10px 0
}
.middle-content a {
	color:rgb(128, 0, 0);
	text-decoration:none
}
.middle-content a:hover {
	color:#2b78b0;
	text-decoration:none
}
#slideshow {
	width:304px;
	border:1px solid #208ba9;
	position:relative;
	min-height:229px;	
}
#slideshow img {
    display: block;    
    left: 0;
    position: absolute;
    top: 0;
    z-index: 50;
	margin:2px;
}
#slideshow img.current {
    z-index: 51; }

.csstransitions #slideshow img {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
.csstransitions #slideshow.fastSpeed img {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out; }