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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Normalize list styles */
ol, ul {
	list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Normalize table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
	border: 0;
}

/* Normalize text-alignment */
caption, th {
	text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
	content: '';	
}



/*-----------------------------------------------------------------------------------------------------------------------------*/
a { color:#930937;
outline: none;
}


body{
	color:#543904;
	font-family:"Palatino Linotype", "Book Antiqua", "Times New Roman", Palatino, serif;
	font-size:14px;
	
}

.address{
width: 477px;
height: 88px;
float:left;
/*background-color:#009;*/
}

.container{
width: 954px;
height: 580px;
left: 50%;
margin-top: 25px;
margin-left: -477px;
position: relative;
/*border: 1px solid black;*/
}


.container_nav{
width: 131px;
height: 492px;
float:left;
/*background-color:red;*/
}

.container_content{
width: 821px;
height: 439px;
float:left;
border-left: 1px black solid;
/*background-color:red;*/
}


.container_content img{
border: 2px solid #930937;
margin-left: 11px;
margin-bottom: 11px;
}


.container_about{
width: 821px;
height: 439px;
float:left;
background:url(images/about/aboutPic.jpg) no-repeat right;
/*background-color:red;*/
}



.footer_space{
width: 560px;
height: 53px;
float:left;
/*background-color:red;*/
}

.index{
width: 462px;
height: 330px;
/*top: 35%;*/
margin-top: 95px;
left: 50%;
margin-left: -231px;
position: absolute;
}


.index_image{
width: 462px;
height: 306px;
/*float: left;
background-color:red;*/

}
	  
.link{
}

.logo{
width: 477px;
height: 88px;
float:left;
/*background-color:#009;*/
}






/* ----------------START OF NAVIGATION LINK STYLE  -----------------*/

#nav_about a:link, #nav_about a:visited{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_about.gif) no-repeat left top;
float:left;
/*background-color:red;*/
}

#nav_about a:hover, #nav_about a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_about.gif) no-repeat left bottom;
float:left;
/*background-color:red;*/
}

#nav_menu a:link, #nav_menu a:visited{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_menu.gif) no-repeat left top;
float:left;
/*background-color:red;*/
}

#nav_menu a:hover, #nav_menu a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_menu.gif) no-repeat left bottom;
float:left;
/*background-color:red;*/
}


#nav_gallery a:link, #nav_gallery a:visited{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_gallery.gif) no-repeat left top;
float:left;
/*background-color:red;*/
}

#nav_gallery a:hover, #nav_gallery a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_gallery.gif) no-repeat left bottom;
float:left;
/*background-color:red;*/
}

#nav_reservations a:link, #nav_reservations a:visited{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_reservations.gif) no-repeat left top;
float:left;
/*background-color:red;*/
}

#nav_reservations a:hover, #nav_reservations a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_reservations.gif) no-repeat left bottom;
float:left;
/*background-color:red;*/
}


#nav_contact a:link, #nav_contact a:visited{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_contact.gif) no-repeat left top;
float:left;
/*background-color:red;*/
}

#nav_contact a:hover, #nav_contact a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_contact.gif) no-repeat left bottom;
float:left;
/*background-color:red;*/
}

#nav_space1{
width: 132px;
height: 28px;
float:left;
/*background-color:red;*/
}

#nav_space2{
width: 132px;
height: 128px;
float:left;
b/*background-color:red;*/
}

#nav_space3{
width: 132px;
height: 31px;
float:left;
/*background-color:red;*/
}

/* ----------------END OF NAVIGATION LINK STYLE  -----------------*/



/* ----------------START OF NAVIGATION CURRENT STYLE  -----------------*/


#nav_about .current a:link, #nav_about .current a:visited, #nav_about .current a:hover, #nav_about .current a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_about.gif) no-repeat left bottom;
float:left;
cursor: default;
}


#nav_menu .current a:link, #nav_menu .current a:visited, #nav_menu .current a:hover, #nav_menu .current a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_menu.gif) no-repeat left bottom;
float:left;
cursor: default;
}


#nav_gallery .current a:link, #nav_gallery .current a:visited, #nav_gallery .current a:hover, #nav_gallery .current a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_gallery.gif) no-repeat left bottom;
float:left;
cursor: default;
}

#nav_reservations .current a:link, #nav_reservations .current a:visited, #nav_reservations .current a:hover, #nav_reservations .current a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_reservations.gif) no-repeat left bottom;
float:left;
cursor: default;
}

#nav_contact .current a:link, #nav_contact .current a:visited, #nav_contact .current a:hover, #nav_contact .current a:active{
width: 132px;
height: 61px;
text-indent: -100em;
background:url(images/template/nav_contact.gif) no-repeat left bottom;
float:left;
cursor: default;
}


/* ----------------END OF NAVIGATION CURRENT STYLE  -----------------*/



/* ----------------START OF NAVIGATION FOR THE INDEX PAGE -----------------*/

.nav_index{
width: 462px;
height: 24px;
clear:both;
float: left;
}

.nav_index_about{
width: 71px;
height: 24px;
float:left;
/*background-color:orange;*/
}


.nav_index_menu{
width: 83px;
height: 24px;
float:left;
/*background-color:green;*/
}



.nav_index_gallery{
width: 91px;
height: 24px;
float:left;
/*background-color:black;*/
}



.nav_index_reservations{
width: 134px;
height: 24px;
float:left;
/*background-color:yellow;*/
}



.nav_index_contact{
width: 83px;
height: 24px;
float:left;
/*background-color:purple;*/
}

/* ----------------END  OF NAVIGATION FOR THE INDEX PAGE -----------------*/





.site_design{
width: 262px;
height: 53px;
float:left;
/*background-color:red;*/
}


/*ASH*/

.container_left {
	padding-top: 50px;
	padding-left: 30px;
	float: left;
	height: 400px;
	width: 350px;
	font-family:"Palatino Linotype", "Book Antiqua", "Times New Roman", Palatino, serif;
	font-size:14px;
	
}
.container_left_top{
font-style:italic; 
padding:40px;
text-align:justify

}

.container_wine{
width: 821px;
height: 439px;
float:left;
background:url(images/wine/winePic1.jpg) no-repeat right;
/*background-color:red;*/
}

.container_menu{
width: 821px;
height: 439px;
float:left;
background:url(images/menu/dinnerPic1.jpg) no-repeat right;
/*background-color:red;*/
}



.container_menu_dinner{
width: 500px;
height: 409px;
float:left;
overflow:auto;
/*background-color:#999;*/
padding-left:15px;
padding-right:15px;
text-align:center;
line-height:18px;

}

.container_menu_wine{
width: 450px;
height: 409px;
float:left;
overflow:auto;
/*background-color:#999;*/
padding-left:15px;
padding-right:15px;
line-height:18px;

}


.container_menu_top{
width: 821px;
height: 30px;
float:left;
/*background-color:red;*/
}

.menu_link {
	float: left;
	padding-left: 40px;

}

.menu_item{
	font-weight:bold;
	font-size:15px;
}

.menu_header{
	font-weight:bold;
	font-size:15px;
	text-align:center;
	color:#930937;
}

#menu_link_active {
	float: left;
	font-weight:bold;
	font-size:16px;
}


/*JON*/

.container_directions{
width: 821px;
height: 439px;
float:left;
background:url(images/directions/directionsPic1.jpg) no-repeat right;
/*background-color:red;*/
}

.container_reservations{
width: 821px;
height: 439px;
float:left;
background:url(images/reservations/reservationsPic1.jpg) no-repeat center;
/*background-color:red;*/
}



.directions{
	width: 400px;
	height: 350px;
	padding: 10px;
	margin-top: 45px;
	margin-left: 20px;
	text-align:center;
}


.items_right {
	float: right;
	padding-right:16px;
}

#mycustomscroll {
	line-height: 20px;
	width: 500px;
	height: 379px;
	overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	float:left;
	margin: 10px;
	
}

#mycustomscroll2 {
	line-height: 20px;
	width: 450px;
	height: 379px;
	overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	float:left;
	margin: 10px;
	
}

.reservations{
	width: 390px;
	height: 185px;
	padding: 10px;
	margin-top: 20px;
	margin-left: 200px;
	background-color: white;
	border: 2px solid #930937;
}