/* *************************************************************
DESCRIPTION: site-wide main navigation style

************************************************************* */

#nav {
	margin: 0;
	padding: 0;
	float: left;
	width: 614px;
	height: 25px;
	font:  normal 12px "Trebuchet MS", "Verdana", sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	background: #fff url(images/body_bkgrnd.gif) repeat-y center top;
		
}

#nav li ul {
	display: none;
	
}

#nav li {
	display:inline;
	list-style: none;
	padding: 0; /*IE5/MAC Padding Fix*/
	
}

#nav a, #nav span {
	float: left;	
	text-decoration: none; /*Mozilla Underline Fix*/
	background-color: #666666;
	color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	
}



/* ~~~~~~~~~ NAVIGATION BUTTON STYLES ~~~~~~~~~ */

#home a, #home span {
	width: 94px;
	margin-left: 12px;		
}
#home a.selected, #home span.selected, #home a:hover {
	background-color: #C5D19B;
	color: #62782C;
}

#about a, #about span {
	width: 127px;
	border-left: solid 1px #999;
}
#about a.selected, #about span.selected, #about a:hover {
	background-color: #C5D19B;
	color: #62782C;
}

#services a, #services span {
	width: 123px; 
	border-left: solid 1px #999;
	
}
#services a.selected, #services span.selected, #services a:hover {
	background-color: #C5D19B;
	color: #62782C;
}

#referrals a, #referrals span {
	width: 121px;  
	border-left: solid 1px #999;
}
#referrals a.selected, #referrals span.selected, #referrals a:hover {
	background-color: #C5D19B;
	color: #62782C;
}

#contact a, #contact span {
	width: 121px;
	border-left: solid 1px #999;	
}
#contact a.selected, #contact span.selected, #contact a:hover {
	background-color: #C5D19B;
	color: #62782C;
}