@charset "utf-8";
/* CSS Document */
/*** Nav bar styles ***/
.nav-bar{
	position:absolute;
	z-index:1000;
}
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	position:absolute;
	z-index:2;
	top:126px;
	left:0px;
}

ul.nav{
	display: block;
	width:980px;
}
ul.nav li{
	/*display:inline-block;*/
	float:left;
	font-size:20px;
	display:inline;
	position: relative;
	height:48px;
}

ul.nav li ul{
/*Make the sub list items invisible*/
	/*float:right;*/
	display: none;
	position: absolute;
	top:47px;
	width:980px;
	margin-left: 0px;
	margin-top: 1px;
	height:25px;
	padding-top:0px;
	padding-bottom:0px;
	font-weight:bold;
}

ul.nav li#beers>ul{
	left:0px;
}
ul.nav li#sodas>ul{
	left:-140px;
}
ul.nav li#news>ul{
	left:-280px;
	width: 700px;
}
ul.nav li#find>ul{
	left:-167px;
	width: 480px;
}
ul.nav li#info>ul{
	left:-560px;
	width: 980px;
}
ul.nav li#shop>ul{
	left:-700px;
}
ul.nav li#visit>ul{
	left:-512px;
	width:652px;
}

ul.nav li#beers ul li{
	width: 140px;
	text-align:center;
}
ul.nav li#sodas ul li{
	width: 140px;
	text-align:center;
}
ul.nav li#news ul li{
	width: 140px;
	text-align:center;
}
ul.nav li#find ul li{
	width: 160px;
	text-align:center;
}
ul.nav li#info ul li{
	width: 140px;
	text-align:center;
}
ul.nav li#shop ul li{
	width: 140px;
	text-align:center;
}
ul.nav li#visit ul li{
	width: 163px;
	text-align:center;
}

ul.nav li ul li{
	float:left;
	font-size:14px;
	height:25px;
}
ul.nav li ul li ul{
	display:none;
	top:25px;
	left:0px;
	width:140px;
	position:absolute;
	margin:0px;
}

ul.nav li ul li ul li{
	display:inline;
	font-size:12px;
	height:20px;
	width:140px;
	clear:both;
}

ul.nav li ul li:hover ul{
	display:block;
}
/*ul.nav li:hover ul{
	display : block;
}*/

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul{
	background-color: #900;
	color: #fff;
}


ul.nav li{
	background-color: #900;
	color: #FFF;
}

ul.nav li:hover{
	background-color: #FFC425;
	color: #900;
	padding:0px;
	margin:0px;
}

ul.nav li:active{
	background-color: #FFC425;
	color: #900;
}
ul.nav li ul li ul li{
	background-color: #000;
	color: #FFF;
}

ul.nav li ul li ul li:hover{
	background-color: #FFC425;
	color: #900;
	padding:0px;
	margin:0px;
}

ul.nav li ul li ul li:active{
	background-color: #FFC425;
	color: #900;
}
.nav a{
	color: inherit;
}
/* Fix IE. Hide from IE Mac \*/
* .nav a{ color: expression(this.parentNode.currentStyle.color); text-decoration: none; }
/* End */


