/* CSS Document */

#mainNav {
	background-color: #FFF;
	font-size: 12px;
	height: 31px;
	padding-left: 210px;
	width: 754px;
	background-image: url(../images/navBkg.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	clear: both;
	margin-top: 18px;
}
#mainNav ul {
	list-style-type: none;
	text-align: left;
}

#mainNav li{
	float: left;
	list-style-type: none;
	text-indent: -9000px;
}

#mainNav .one a, .two a, .three a, .four a, .five a{
	display: block;
	height: 31px;
	background-repeat: no-repeat;
}

#mainNav .one a:hover, #mainNav .two a:hover, #mainNav .three a:hover, #mainNav .four a:hover, #mainNav .five a:hover{
	background-position: bottom;
	}

#mainNav .one a{
	width: 108px;
	background-image: url(http://testsites.bluespacecreative.com/scranton/images/nav/product_lines.gif);
	margin-right: 21px;
	}
	
#products li.one a, #products li.one a:hover{
background-position: bottom;
}

#mainNav .two a{
	width: 87px;
	background-image: url(http://testsites.bluespacecreative.com/scranton/images/nav/media_room.gif);
	margin-right: 20px;
}
#media li.two a, #media li.two a:hover{
background-position: bottom;
}
#mainNav .three a{
	width: 71px;
	background-image: url(http://testsites.bluespacecreative.com/scranton/images/nav/careers.gif);
	margin-right: 19px;
}
#careerPage li.three a, #careerPage li.three a:hover{
background-position: bottom;
}
#mainNav .four a{
	width: 151px;
	background-image: url(http://testsites.bluespacecreative.com/scranton/images/nav/about_scranton.gif);
	margin-right: 19px;
}
#about li.four a, #about li.four a:hover{
background-position: bottom;
}
#mainNav .five a{
	width: 68px;
	background-image: url(http://testsites.bluespacecreative.com/scranton/images/nav/contact_scranton.gif);
}
#contact li.five a, #contact li.five:hover{
background-position: bottom;
}