@charset "utf-8";
/* CSS Document */

/*-------------------- Horizontal Nav Menu --------------------*/
	
#nav {
	position: relative;
	float: left;
	clear: none;
	width: 990px;
	margin:0;
	padding:0;
	background-color: #9fd6de;
}

div#nav ul {
	list-style: none;
	float: left;
	clear: none;
	padding: 0 0 0 15px;
	margin: 0;
	text-align: left;
	display: inline;
}

div#nav li {
	margin: 0;
	padding:0;	
	float: left;
}

/*   Off States */

div#nav li.home {
	background-image:url(../images/home-off.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	margin: 0;
	padding:0;
	}
	
div#nav li.sales {	
	background-image:url(../images/sales-and-marketing-off.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	margin: 0;
	padding:0;
	}
	
div#nav li.supply {
	background-image:url(../images/supply-chain-off.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	margin: 0;
	padding:0;
	}
	
div#nav li.finance {
	background-image:url(../images/finance-off.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	margin: 0;
	padding:0;
	}
	
div#nav li.benefits {
	background-image:url(../images/benefits-off.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	margin: 0;
	padding:0;
	}
	
div#nav li.location {
	background-image:url(../images/location-off.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	margin: 0;
	padding:0;
	}
	
div#nav li.apply {
	background-image:url(../images/apply-off.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	margin: 0;
	padding:0;
	}
	
/*   On States */
	
div#nav li.homeOn {
	background-image:url(../images/home-on.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	color:#235397!important;
	padding:0;
	margin:0;
	}
	
div#nav li.salesOn {
	background-image:url(../images/sales-and-marketing-on.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	color:#235397!important;
	padding:0;
	margin:0;
	}
	
div#nav li.supplyOn {
	background-image:url(../images/supply-chain-on.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	color:#235397!important;
	padding:0;
	margin:0;
	}
	
div#nav li.financeOn {
	background-image:url(../images/finance-on.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	color:#235397!important;
	padding:0;
	margin:0;
	}
	
div#nav li.benefitsOn {
	background-image:url(../images/benefits-on.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	color:#235397!important;
	padding:0;
	margin:0;
	}
	
div#nav li.locationOn {
	background-image:url(../images/location-on.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	color:#235397!important;
	padding:0;
	margin:0;
	}
	
div#nav li.applyOn {
	background-image:url(../images/apply-on.gif);
	background-repeat:no-repeat;
	height:48px;
	width:95px;
	color:#235397!important;
	padding:0;
	margin:0;
	}
	
/*   Off States - Default */

div#nav a:link, div#nav a:visited {
	display:block;
	text-align:center;
	color: #FFFFFF;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: normal;
	height:26px;
	width:95px;
	padding:22px 0 0 0;
	margin:0;
}

div#nav li.sales a:link, div#nav li.sales a:visited {
	padding:15px 0 0 0!important;
	margin:0;
}

div#nav li.salesOn a {
	padding:15px 0 0 0!important;
	margin:0;
	}

/*   Hover States */

div#nav a:hover {
	text-decoration: none;
	margin:0;
}

div#nav li.home a:hover {
	background-image:url(../images/home-hover.gif);
	background-repeat:no-repeat;
	height:31px;
	width:95px;
	padding:17px 0 0 0;
	margin:0;
	}
	
div#nav li.sales a:hover {
	background-image:url(../images/sales-and-marketing-hover.gif);
	background-repeat:no-repeat;
	width:95px;
	padding:10px 0 0 0!important;
	margin:0;
	}
	
div#nav li.supply a:hover {
	background-image:url(../images/supply-chain-hover.gif);
	background-repeat:no-repeat;
	width:95px;
	padding:17px 0 0 0;
	margin:0;
	}
	
div#nav li.finance a:hover {
	background-image:url(../images/finance-hover.gif);
	background-repeat:no-repeat;
	width:95px;
	padding:17px 0 0 0;
	margin:0;
	}
	
div#nav li.benefits a:hover {
	background-image:url(../images/benefits-hover.gif);
	background-repeat:no-repeat;
	width:95px;
	padding:17px 0 0 0;
	margin:0;
	}
	
div#nav li.location a:hover {
	background-image:url(../images/location-hover.gif);
	background-repeat:no-repeat;
	width:95px;
	padding:17px 0 0 0;
	margin:0;
	}
	
div#nav li.apply a:hover {
	background-image:url(../images/apply-hover.gif);
	background-repeat:no-repeat;
	width:95px;
	padding:17px 0 0 0;
	margin:0;
	}