/* .5 Bacchus
=====================================
Company: Bacchus
Project: Web Page	
Author: Brian Swiger

= COLOR REFERENCE GUIDE =

FONT COLOR: 
HEADING COLOR: 
SECONDARY HEADING: 
BACKGROUND COLOR: 
TEXT FIELD BACKGROUND COLOR: 
HIGHTLIGHT COLOR: 
LINK COLOR: 

================================================================*/



/*===============================================================

	G L O B A L     V A R I A B L E S

================================================GLOBAL VARIABLES */

html, body {
	height: 100%;
	margin: 0px;
	padding: 0;
	min-width: 800px;
	
}

.body_padding {	
	padding: 25px;
	line-height: 18px;
}

.clearfooter {
	height: 58px; /* Height of Footer */
	clear: both;
}

/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#nav-bar {
	
	height: 28px;
	width: 450px;
	background: url(../images/main/linen_dark.png);
	top: -30px;
	margin-left: auto ;
	margin-right: auto ;
	/*z-index: 2;*/
	border-style: solid;
	border-color: black;
	border-width: 1px;

}
#main-nav {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 27px;
	width: 610px;
	top: -33px;
	left: 102px;
	z-index: 50;

}

/* ACCESSIBLE ROLL OVERS */

#main-nav li {
	float: left; 
}

#main-nav li a {
	text-indent: -999999px;
	overflow: hidden;
	display: block;
	height: 28px; 
} 
/*=================================*/

#food {
	width: 86px; 
	margin-left: -80px;
	background: url(../images/main/nav/food.png); 
	z-index: 3 ; 
	position:relative;
}

#food:hover {background: url(../images/main/nav/food.png) 0 -30px !important; z-index: 6; }
/*=================================*/
#wine { 
	width: 86px; 
	margin-left: -11px;
	background: url(../images/main/nav/wine.png);
	z-index: 2;
	position:relative;
}

#wine:hover {background: url(../images/main/nav/wine.png) 0 -30px !important; z-index: 6; }
/*=================================*/
#events {
	width: 86px; 
	margin-left: -11px;
	background: url(../images/main/nav/events.png); 
	z-index: 1 ; 
	position:relative;
}

#events:hover {background: url(../images/main/nav/events.png) 0 -30px !important; z-index: 6; }
/*=================================*/
#gallery {
	width: 86px; 
	margin-left: -11px;
	background: url(../images/main/nav/gallery.png); 
	z-index: 1 ; 
	position:relative;
}

#gallery:hover {background: url(../images/main/nav/gallery.png) 0 -30px !important; z-index: 6; }
/*=================================*/
#about {
	width: 86px; 
	margin-left: -11px;
	background: url(../images/main/nav/about.png); 
	z-index: 1 ; 
	position:relative;
}

#about:hover {background: url(../images/main/nav/about.png) 0 -30px !important; z-index: 6; }
/*=================================*/

#main-nav a.active {
background-position: 0 -30px;
z-index: 7;
}
/*===============================================================
	T Y P O G R A P H Y	
==================================================== =TYPOGRAPHY */

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #5b4e19;
}



.about-story {
	font-size: 13px;
	font-family: Arial; 
	color: #000000;
	text-align: left;
}

.contact-page-info {
	font-size: 13px;
	font-family: Arial; 
	color: #000000;
	text-align: left;
	margin-top: -10px;
	padding-right: 10px;	
	padding-left: 20px;	
}

.menu-Header {
	font-size: 16px;
	font-family: Helvetica; 
	color: #000000;
	text-align: center;	
	width: 100%;	
}

.sub-Header {
	font-size: 12px;
	font-family: Helvetica; 
	color: #000000;
	margin-top: 17px;
	margin-bottom: -10px;
	text-align: center;	
	width: 100%;	
}

.burger-sub {
	font-size: 12px;
	font-family: Helvetica; 
	color: #000000;
	margin: 22px 0 -10px 0;
	line-height: 14px;
	text-align: center;	
	width: 100%;	
}

.menu-Entree {
	font-size: 16px;
	font-family: Helvetica; 
	color: #000000;
	width: 100%;

}

.menu-Descrip {
	font-size: 15px;
	font-family: Helvetica; 
	color: #000000;
	/*padding-top: -5px;
	padding-left: 15px;
	padding-right: 40px;*/
	width: 100%; 
}

.menu-Descrip-multi {
	font-size: 15px;
	font-family: Helvetica; 
	color: #000000;
	margin-top: 10px;
	width: 100%; 
}

.menu-Price {
	width : 100px;
	font-size: 16px;
	font-family: Helvetica; 
	color: #000000; 
	width: 100%;
	/*padding-right: 10px;*/
	/*text-align: center;*/
}

.topping-Price {
	width : 100px;
	font-size: 15px;
	font-family: Helvetica; 
	color: #000000; 
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
}

.tdBurger-Header {
	font-size: 16px;
	font-family: Helvetica; 
	color: #000000;
	text-align: center;	
	width: 50%;	
}

.menu-Fried {
	font-size: 14px;
	font-family: Helvetica; 
	color: #000000;
	line-height: 14px;
	margin-bottom: -10px;
	text-align: center;	
	width: 100%;	
}

.contact-Story {
	font-size: 14px;
	font-family: Helvetica; 
	color: #000000;
	line-height: 14px;
	text-align: left;	
}

.event-date {
	font-size: 16px;
	font-family: Helvetica; 
	color: #000000;
	text-align: right;
	width: 200px;
	padding-right: 20px;
	font-weight: bold;
}

.event-artist {
	font-size: 16px;
	font-family: Helvetica; 
	color: #000000;
	text-align: left;
	/*font-weight: bold;*/
	width: 200px;
}

.disclaimer {
	font-size: 11px;
	font-family: Helvetica; 
	color: #000000;
	text-align: center;	
	width: 100%;	
}

.footer-font {
	font-size: 10px;
	font-family: Helvetica; 
	color: #000000;
	text-align: center;
	margin-top: 4px;		
}

.drink-Header {
	font-size: 14px;
	font-family: Helvetica; 
	color: #000000;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}

.drink-Item {
	font-size: 13px;
	font-family: Helvetica; 
	color: #000000;
	text-align: left;	
}

.footer_link a:link              {color: #000000; text-decoration: none;}
.footer_link a:visited           {color: #000000; text-decoration: none;}
.footer_link a:active            {color: #000000; text-decoration: none;}
.footer_link a:hover             {color: #000000; text-decoration: none;}

.contact_link a:link              {color: #000000; text-decoration: none;}
.contact_link a:visited           {color: #000000; text-decoration: none;}
.contact_link a:active            {color: #000000; text-decoration: none;}
.contact_link a:hover             {color: #000000; text-decoration: none;}


/*===============================================================
	C O N T E N T     S T R U C T U R E	
============================================== =CONTENT STRUCTURE */


#page-container {
	position: relative;
	min-height: 100%;
	min-width: 500px;
	margin-bottom: -61px;
	background: url(../images/main/beige_bgd.png);
}

#header-container {
	position: relative;
	height: 281px;
	width: 798px;
	background: url(../images/main/header/header.png);
	margin-left: 7px ;
	margin-left: auto ;
	margin-right: auto ;
	z-index:3;
}


#content {
	position: relative;
	top: -35px;
	width: 785px;

	margin-left: auto ;
	margin-right: auto ;
	background: url(../images/main/pagesclice.png);
}

#body {
	position: relative;
	width: 760px;
	margin-left: auto ;
	margin-right: auto ;
	padding-top: 5px;
	margin-bottom: -50px;
	background: #ffffff;
}

#body-l {
	
	float: left;
	width: 370px;
	/*background: red;*/
	min-height: 100%;
	padding-left: 10px;
}

#body-r {
	float: right;
	width: 370px;
	min-height: 100%;
	/*background: yellow;*/
	padding-right: 12px;

}
/*
#body-c-header {
	
	float: left;
	width: 100%;

	min-height: 100%;
	padding-left: 10px;
}*/
/*
#body-c-r {
	float: right;
	width: 280px;
	min-height: 100%;
	background: yellow;
	margin-right: 10px;

}*/

#body-m-r {
	float: right;
	width: 300px;
	min-height: 100%;
	/*background: yellow;*/
	margin-right: 40px;
}

#body-m-l {
	float: left;
	width: 400px;
	min-height: 100%;
	/*background: yellow;*/
	margin-left: 10px;
	margin-right: 10px;

}

#slide-container {
	float: left;
	margin-top: 20px;
	width: 405px;
	height: 467px;
	margin-left: 50px;
	margin-right: 10px;
}

#content-bottom {
	position: absolute;
	width: 785px;
	height: 15px;
	width: 785px;
	background: url(../images/main/pagebottom.png);
}




/*
#swirl {
	position: absolute;
	top: 0px;
	height: 97px;
	width: 380px;
	background: url(../images/main/swirl_sm.png);
	margin-left: 395px ;
	z-index: 0;
}
*/


#footer-container {
	position: relative;
	height: 60px;
	width:796px;
	top: 0px;
	margin-left: auto ;
	margin-right: auto ;
	background: url(../images/main/footershad.png);
}

#footer {
	top: 3px;
	position: relative;
	height: 58px;
	width: 788px;
	margin-left: auto ;
	margin-right: auto ;
	background: url(../images/main/footer.png);
	z-index: 1;
} 

#alt-nav {
	position: relative;
	float: left;
	width:100%;
	height: 20px;
	text-align: center;
	padding-top: 2px;
	font-size: 11px;
	font-weight: 4;
}

#menu-head-place {
	height: 28px;
	width: 300px;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-bottom: -15px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-top: none;
	border-left: none;
	border-right: none;
}

#wine-head-place {
	height: 28px;
	width: 300px;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-bottom: -15px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-top: none;
	border-left: none;
	border-right: none;
}

#story-l {
	float: left;
	width: 150px;

}

#story-m {
	float: left;
	margin-left: 50px;
	margin-top: -15px;
	width: 255px;

}

#story-r {
	float: right;
	width: 260px;
	min-height: 100%;
	margin-top: -15px;
	margin-right: 30px;
}

#contact-locations {

	float: left;
	margin-top: 10px;
	margin-left: 40px;
	width: 550px;
	height: 100px;

}

#map_canvas {
	
	float: right;
	margin-top: 60px;
	width: 430px; 
	height: 400px; 
	margin-right: 10px;
}


#directions {
clear: both;
float: left;
width: 282px;
margin-left: 10px;
margin-top: 50px;

}