/*DO NOT EDIT THIS PORTION BELOW!*/

nav ul ul
{
display: none;
}

	nav ul li:hover > ul
	{
	display: block;
	}
	
	
nav ul ul
{
background: #5f6975;
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
}
	nav ul ul li
	{
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
	}
		nav ul ul li a
		{
		padding: 15px 40px;
		color: #fff;
		}	
			nav ul ul li a:hover
			{
			background: #4b545f;
			}
nav ul
{
background: #efefef; 
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
padding: 0 20px;
border-radius: 10px;  
list-style: none;
position: relative;
display: inline-table;
}
	nav ul:after
	{
	content: "";
	clear: both;
	display: block;
	}
	
nav ul li 
{
float: left;
}
	nav ul li:hover
	{
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		nav ul li:hover a
		{
		color: #fff;
		}
	
	nav ul li a
	{
	display: block;
	padding: 25px 40px;
	color: #757575;
	text-decoration: none;
	font-family:"Verdana", Tahoma, Sans-serif;
	}
	
nav ul ul
{
background: #5f6975;
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
}
	nav ul ul li
	{
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
	}
	
		nav ul ul li a
		{
		padding: 15px 40px;
		color: #fff;
		}	
			nav ul ul li a:hover
			{
			background: #4b545f;
			}
nav
{
position: absolute;
left: 275px;
top: 150px;
z-index: 1;
}

/*DO NOT EDIT PORTION ABOVE!*/
body
{
width:100%;
height:0%px;
}

#content
{
background-color:gray;
height:500px;
width:1220px;
position:absolute;
top:250px;
left:90px;
opacity:0.7;
}

#innercontent
{
height:500px;
width:1220px;
position:absolute;
top:230px;
left:90px;
}

	#innercontent1
	{
	height:470px;
	width:1220px;
	position:absolute;
	top:270px;
	left:90px;
	overflow:scroll;
	overflow-x:hidden;
	}
	
	#innercontent2
	{
	height:470px;
	width:1220px;
	position:absolute;
	top:130px;
	left:90px;
	}

#title
{
padding:25px;
position:relative;
top:25px;
left:10px;
font-family:"Monotype Corsiva," Lucida Handwriting, Serif;
font-size:30px;
}


	#title1
	{
	padding:25px;
	position:relative;
	top:150px;
	left:10px;
	font-family:"Monotype Corsiva," Lucida Handwriting, Serif;
	font-size:30px;
	}

#pic
{
padding:25px;
float:left;
position:relative;
top:30px;
}

	#pic1/*directions, winelist*/
	{
	padding:25px;
	float:right;
	position:relative;
	top:30px;
	}
	
	#pic2/*breakfast,lunch,dinner*/
	{
	display: inline;
	margin: 5px;
	height:150px;
	width:150px;
	}
	
	#pic3/*contacts*/
	{
	position:relative;
	}
#pic4/*directions, winelist*/
	{
	padding:15px;
	float:right;
	position:relative;
	top:30px;
	}
	
#text
{
overflow:scroll;
overflow-x:hidden;
width:350;
height:350px;
}

	#text1/*winelist*/
	{
	width:350;
	height:200px;
	}
#text2
{
overflow:scroll;
overflow-x:hidden;
width:350;
height:325px;
}

#fontstyle
{
font-size:25px;
text-align:justify;
padding:25px;
font-family:"Arial", New Times Roman, Sans-serif;
}

	#fontstyle1 /*breakfast,lunch,dinner*/
	{
	text-align: center;
	font-weight: normal;
	width: 250px;
	margin: 5px;
	}

#box
{
margin: 30px;
padding: 30px;
height: auto;
width: auto;
float: left;
text-align: center;
}

#firstnameT
{
position: absolute;
top: 150px;
left: 100px;
}

#firstname
{
position: absolute;
top: 365px;
left: 190px;
font-family:"Verdana", Tahoma, Sans-serif;
}

#lastnameT
{
position: absolute;
top: 150px;
left: 350px;
}

#lastname
{
position: absolute;
top: 365px;
left: 440px;
font-family:"Verdana", Tahoma, Sans-serif;
}

#contactsT
{
position: absolute;
top: 225px;
left: 100px;
}

#contacts
{
position: absolute;
top: 440px;
left: 190px;
font-family:"Verdana", Tahoma, Sans-serif;
}

#dateM
{
position: absolute;
top: 225px;
left: 350px;
}


#dateD
{
position: absolute;
top: 225px;
left: 450px;
}


#date
{
position: absolute;
top: 440px;
left: 440px;
font-family:"Verdana", Tahoma, Sans-serif;
}

#numpeopleT
{
position: absolute;
top: 300px;
left: 100px;
}

#numpeople
{
position: absolute;
top: 515px;
left: 190px;
font-family:"Verdana", Tahoma, Sans-serif;
}

#timeH
{
position: absolute;
top: 300px;
left: 350px;
}
#time
{
position: absolute;
top: 515px;
left: 440px;
font-family:"Verdana", Tahoma, Sans-serif;
}
#emailT
{
position: absolute;
top: 375px;
left: 100px;
}
#email
{
position: absolute;
top: 590px;
left: 190px;
font-family:"Verdana", Tahoma, Sans-serif;
}
#submit
{
position: absolute;
top: 375px;
left: 350px;
font-family:"Verdana", Tahoma, Sans-serif;
}

#logo
{
position:relative;
height: 250px;
width: 250px;
left: 460px;
bottom:299px;
z-index:1;
}

/*background transitions*/
.background,
.background:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
	list-style-type:none;
	content: '';
}

.background:after { 
    content: '';
    background: transparent url(image/pattern.png) repeat top left; 
}

.background li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

.background li:nth-child(1) span { 
    background-image: url(image/backgrounds/menu/1.jpg);
}
.background li:nth-child(2) span { 
    background-image: url(image/backgrounds/menu/2.jpg);
	-webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.background li:nth-child(3) span { 
    background-image: url(image/backgrounds/menu/3.jpg);
	-webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.background li:nth-child(4) span { 
    background-image: url(image/backgrounds/about us/1.jpg);
		-webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.background li:nth-child(5) span { 
    background-image: url(image/backgrounds/about us/2.jpg);
		-webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.background li:nth-child(6) span { 
    background-image: url(image/backgrounds/about us/3.jpg);
		-webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}