@charset "utf-8";

*#nav { 
	line-height: 1; 
	z-index: 9998; 
	}
	
#nav a {
	background: url(../images/navi.jpg) no-repeat 0 0;
	display: block;
	height: 17px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { 
	float: left; 
	position: relative; 
	list-style-type: none;
	}
	
* html #nav li * { 
	position: relative; 
	}
	
#nav li, #nav ul { 
	margin: 0; padding: 0; 
	}


	
	/*--- Default ---*/
	#nav-portfolio a { background-position: 0 0; width: 105px; }
	#nav-service a { background-position: -105px 0; width: 67px; }
	#nav-about a { background-position: -172px 0; width: 58px; }
	#nav-contact a { background-position: -230px 0; width: 76px; }
	#nav-links a { background-position: -307px 0; width: 58px; }


	/*--- Hovering ---*/
	#nav-portfolio a:hover { background-position: 0 -17px; width: 105px; }
	#nav-service a:hover { background-position: -105px -17px; width: 67px; }
	#nav-about a:hover { background-position: -172px -17px; width: 58px; }
	#nav-contact a:hover { background-position: -230px -17px; width: 76px; }
	#nav-links a:hover { background-position: -307px -17px; width: 58px; }
	
	/*--- Focusing ---*/
	#nav-portfolio a:focus { background-position: 0 -17px; width: 105px; }
	#nav-service a:focus { background-position: -105px -17px; width: 67px; }
	#nav-about a:focus { background-position: -172px -17px; width: 58px; }
	#nav-contact a:focus { background-position: -230px -17px; width: 76px; }
	#nav-links a:focus { background-position: -307px -17px; width: 58px; }
			
	
	/*--- Dropdowns ---*/
#nav li:hover ul, #nav li.over ul { 
	left: 0; 
	}
	
#nav li li { 
	float: none; 
	position: static; 
	width: 100%; 
	}
	
#nav li li a, #nav li li a:hover, #nav li li a:active {
	background: none;
	height: auto;
	padding: 1px 5% 2px;
	text-indent: 0;
	width: 76%;
	z-index: 95;
	}
	
#nav li li a:hover { 
	color:#990000;
	}

#nav li li a { 
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	}

#nav li ul {
	border-top: 1px solid #eecdcd;
	
}
	
#nav li ul {
	background:	#FFFFFF;
	border-bottom: 1px solid #eecdcd;
	border-right: 1px solid #eecdcd;
	border-left: 1px solid #eecdcd;
	left: -1999px;
	line-height: 1.5;
	padding: 5px 0;
	position: absolute;
	width: 105px;
	z-index: 9999;
	}

#nav li ul li:hover {
	background:#eecdcd;
}
	
li#nav-states ul { 
	line-height: 1.2; 
	width: 400px; 
	}
	
li#nav-states .col { 
	font-size: 0.7em; 
	float: left; 
	width: 33%; 
	}
	
li#nav-states .col ul { 
	border: 0; 
	position: static; 
	width: 100%; 
	}