#mnavcontainer 
{
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: White;
	float: left;
	width: 800px;
	font-family: arial, helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
}

#mnavcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: White;
	float: left;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
}

#mnavcontainer ul li { display: inline; }

#mnavcontainer ul li a
{
	background-color: #036;
	color: White;
	text-decoration: none;
	float: right;
	border-right: 1px solid #fff;
	padding-top: 3em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
}

#mnavcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}



/*the you are here trick (persistent page indicator) */
body#home li#home a, body#about li#about a, body#contact li#contact a, body#firmware li#firmware a, body#support li#support a {
background-color: #369;
color: #fff;
}





/* CMX CSS Document */


/*this is the beginning of the button menu system*/
#menu
{
	position: absolute;
	width: 200px;
	margin-top: 0px; /*play with this to align the menu system with the content*/
	background-color: #90bade;

}

#menu ul
{
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li 
{
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #90bade;
	margin-top: 3;
	margin-right: 3px;
	margin-bottom: 3;
	margin-left: 3;
}

#menu a
{
	display: block;
	text-decoration: none;
	background-color: #2175BC;
	color: White;
	text-decoration: none;
	;
	width: 170px; /*this is the width MINUS the left padding and the right border - otherwise, you'll have a space before your right border*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/*/*/a{}
#menu a {
	border-right: 10px solid #508fc4;
	border-left: 10px solid #1958B7;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	}
/* NN4 hack */


#menu a:hover, #menu a:focus
{
	background: #2586D7;
	border-right: 10px solid #5BA3E0;
		border-left: 10px solid #1C64D1;
}

/*this ends the menu buttons*/


/*the you are here trick (persistent page indicator) */
body#faq li#faq a, body#whyechologic li#whyechologic a, body#reviews li#reviews a, body#digital li#digital a, body#watches li#watches a, body#discontinued li#discontinued a {
	background: #2586D7; 
	border-right: 10px solid #5BA3E0;
		border-left: 10px solid #1C64D1;
	color: #FFF;
}