/* 03. HEADER NAVIGATION
------------------------------------------------------------------*/


div#navigation { 
	/*position: absolute;*/ 
	bottom: 0; 
	width: 741px;
	height:22px;
	background: url(images/design/menu_bg.gif) 1px top no-repeat;
	z-index: 100px;
}

/* Suckerfish */
#nav, #nav ul {
	padding: 0;
	padding-left: 45px;
	margin: 0;
	padding-top: 1px;
	list-style: none;
}
#nav ul { padding: 0; }

#nav a {
	display: block;
	/*width: 60px;*/
	font-size: 10px;
	text-transform: uppercase;
	height: 13px; 
	color: #412102; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: left;
	padding: 2px 5px 3px 5px;
}
#nav a:hover {
	color: #412102;
	background-color:#ece3d8;
}
#nav li {
	float: left;
	width: 60px;
}
#nav li:hover, #nav li.hover {  
     position: static;  
}
#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	border-left: 1px solid #412102;
	border-right: 1px solid #412102;
	border-bottom: 1px solid #412102;

}
#nav li ul li {
	width: 200px;
}
#nav li ul li a {
	width: 190px;
	text-align: left;
	background-color: #ece3d8;
	border-top: 1px solid #412102;
}
#nav li ul li  a:hover {
	color: #412102;
	background-color:#fff;
}
#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}