/* CSS Document */

#navigation {
	width: 960px;
	height: 36px;
	background: url(../grfx/nav_bg.jpg) top left no-repeat;
}

	#navigation ul {
		width: 800px;
		height: 32px;
		margin: 0 0 0 65px;
	}
	
		#navigation li {
			float: left;
			list-style: none;
			font-weight: normal;
			text-transform: capitalize;
			margin: 2px 0 0 0;
		}
		
		#navigation li a {
			height: 32px;
			display: block;
			border: 0;
		}
		
			#navigation li a span {
				display: none;
			}
						
			#navigation li a#home {
				background: url(../grfx/navigation/nav_home.gif) 0px 0px no-repeat;
				width: 83px;
			}
			
			#navigation li a#home:hover {
				background: url(../grfx/navigation/nav_home.gif) 0px -32px no-repeat;
			}
						
			#navigation li a#company {
				background: url(../grfx/navigation/nav_company.gif) 0px 0px no-repeat;
				width: 78px;
			}
			
			#navigation li a#company:hover {
				background: url(../grfx/navigation/nav_company.gif) 0px -32px no-repeat;
				width: 93px;
				margin: 0 0 0 -15px;
			}
						
			#navigation li a#clients {
				background: url(../grfx/navigation/nav_clients.gif) 0px 0px no-repeat;
				width: 78px;
			}
			
			#navigation li a#clients:hover {
				background: url(../grfx/navigation/nav_clients.gif) 0px -32px no-repeat;
				width: 91px;
				margin: 0 0 0 -13px;
			}
						
			#navigation li a#services {
				background: url(../grfx/navigation/nav_services.gif) 0px 0px no-repeat;
				width: 72px;
			}
			
			#navigation li a#services:hover {
				background: url(../grfx/navigation/nav_services.gif) 0px -32px no-repeat;
				width: 85px;
				margin: 0 0 0 -13px;
			}
						
			#navigation li a#news {
				background: url(../grfx/navigation/nav_news.gif) 0px 0px no-repeat;
				width: 60px;
			}
			
			#navigation li a#news:hover {
				background: url(../grfx/navigation/nav_news.gif) 0px -32px no-repeat;
				width: 73px;
				margin: 0 0 0 -13px;
			}
						
			#navigation li a#industry_codes {
				background: url(../grfx/navigation/nav_industry.gif) 0px 0px no-repeat;
				width: 119px;
			}
			
			#navigation li a#industry_codes:hover {
				background: url(../grfx/navigation/nav_industry.gif) 0px -32px no-repeat;
				width: 132px;
				margin: 0 0 0 -13px;
			}
						
			#navigation li a#contact {
				background: url(../grfx/navigation/nav_contact.gif) 0px 0px no-repeat;
				width: 73px;
			}
			
			#navigation li a#contact:hover {
				background: url(../grfx/navigation/nav_contact.gif) 0px -32px no-repeat;
				width: 86px;
				margin: 0 0 0 -13px;
			}
			
			/* DROP DOWNS */
			
				#navigation li ul { 
					position: absolute;
					z-index: 20;
					margin: 0;
					width: 210px;
					padding: 0;
					left: -999em; 
				}
				
				#navigation li ul li {
					margin: 0;
					padding: 0;
					height: 25px;
					width: 170px !important;
					background: none;
				}
				
					#navigation li ul li a {
						background: #7f6a3c;
						border-left: solid 1px #634d19;
						border-right: solid 1px #634d19;
						border-bottom: solid 1px #634d19;
						line-height: 24px;
						height: 24px;
						font-size: 0.75em;
						text-transform: uppercase;
						padding: 0 0 0 10px;
						color: #fff;
						text-decoration: none;
					}
					
					#navigation li ul li a:hover {
						background: #c0a360;
					}
				
				#navigation li:hover ul, 
				#navigation li li:hover ul, 
				#navigation li.sfhover ul, 
				#navigation li li.sfhover ul { 
					left: auto;
				}
				
				*:first-child+html #navigation li:hover, 
				*:first-child+html #navigation li li:hover, 
				*:first-child+html #navigation li.sfhover, 
				*:first-child+html #navigation li li.sfhover { 
					left: auto;
					position: static;
				}