
#main_nav{display: block; width: 900px; height: 32px; position: relative; z-index: 30;
	background: url(../images/nav/nav_all_bg.gif) no-repeat 0 0;}



/* Nav styles */
ul#priNav { color: #fff;}
ul#priNav li { float: left;}

#priNav {
	width: 900px; height: 22px; z-index: 1000;
}
#priNav ul{ margin: 0; padding: 0; list-style: none; }

#priNav li {
	 position: relative;float: left; display: inline;
}
#priNav li a {
	display: block;
}


#About {width: 180px; height: 22px; font-size: 11px;}
#About:hover , #About.hoverStyle {background: url(../images/nav/nav_about_on.gif) no-repeat 0 0;}

#About_on {width: 180px; height: 22px; font-size: 11px;}
#About_on:hover , #About_on.hoverStyle {background: url(../images/nav/nav_about_on.gif) no-repeat 0 0;}
	
#Solutions {width: 180px; height: 22px; }
#Solutions:hover , #Solutions.hoverStyle {background: url(../images/nav/nav_solutions_on.gif) no-repeat 0 0;}
	
#Solutions_on {width: 180px; height: 22px; background: url(../images/nav/nav_solutions_on.gif) no-repeat 0 0;}
#Solutions_on:hover , #Solutions_on.hoverStyle {background: url(../images/nav/nav_solutions_on.gif) no-repeat 0 0;}

#Results {width: 180px; height: 22px; }
#Results:hover , #nav3.hoverStyle {background: url(../images/nav/nav_results_on.gif) no-repeat 0 0;}

#Results_on {width: 180px; height: 22px; background: url(../images/nav/nav_results_on.gif) no-repeat 0 0;}
#Results_on:hover , #Results_on.hoverStyle {background: url(../images/nav/nav_results_on.gif) no-repeat 0 0;}

#Locations {width: 180px; height: 22px; }
#Locations:hover , #Locations.hoverStyle {background: url(../images/nav/nav_locations_on.gif) no-repeat 0 0;}

#Locations_on {width: 180px; height: 22px; background: url(../images/nav/nav_locations_on.gif) no-repeat 0 0;}
#Locations_on:hover , #Locations_on.hoverStyle {background: url(../images/nav/nav_locations_on.gif) no-repeat 0 0;}

#Store {width: 180px; height: 22px; }
#Store:hover , #Store.hoverStyle {background: url(../images/nav/nav_store_on.gif) no-repeat 0 0;}

#Store_on {width: 180px; height: 22px; background: url(../images/nav/nav_store_on.gif) no-repeat 0 0;}
#Store_on:hover , #Store_on.hoverStyle {background: url(../images/nav/nav_store_on.gif) no-repeat 0 0;}




#nav1 {width: 180px; height: 22px; font-size: 11px;}
#nav1:hover , #nav1.hoverStyle {background: url(../images/nav/nav_about_on.gif) no-repeat 0 0;}

#nav1_on {width: 180px; height: 22px; background: url(../images/nav/nav_about_on.gif) no-repeat 0 0;}
#nav1_on:hover , #nav1_on.hoverStyle {background: url(../images/nav/nav_about_on.gif) no-repeat 0 0;}
	
#nav2 {width: 180px; height: 22px; }
#nav2:hover , #nav2.hoverStyle {background: url(../images/nav/nav_solutions_on.gif) no-repeat 0 0;}
	
#nav2_on {width: 180px; height: 22px; background: url(../images/nav/nav_solutions_on.gif) no-repeat 0 0;}
#nav2_on:hover , #nav2_on.hoverStyle {background: url(../images/nav/nav_solutions_on.gif) no-repeat 0 0;}

#nav3 {width: 180px; height: 22px; }
#nav3:hover , #nav3.hoverStyle {background: url(../images/nav/nav_results_on.gif) no-repeat 0 0;}

#nav3_on {width: 180px; height: 22px; background: url(../images/nav/nav_results_on.gif) no-repeat 0 0;}
#nav3_on:hover , #nav3_on.hoverStyle {background: url(../images/nav/nav_results_on.gif) no-repeat 0 0;}

#nav4 {width: 180px; height: 22px; }
#nav4:hover , #nav4.hoverStyle {background: url(../images/nav/nav_locations_on.gif) no-repeat 0 0;}

#nav4_on {width: 180px; height: 22px; background: url(../images/nav/nav_locations_on.gif) no-repeat 0 0;}
#nav4_on:hover , #nav4_on.hoverStyle {background: url(../images/nav/nav_locations_on.gif) no-repeat 0 0;}

#nav5 {width: 180px; height: 22px; }
#nav5:hover , #nav5.hoverStyle {background: url(../images/nav/nav_store_on.gif) no-repeat 0 0;}

#nav5_on {width: 180px; height: 22px; background: url(../images/nav/nav_store_on.gif) no-repeat 0 0;}
#nav5_on:hover , #nav5_on.hoverStyle {background: url(../images/nav/nav_store_on.gif) no-repeat 0 0;}





/* Dropdown menus */
/* Based on tutorials at AListApart.com. Uses CSS in HTML page to accommodate IE */
#priNav li ul {
	display: none; list-style: none;
	position: absolute;
	font-size: 12px;
	padding: 0; margin:0;
	width: 178px;
	border-top: #fff solid 2px;
}

#priNav li:hover ul li a , #priNav li.over ul li a {
	display: block;  z-index: 1000;
	margin: 0;
	text-align: left; 
	text-decoration: none;
	border-bottom: #9daed2 solid 1px;
	background: #3b5da4;
}


#priNav li:hover ul, #priNav li.over ul {
	display: block; z-index: 30;
}

#priNav li ul li {
	float: none; 
	margin: 0;
	padding: 0; 
}

#priNav li ul li a {
	display: block; margin: 0; padding: 3px 0 0 10px;
	width: 178px;
	height: 21px;
	vertical-align: bottom;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	voice-family: "\"\""; voice-family: inherit; 
	width: 168px; height: 18px;
}
#priNav li ul li a:hover, #priNav li ul li a.hoverStyle {
	font-weight: normal; 
	background: #3b5da4 url(../images/nav/nav_li_bg.gif) no-repeat 0 0;
}

#priNav li ul li a.main_nav_double_high {
	height: 32px;
}
#priNav li ul li a.main_nav_double_high:hover, #priNav li ul li a.main_nav_double_high.hoverStyle {
	font-weight: normal; 
	background: #3b5da4 url(../images/nav/nav_li_bg_h32.gif) no-repeat 0 0;
}


#priNav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	right: auto;
}






