/* CSS Document : Navigation */

/* === [ breadcrumb ] === */


p.breadcrumb
{
	top:-12px;
	position:relative;
	padding: 0;
	margin:0 5px 0 0;
	color:#888;
	/*font-size:100%;*/
	line-height:110%;
	text-transform: lowercase;
	padding-bottom: 2px;
	font-family: Calibri, Trebuchet MS, Arial, Sans-Serif;
}
p.breadcrumb a
{
	/*border-bottom:1px dotted #888;*/
	color:#3f7b88;
	text-decoration:none;
	color: #888;
}
p.breadcrumb a:hover
{
	border:0;
	color: #333;
	text-decoration: underline;
}
p.breadcrumb span
{
	padding: 0 2px 0 1px;
}


/* - - - - - - - - - - - - - - - - - - - - -
NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */

/* GENERAL STYLE FOR ALL NAV*/
ul.nav 
{
	margin: 0;
	list-style: none;
}
ul.nav li
{
	margin: 0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	line-height: inherit;
	line-height: auto;
}

/* ============[ TOP NAVIGATION ]============ */

#topNav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
#topNav ul li
{
	line-height: inherit;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: transparent url(../img/topnav-divider.png) no-repeat left bottom;
	height:47px;
	padding-left: 2px;
}
#topNav ul li a
{
	display: block;
	color: #B90000;
	text-decoration: none;
	font-size: 118%;
	line-height: 48px;
	padding: 0 9px;
	
	height:43px;
	border-bottom: 3px solid transparent;
}
#topNav ul li a:hover
{
	color:#710000;
	border-bottom: 3px solid #B90000; /*needs work*/
}

#home a.home,
#about a.about,
#wholesale a.wholesale,
#recipes a.recipes,
#contact a.contact,
#order a.order,
#products a.products,
#falafel a.products,
#lentil-soup a.products,
#chicken-marinade a.products,
#hummus a.products
{
	color:#710000;
	/*text-decoration: underline;*/
	border-bottom: 3px solid #710000;/*needs work*/
}



/* ============[ SIDENAV - Categories ]============ */

.sideNav
{
	/*background: #a8c0be;*/
	margin:15px 0 20px 0;
}
.sideNav h3
{
	background: #a8c0be url(../img/sidenav-header.png) no-repeat top left;
	margin:0;
	text-indent:-2000px;
	height: 50px;
}
.sideNav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sideNav ul li
{
	margin: 0;
	padding:0;
	font-size: 85%;
	border-bottom: 1px solid #EDEAD8;
	list-style: none;
}
.sideNav ul li a
{
	text-decoration: none;
	font-size: 100%;
	display: block;
	line-height:1.2em;
	color:#4B4133;
	padding:3px 7px 3px 7px;
	/*background-color:#ABC5A7;*/
	border-left: 10px solid #91a682;
	padding-left: 7px;
	
}
.sideNav ul li a:hover, 
.sideNav ul li a.selected
{
	color:#382114;
	color: #710000;
	/*background-color:#B9CDCB;*/
	border-left: 5px solid #b90000;
	text-decoration: underline;
	border-left: 10px solid #b90000;
	padding-left: 7px;
}

#falafel a.falafel,
#lentil-soup a.lentil-soup,
#chicken-marinade a.chicken-marinade,
#hummus a.hummus
{
	color:#382114;
	color:#710000;
	/*background-color:#B9CDCB;*/
	border-left-color: #710000;
}




/* ============[ FOOTER NAVIGATION ]============ */

#footer ul.nav
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform:lowercase;
	padding:6px 5px 0 5px;
	float:left;
}
#footer ul.nav li
{
	display: inline;
	line-height: inherit;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#footer ul.nav li a
{
	display: block;
	padding: 0px 5px 0 5px;
	color: #6F4D44;
	text-decoration: none;
	font-size: 85%;
	border-right:1px solid #6F4D44;
	line-height:110%;
}
#footer ul.nav li a:hover, 
#footer ul.nav li a.selected
{
	color:#1A1B1C;
}