/* HIDE TEXT ON TOP LEVEL REVEAL TEXT ON SUBLEVELS */
		#main-navigation a {
			text-indent:-3000px;
			}
			
			#main-navigation ul {
				width:600px;
				border:1px dotted orange;
				color: #000000;
               background: #000000;
              border-right: 2px dotted #4169e1;
              border-bottom: 2px dotted #4169e1;

				}

				#main-navigation ul li {
					height:20px;
					margin-bottom:4px;
					}
					
					#main-navigation ul li a {
						height:15px;
						display:block;
						width:160px;
						padding:4px 10px 4px 30px;
						text-indent:0;
						background:#E3CF57 url(../images/navs/bullet.gif) 6px 50% no-repeat;
						text-decoration:none;
						color:#000000;
						}
					
					#main-navigation ul li a:hover {
						background-color:#EEDC82;
						}
						

		/* OFF STATES */
		#main-navigation #nav-home {
			width:80px;
			background:url(../images/navs/gradient.png) 0 0 no-repeat;
			}
			
		#main-navigation #nav-about {
			width:95px;
			background:url(../images/navs/gradient.png) -70px 0 no-repeat;
			}
			
		#main-navigation #nav-products {
			width:160px;
			background:url(../images/navs/gradient.png) -165px 0 no-repeat;
			}
			
		#main-navigation #nav-portfolio {
			width:105px;
			background:url(../images/navs/gradient.png) -325px 0 no-repeat;
			}
			
		#main-navigation #nav-customers {
			width:175px;
			background:url(../images/navs/gradient.png) -430px 0 no-repeat;
			}
			
		#main-navigation #nav-contact {
			width:105px;
			background:url(../images/navs/gradient.png) -605px 0 no-repeat;			
			}
			
		/* HOVER AND ACTIVE STATES */
		#main-navigation #nav-home:hover, #main-navigation li.current #nav-home {
			background:url(../images/navs/gradient.png) 0 -44px no-repeat;
			}
			
		#main-navigation #nav-about:hover, #main-navigation li.sfHover #nav-about {
			background:url(../images/navs/gradient.png) -70px -44px no-repeat;
			}
			
		#main-navigation #nav-products:hover, #main-navigation li.sfHover #nav-products {
			background:url(../images/navs/gradient.png) -165px -44px no-repeat;
			}
			
		#main-navigation #nav-portfolio:hover, #main-navigation li.sfHover #nav-portfolio {
			background:url(../images/navs/gradient.png) -325px -44px no-repeat;
			}
			
		#main-navigation #nav-customers:hover, #main-navigation li.sfHover #nav-customers {
			background:url(../images/navs/gradient.png) -430px -44px no-repeat;
			}
			
		#main-navigation #nav-contact:hover, #main-navigation li.sfHover #nav-contact {
			background:url(../images/navs/gradient.png) -605px -44px no-repeat;			
			}