/* --[ nav ]------------------------------- */
#table{
	background-image: url('../img/pro_line_0.gif');
	visibility: visible;
	background-color: #3E85B3;
	width: 774px;
	text-align: center;
	position: absolute;
}
#nav {
	width: 759px;
	float: left;
	margin: 0;
	padding: 3px 0 18px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	text-align: center;
	background-image: url('../img/pro_line_0.gif');
	background-repeat: repeat-x;
}
#nav li {
	list-style: none;
	float: inherit;
	margin: 1px 3px 2px 0;
	padding: 0 0 0 0;
}
#nav ul {
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */ 
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */ 
}
#nav a {
	float: left;
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	border: none;
	}
	
.yellow {
	
} 	
/* hover state */

#nav li:hover {
	background: #FEE65C url(../img/nhov-top.gif) no-repeat top left;
	color: #00557D;
}
#nav a:hover {
	/* a backup for IE's lack of li:hover support */
	background-color: #FEE65C;
	color: #00557D;
}
html>body #nav a:hover {
	background: transparent url(../img/nhov-bottom.gif) no-repeat bottom right;
	}
	
/* active state */

#nav li.active {
	background: url(../img/nav-top.gif) no-repeat top left;
	}
#nav li.active a {
	color: #333;
	background: url(../img/nav-bottom.gif) no-repeat bottom right !important;
	}
#nav li.buy {
	background: url(../img/nav-top2.gif) no-repeat top left;
	}
#nav li.buy a {
	color: #333;
	background: url(../img/nav-top2.gif) no-repeat bottom right !important;
	}
#nav li.buy a:hover {
	background: url(../img/nav-bottom2.gif) no-repeat bottom right !important;
	}