@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

/* Top-level menu bar */

ul.dropdown {
	font-weight: bold;
	font-variant: small-caps;
	height: 72px;
	background-image: url(../images/nav-menubar.gif);
	float: none;
	padding-left: 92px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: -20px;
	top: -20px;
}

body.Home ul.dropdown {
	margin-bottom: -25px;
	top: -35px;
}

/* Top-level menu item */

	ul.dropdown li {
		padding-top: 15px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		border-style: none;
	}
		
		ul.dropdown li a {
			display: block;
			height: 30px;
			font-size: 1.2em;
			text-indent: -5000px;  /* hides text so it can be replaced with an image */
			margin-bottom: 12px;
			overflow: hidden;
			background-repeat: no-repeat;
		}
		
		ul.dropdown li a:hover,
		body.Home li#nav-home a,
		body.Products li#nav-products a,
		body.Recipes li#nav-recipes a,
		body.About li#nav-about a,
		body.Sales li#nav-sales a,
		body.Contacts li#nav-contacts a {
			background-position: 0 -30px;
		}

		li#nav-home a {
			width: 110px;
			background-image: url(../images/nav-home.gif);
		}
		
		li#nav-products a {
			width: 161px;
			background-image: url(../images/nav-products.gif);
		}
			
		li#nav-recipes a {
			width: 135px;
			background-image: url(../images/nav-recipes.gif);
		}
			
		li#nav-about a {
			width: 162px;
			background-image: url(../images/nav-about.gif);
		}
		
		li#nav-sales a {
			width: 108px;
			background-image: url(../images/nav-sales.gif);
		}

		li#nav-contacts a {
			width: 160px;
			background-image: url(../images/nav-contacts.gif);
		}

/* Submenu */
			
			ul.dropdown li ul {
				width: 260px;
			}
			li#nav-products ul { /* Products submenu */
				left: -50px; /* Centers menu: (Submenu width - Heading width) / 2 */
			}
			li#nav-about ul { /* About submenu */
				left: -49px; /* Centers menu: (Submenu width - Heading width) / 2 */
			}
					
/* Submenu item */

				ul.dropdown li ul li {
					padding-left: 30px;
					padding-right: 30px;
					padding-top: 0.25em;
					padding-bottom: 0.25em;
					background: url(../images/nav-submenu.png) repeat-y;
				}
				ul.dropdown li.first-submenu-item {
					padding-top: 1em;
					background: url(../images/nav-submenu-top.png) top no-repeat;
				}
				ul.dropdown li.last-submenu-item {
					padding-bottom: 2em;
					background: url(../images/nav-submenu-bottom.png) bottom no-repeat;
				}
			
					ul.dropdown li ul li a {
						height: auto;
						text-indent: 0;
						text-align: center;
						width: auto !important;
						background: none !important;
						margin-bottom: 0 !important;
					}
					ul.dropdown li ul a:link,
					ul.dropdown li ul a:visited	{
						color: #730e2c; text-decoration: none;
					}
					ul.dropdown li ul a:hover,
					ul.dropdown li ul a:active	{
						color: red;
					}