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


#container {
	width:100%;
	
}


body {
	margin: 0;
	padding: 0;
	background-color:#000000;
	letter-spacing: 1px;
	font-family: "Century Gothic", sans-serif;
	font-size: 90%;
	letter-spacing: 1px;
	text-align: left;
	color: #ffffff;

}

p{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
	line-height: 1.4;
	

}


#header { 
	
	background-image: url(../images/grey-85p.png);
	border-top:1px solid #f6d79c;
	border-bottom:1px solid #f6d79c;
	position:fixed;
	width: 100%;
	height: 70px;
	top: 0;
    right: 0;
    bottom: auto;
    left: 0;
	z-index:4;		
}



.visit {
	z-index:2;
	height:70px;
	width: 220px;
	position:fixed;
	right:0%;
}
		

		
#sidenav {
	background-image: url(../images/grey-85p.png);
	padding:10px;
	padding-top: 15px;
	overflow: hidden;
	height:auto;
	width: 125px;
	position:fixed;
	margin-top:90px;
	margin-left:10px;
	z-index:3;
}

		

#content {
	background-image: url(../images/grey-85p.png);
	width:320px;
	height:auto;
	font-family:"Century Gothic";
	font-size:14px;
	color:#453424;
	position:fixed;
	margin-top:90px;
	margin-left:190px;
	padding-bottom: 10px;
	z-index:6;			
}

#content-2 {
	background-image:url(../images/grey-85p.png);
	width:320px;
	height:560px;
	overflow:auto;
	font-family:"Century Gothic";
	font-size:14px;
	color:#453424;
	position:fixed;
	margin-top:90px;
	margin-left:190px;
	padding-bottom: 10px;
	z-index:6;		
}

#content2 {
	background-image: url(../images/grey-85p.png);
	width:280px;
	height:395px;
	font-family:"Century Gothic";
	font-size:14px;
	color:#453424;
	position:fixed;
	margin-top:90px;
	margin-left:190px;
	z-index:6;			
}

#content3 {
	background-image: url(../images/grey-85p.png);
	width:300px;
	height:auto;
	font-family:"Century Gothic";
	font-size:14px;
	color:#453424;
	position:fixed;
	margin-top:90px;
	margin-left:190px;
	z-index:6;			
}



#footer {
	position: fixed;
	padding:0px;
	border-top:1px solid #f6d79c;
	border-bottom:1px solid #f6d79c;
	display:inline;
	overflow:hidden;
	background-image: url(../images/grey-85p.png);
    width: 100%;
    height: 30px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 5;

}



.logo {
	z-index:2;
	overflow:hidden;
	height:110px;
	width: 440px;
	position:absolute;
	top:50%;
	margin-top:50px;
	left:50%;
	margin-left:-500px;

}

		

.main {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: justify;
	vertical-align:middle;
	color: #ffffff;

}	

.main2 {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	vertical-align:middle;
	color: #1f150e;

}


	

.menutitles1 {
	font-family: "Times New Roman", sans-serif;
	text-align: center;
	font-style:italic;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height:25px;
	color: #000000;


}
.menutitles {
	font-family: "Times New Roman", sans-serif;
	text-align: center;
	font-style:italic;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height:25px;
	color: #000000;
}	
	

.menu-titles {
	font-family:Tahoma, sans-serif;
	font-size:130%;	
	font-weight:bold;
	color:#F33;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	}
	
	


@media only screen and (max-width: 600px) {
		.menu-titles { 
		font-size:230%;}
        }  

@media only screen and (max-width: 700px) {
       .menu-titles { 
		font-size:200%;}
        
        }  





.menutitlessm {
	font-family: "Century Gothic", sans-serif;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	vertical-align:top;
	color: #000000;
	}
	
		  
@media only screen and (max-width: 600px) {
	    .menutitlessm { 
		font-size:230%;
		line-height: 1;
		padding-top:0px;
		padding-bottom:0px;}
        }  		

@media only screen and (max-width: 800px) {
       .menutitlessm { 
		font-size:200%;
		line-height: 1;
		padding-top:0px;
		padding-bottom:0px;}
        }  
     
	



.menus2 {
	font-family: "Century Gothic", sans-serif;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 110%;
	font-style:italic;
	color: #000000;
}


@media only screen and (max-width: 600px) {
		.menus2 { 
		font-size:300%;}
        }  

@media only screen and (max-width: 800px) {
       .menus2 { 
		font-size:200%;}
        
        }  



		
		 	

.eventtitles {
	font-family: "Century Gothic", sans-serif;
	text-align: center;
	text-transform:uppercase;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height:30px;
	color: #ffffff;	
}


.eventtitles2 {
	font-family: "Century Gothic", sans-serif;
	text-align: center;
	text-transform:uppercase;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
	line-height:28px;
	color: #000000;
}
	
.winetitles {
	font-family: "Century Gothic", sans-serif;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height:30px;
	color: #383636;
}


.wine{
	font-family: "Century Gothic", sans-serif;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height:20px;
	color: #383636;
}




.address {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	vertical-align: center;
	letter-spacing: 1px;
	color: #FFFFFF;
}


.titles {
	font-family: "Times New Roman", sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}


.titlessm {
	font-family: "Century Gothic", sans-serif;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
	

.titlesmed {
	font-family: "Century Gothic", sans-serif;
	font-size: 18px;
	text-align: left;
	color: #c7da83;
	
}	


.directions {
	font-family: "Century Gothic", sans-serif;
	font-size: 14px;
	color: #ffffff;
}

	
	a:link {
	font-family: "Century Gothic", sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-size: 14px;
	text-transform: none;
	color: #f5dc9a;
}	
	
	a:visited {
	font-family: "Century Gothic", sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-size: 14px;
	text-transform: none;
	color: #f5dc9a;
}

	a:hover {
	font-family: "Century Gothic", sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-size: 14px;
	text-transform: none;
	color: #ffd145;
}

.nav a:link {
	font-family: "Century Gothic", sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
	text-decoration: none;
	font-size: 14px;
	line-height: 32px;
	text-align: left;
	color: #f5dc9a;
}	
	
.nav a:visited {
	font-family: "Century Gothic", sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-size: 14px;
	line-height: 32px;
	text-align: left;
	color: #f5dc9a;
}

.nav a:hover {
	font-family: "Century Gothic", sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-size: 14px;
	line-height: 32px;
	text-align: left;
	color: #fdecb2;


}

.menunav a:link {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	color: #f5dc9a;
}	
	
.menunav a:visited {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	color: #f5dc9a;
}

.menunav a:hover {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	color: #fdecb2;
}

.class1 a:link {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #c8e3ff;
}	
	
.class1 a:visited {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #c8e3ff;
}

.class1 a:hover {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}
.class1dg a:link {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #c8e3ff;
}	
	
.class1dg a:visited {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color:#c8e3ff;
}

.class1dg a:hover {
	font-family: "Century Gothic", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}

.boxtext {
	text-align: justify;
}



a.back{
            width:18%;
            height:250px;
            position:fixed;
            bottom:15px;
            right:15px;
            background:#fff;
            z-index:1;
            cursor:pointer;
        }
        a.activator{
            width:1px;
            height:1px;
            position:absolute;
            top:0px;
            left:0px;
			background-image:url(../images/spacer.gif) no-repeat top left;
            z-index:200;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background-color:#ffffff;
            position:fixed;
			width:19%;
            top:0px;
			height:auto;
			float:right;       
            right:6%;
            z-index:300;
        }
        .box{
            position:fixed;
            top:-600px;
            right:6%;
            width:290px;
            height:500px;
			overflow:auto;
			background-image: url(../images/grey-85p.png);
			color:#ffffff;
            padding:10px;
            border:2px solid #ccc;
            -moz-border-radius: 5px;
            -webkit-border-radius:5px;
            -khtml-border-radius:5px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:301;
        }
        .box h1{
            border-bottom: 1px dashed #7F7F7F;
            margin:-10px -10px 0px -10px;
            padding:10px;
            background-image: url(../images/grey-85p.png);
            color:#ffffff;
            -moz-border-radius:5px 5px 0px 0px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -khtml-border-top-left-radius: 5px;
            -khtml-border-top-right-radius: 5px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(../images/cancel.png) repeat top left;
            margin-top:-5px;
            margin-right:-5px;
            cursor:pointer;
        }