﻿/* Navigation CSS */

#top_nav {
	margin: 0;
	padding: 0;
	height: 40px;
	width: 890px;
}
#top_nav ul {
	margin: 0;
	padding: 0;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #CCCCCC;
	float: left;
	height: 40px;
}

#top_nav li {
	padding: 0;
	float: left;
	list-style-type: none;
	height: 40px;
	line-height: 3.5;
}

/* Default Hyperlink Setup: Setup the background and default behavior for links */
#top_nav a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
	height: 40px;
	text-align: center;
	float: left;
	background: url('images/menuBarMatrix.png') no-repeat;
}

/* Individual Hyperlink Tab Setup: Setup individual link backgrounds using the default 
background but changing its position along the x axis */
#top_nav li#home,
	#top_nav #home a {
	width: 65px;
	border-right: 1px #FFF solid;
}

#top_nav li#company,
	#top_nav #company a {
	width: 85px;
	border-right: 1px #FFF solid;
	background-position: -50px 0;
}

#top_nav li#products,
	#top_nav #products a {
	width: 225px;
	border-right: 1px #FFF solid;
	background-position: -50px 0;
}

#top_nav li#news,
	#top_nav #news a {
	width: 55px;
	border-right: 1px #FFF solid;
	background-position: -50px 0;
}

#top_nav li#contact,
	#top_nav #contact a {
	width: 80px;
	border-right: 1px #FFF solid;
	background-position: -50px 0;
}

#top_nav li#endBar {
	background-image: url('images/menuBarMatrix.png');
	width: 374px;
	border-right: 1px #FFF solid;
	background-position: -516px 0;
}

/* Hover Setup: Set up default "hover" behavior for links by using the 
default background image but changing its x and y position */
#top_nav a:hover {
/*	text-decoration: underline; */
}

#top_nav #home a:hover {
	background-position: 0 -40px;
}

#top_nav #company a:hover,
	#top_nav #products a:hover,
	#top_nav #news a:hover,
	#top_nav #contact a:hover {
	background-position: -50px -40px;
}

/* Page Marker: Setup links to identify which main page the user is on
(Home, Company, Products, News, and Contact).  */
#body_home #home a {
	background-position: 0 -80px;
}

#body_company #company a,
	#body_products #products a,
	#body_news #news a,
	#body_contact #contact a {
	background-position: -50px -80px;
}

/* breadcrumb definitions */
#breadcrumb {
	margin: 0;
	padding: 0;
	height: 35px;
	width: 890px;
	color: #AAAAAA;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 8pt;
}
#breadcrumb p {
	padding: 10px 0 0 18px;
	margin: 0;
}

#breadcrumb li {
	margin: 10px 0 0 15px;
	float: left;
	list-style-type: none;
}

#breadcrumb a {
	text-decoration: none;
	color: #E90001;
	font-weight: bold;
}

#breadcrumb a:hover {
	text-decoration: underline;
}