/*
	main navigation layout
*/
#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation li {
	height: 31px;
	list-style-type: none;
	position: relative;
	width: 189px;
}

#navigation li a {
	height: 31px;
	left: 0;
	position: absolute;
	text-decoration: none;
	text-indent: -1000px;
	top: 0;
	width: 189px;
}



/*
	active and rollover states for main nav, based on site section
*/

#navigation {
	background: url(../graphics/navigation/home_off.gif) no-repeat;
}

#navigation #nav-home a:hover, #home-active #navigation #nav-home a {
	background: url(../graphics/navigation/home_on.gif) 0px 2px no-repeat;
}

#navigation #nav-philo a:hover {
	background: url(../graphics/navigation/philosophy_on.gif) no-repeat;
}

#navigation #nav-menu a:hover, #menu-active #navigation #nav-menu a {
	background: url(../graphics/navigation/menu_on.gif) no-repeat;
}

#navigation #nav-partytrays a:hover {
	background: url(../graphics/navigation/partytrays_on.gif) no-repeat;
}

#navigation #nav-locations a:hover {
	background: url(../graphics/navigation/locations_on.gif) no-repeat;
}

#navigation #nav-company a:hover {
	background: url(../graphics/navigation/company_on.gif) no-repeat;
}

#navigation #nav-franchise a:hover {
	background: url(../graphics/navigation/franchise_on.gif) no-repeat;
}



/*
	subnavigation layout
*/

#subnav ul, #subnav-display ul {
	background: #BFC77A;
	/*
	background: url(../graphics/subnav_bg.gif) no-repeat;
	*/
	border-top: 1px solid #AFB35C;
	border-bottom: 1px solid #AFB35C;
	border-right: 1px solid #848F4A;
	height: 235px;
	margin: 0;
	padding: 11px 0 0 0;
	text-align: left;
}

#subnav li, #subnav-display li {
	background: url(../graphics/subnav_dots.gif) 25px 16px no-repeat;
	height: 22px;
	list-style-type: none;
	position: relative;
	width: 154px;
}

#subnav li a, #subnav-display li a {
	color: #333;
	font: 10px Verdana, Helvetica, sans-serif;
	height: 22px;
	left: 0;
	padding: 0 0 0 25px;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 154px;
}

#subnav li a:hover, #subnav-display li a:hover, #subnav-display .subnav-active a {
	background: url(../graphics/subnav_red_arrow.gif) 10px 2px no-repeat;
	color: #f00;
}

#subnav-display ul {
	border-right: none;
	float: right;
	height: 203px;
	margin-top: -3px;
	width: 153px;
}



/*
	custom padding for short subnav sections so that they line up vertically
*/
#subnav .subnav-philo ul {
	padding-top: 18px;
}

#subnav .subnav-partytrays ul {
	padding-top: 70px;
}

#subnav .subnav-company ul {
	padding-top: 80px;
}