/* HTML5 and jQuery Super Simple Nav by Todd Motto @toddmotto - toddmotto.com */

/* =============================================================================
   Navigation Core Styles
   ========================================================================== */
   
nav {background:#666; position: relative; margin-left: 25px; margin-top: -79px; z-index: 500; font-size: 10px; text-transform: uppercase; font-weight: bold;}
nav ul {text-align:left;}
nav ul li {float:left;display:inline;  text-align:left;}
nav ul li:hover { text-decoration: none; url('images/site/nav_shadow.jpg') bottom right no-repeat; }

nav ul li a {display:block; padding: 10px 25px 15px 10px; color: #5c3c09; text-decoration:none; } 
nav ul li:hover > a {color:white; text-decoration: none;}
nav ul li ul {position:absolute;width:225px; background-color: rgb(251, 191, 97); border: 1px solid rgb(210, 140, 10); border-top: none; }
nav ul li ul li {margin:0;padding:0;width:225px;  text-align:left; color: #5c3c09;}
nav ul li ul li a { display:block; padding: 10px 15px 15px 20px;  color: #5c3c09;  font-size: 10px;}
nav ul li ul li:hover a {background: #fca51a;}
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;}

.nav-promotoins {
	color: white;
	background: transparent url('images/promotions-button-bg.png') no-repeat 0 0;
}