/* menu */

#menu-container { 
	clear: left; margin: 0 auto; width: 100%; text-align: left; background: #c0ccbb; height: 25px; 
	border: 2px solid #cbcbcb; z-index: 1; position:relative;
}

DIV#menu { position: absolute; width: 100%; margin-top: -5px; left: 0;  }

UL#navigation { position: absolute; left: 0; font-family: Tahoma, Helvetica, Arial, sans-serif; }
UL#navigation { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede;  }
UL#navigation UL { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; }
UL#navigation LI { position: relative; float: left; line-height: 15px; background: #f3f3f3; z-index: 1100; }

#navigation LI A {
	display: block; width: 75px; padding: 4px 0.5em 4px 0.5em; border-top: 1px solid #dedede;
	border-right: 1px solid #dedede; background: #f3f3f3; color: #006600; text-decoration: none;
}
#navigation LI SPAN {
	display: block; width: 75px; padding: 4px 0.5em 4px 0.5em; border-top: 1px solid #dedede;
	border-right: 1px solid #dedede; background: #f3f3f3; color: #006600; text-decoration: none;
}
UL#navigation LI LI A { width: 120px; text-align: left; }
UL#navigation LI LI SPAN { width: 120px; text-align: left }
UL#navigation LI LI LI A { width: 160px; }
UL#navigation LI LI LI SPAN { width: 160px; }

UL#navigation LI A:hover { background: #7cac56; color: #000; }
UL#navigation UL LI:hover A:hover { background: #7cac56; color: #000; }
UL#navigation LI SPAN:hover { background: #7cac56; color: #000; }
UL#navigation UL LI:hover SPAN:hover { background: #7cac56; color: #000; }
UL#navigation LI SPAN.sfhover { background: #7cac56; color: #000; }
UL#navigation UL LI.sfhover SPAN.sfhover { background: #7cac56; color: #000; }

UL#navigation LI UL { position: absolute; left: -999em; }
#navigation LI:active UL UL { left: -999em; }
#navigation LI:active UL UL UL { left: -999em; }
#navigation LI:hover UL UL { left: -999em; }
#navigation LI:hover UL UL UL { left: -999em; }
#navigation LI.sfhover UL UL { left: -999em; }
#navigation LI.sfhover UL UL UL { left: -999em; }

#navigation LI:hover UL { top: 0; left: -1px; margin-left: 100%; }
#navigation LI LI:hover UL { top: 0; left: -1px; margin-left: 100%; }
#navigation LI LI LI:hover UL { top: 0; left: -1px; margin-left: 100%; }
#navigation LI.sfhover UL { top: 0; left: -1px; margin-left: 100%; }
#navigation LI LI.sfhover UL { top: 0; left: -1px; margin-left: 100%; }
#navigation LI LI LI.sfhover UL { top: 0; left: -1px; margin-left: 100%; }

#navigation LI:hover UL { margin-left: 0; top: 100%; }
/*#navigation LI A:unknown UL { margin-left: 0; top: 100%; }*/
#navigation LI.sfhover UL { margin-left: 0; top: 100%; }

#navigation SPAN:hover { cursor: default; }
#navigation SPAN.sfhover { cursor: default; }

#navigation LI:hover A { background: #b5db88; color: #005000; }
#navigation LI:hover SPAN { background: #b5db88; color: #005000; }
#navigation LI.sfhover A { background: #b5db88; color: #005000; }
#navigation LI.sfhover SPAN { background: #b5db88; color: #005000; }

UL#navigation LI UL LI:hover A { background: #b0d797; color: #696969; }
UL#navigation LI UL LI:hover SPAN { background: #b0d797; color: #696969; }
UL#navigation LI UL LI.sfhover A { background: #b0d797; color: #696969; }
UL#navigation LI UL LI.sfhover SPAN { background: #b0d797; color: #696969; }

UL#navigation LI UL UL LI:hover A { background: #a7cd89; color: #000; }
UL#navigation LI UL UL LI:hover SPAN { background: #a7cd89; color: #000; }
UL#navigation LI UL UL LI.sfhover A { background: #a7cd89; color: #000; }
UL#navigation LI UL UL LI.sfhover SPAN { background: #a7cd89; color: #000; }

DIV#menu UL#navigation LI UL LI:hover { background: #7cac56; color: #000; }
DIV#menu UL#navigation LI LI LI A:hover { background: #7cac56; color: #000; }
DIV#menu UL#navigation LI LI LI SPAN:hover { background: #7cac56; color: #000; }
BODY DIV#menu UL#navigation LI LI SPAN:hover { background: #7cac56; color: #000; }

A.exlink { 
	background: url("../img/web-design-seo-software/menu-arrow.gif") no-repeat 100% 50%;
}
DIV#menu UL#navigation LI A.exlink:hover {
	background: url("../img/web-design-seo-software/menu-arrow.gif") no-repeat 100% 50%;
}
SPAN.exlink { 
	background: url("../img/web-design-seo-software/menu-arrow.gif") no-repeat 100% 50%;
}
DIV#menu UL#navigation LI SPAN.exlink:hover { 
	background: #7cac56 url("../img/web-design-seo-software/menu-down-arrow.gif") no-repeat 100% 50%;
}

DIV#menu UL#navigation LI A.exlink SPAN {
	display: inline; background: none transparent scroll repeat 0% 0%; width: auto; border-style: none;
}
DIV#menu UL#navigation LI SPAN.exlink SPAN {
	display: inline; background: none transparent scroll repeat 0% 0%; width: auto; border-style: none;
}