/* Navigation Reconstruct
	 * created jan27
	 *
	 *-----------------------------------------*
	 *
	 * jan28
	 *		-created mass of visual design
	 *
	 *		-created new navigation
	 *
	*/
	
	

	
	
	/* IE fixes
	 *--------------*/

		.nav  ul { 
			behavior: url(csshover2.htc);
			}
			
			img {
				behavior: url(iepngfix.htc);
				}
		
			
			
	/* end IE fixes 
	*/
	

		
		

		
	.nav img {
		float: left;
		}
	
	.nav img.right {
		float: right;
		}
	
		
	.nav {
		position: relative;
		float: left;
		display: inline;
		
		margin: 0px 0px 5px 3px;
		
		width: 914px;
		
		}
		
		.nav ul {
			position: absolute;
			top: 0px;
			z-index: 1000;
		
			list-style: none;
			
			background: none;
			}
				
			.nav ul li {
				float: left;
				
				visibility: hidden;
				display: none; /* the display and height are to keep it from taking up any space while invisible*/
				height: 0px; 
				width: 136px;  
	 			
				text-align: center;
				background: none;
				}
				
			.nav ul li.top {
				visibility: visible;
				display: inline;
				
				width: 130px;
				height: 46px;
				
				border-top: 3px solid #2B91BD;
				}
				
				.nav ul li.top img {
					visibility: hidden;
					}
				
				
				.nav ul li div {
					float: left;
					 
					height: 27px;
					width: 130px;
					padding-top: 12px;
					
					background-color: #E6F8FC; 
					background-image: url(graphics/navArrow-blue.jpg);
					background-repeat: no-repeat;
					background-position: -9000px -9000px;
					border-top: 1px solid #919090;
					}
					
					
				.nav ul li.odd div {
					background-color: #ffffff;
					background-image: url(graphics/navArrow-white.jpg);
					}
					 
				
					.nav ul li img.subShadow {
						float: left;
						height: 40px;
						width: 6px;
						}
					
					.nav ul li img.subShadowBottom {
						height: 6px;
						width: 136px;
						}
				
					.nav li a, .nav li a:visited, .nav li a:active {
						color: #919090;
						font-size: 12px;
						text-align: center;
						}
				
					 
			
				

					
		/* Specific Positions, Widths, and Backgrounds for each button
		
			if any of the navigation images change both position and width may be affected
			
		 */
		
					.nav ul.home {
						left: 3px;
						width: 129px;
						}
						
						.nav ul.home li.top {
							background-image: url(graphics/nav-home.jpg);
							}
						
					.nav ul.about {
						left: 132px;
						width: 130px
						}
						
						.nav ul.about li.top {
							background-image: url(graphics/nav-about.jpg);
							}
							
					.nav ul.capabilities {					
						 width: 130px;
						 left: 262px;
						}
						
						.nav ul.capabilities li.top {
							background-image: url(graphics/nav-cap.jpg);
							}
						
							
					.nav ul.projects {
						left: 392px;
						width: 130px;
						}
						
						.nav ul.projects li.top {
							background-image: url(graphics/nav-projects.jpg);
							}
							
					.nav ul.careers {
						left: 522px;
						width: 130px;
						}
						
						.nav ul.careers li.top {
							background-image: url(graphics/nav-careers.jpg);
							}
						
					.nav ul.contact {
						left: 652px;
						width: 130px;
						}
						
						.nav ul.contact li.top {
							background-image: url(graphics/nav-contact.jpg);
							}
						
					.nav ul.links {
						left: 782px;
						width: 129px;
						}
						
						.nav ul.links li.top {
							background-image: url(graphics/nav-links.jpg);
							}
							
				
		
		/* Drop-down Hover effects
		 *-----------------------------*/	
		
	  .nav ul:hover {
			z-index: 1000;
			}
				
		.nav ul:hover li {
			visibility: visible;
			display: inline;
			
			height: 40px;
			}
			
			.nav ul li:hover a {
				color: #065BCE;
				border-bottom: 1px dotted red;
				}
			
				
				
				.nav ul li:hover div {
					background-position: 1px 15px;
					background-repeat: no-repeat;
					}
				
		
		.nav ul:hover li.top {
			height: 40px;
			border-top: 3px solid #DD191A;
			}
						
			
			.nav ul:hover li.top img {
				visibility: visible;
				}
				
			/* for ul's without subNavs */
		.nav ul.home:hover li.top, .nav ul.links:hover li.top {
			height: 46px;
			}