/*

	-- -- -- -- -- -- --
	ruthmoody.com top and primary navigation
	nav style, with style for scripted elements
	based on article from alistapart
	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
	height: 34px (34px x 4 = 136)
	width: 580px
*/


.topnav {
	width: 580px;
	height: 34px;
	background: url(/css/top-nav.png) no-repeat;
	position: relative;
	top: 0px;
	left: 52px; /*was 34 */
}
.topnav li {
	display: inline;
}
.topnav li a:link, .topnav li a:visited {
	position: absolute;
	top: 0;
	height: 34px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.topnav .contact a:link, .topnav .contact a:visited {
		left: 20px;
		width: 70px;
	}
	.topnav .contact a:hover, .topnav .contact a:focus {
		background: url(/css/top-nav.png) no-repeat -20px -34px;
	}
	.topnav .contact a:active {
		background: url(/css/top-nav.png) no-repeat -20px -68px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(/css/top-nav.png) no-repeat -20px -102px;
		cursor: default;
	}
	.topnav-contact, .topnav-contact-click {
		position: absolute;
		top: 0;
		left: 20px;
		width: 70px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -20px -34px;
	}
	.topnav-contact-click {
		background: url(/css/top-nav.png) no-repeat -20px -68px;
	}



	.topnav .enewsletter a:link, .topnav .enewsletter a:visited {
		left: 90px;
		width: 110px;
	}
	.topnav .enewsletter a:hover, .topnav .enewsletter a:focus {
		background: url(/css/top-nav.png) no-repeat -90px -34px;
	}
	.topnav .enewsletter a:active {
		background: url(/css/top-nav.png) no-repeat -90px -68px;
	}
	.current-enewsletter .enewsletter a:link, .current-enewsletter .enewsletter a:visited {
		background: url(/css/top-nav.png) no-repeat -90px -102px;
		cursor: default;
	}
	.topnav-enewsletter, .topnav-enewsletter-click {
		position: absolute;
		top: 0;
		left: 90px;
		width: 110px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -90px -34px;
	}
	.topnav-enewsletter-click {
		background: url(/css/top-nav.png) no-repeat -90px -68px;
	}


	.topnav .credits a:link, .topnav .credits a:visited {
		left: 200px;
		width: 70px;
	}
	.topnav .credits a:hover, .topnav .credits a:focus {
		background: url(/css/top-nav.png) no-repeat -200px -34px;
	}
	.topnav .credits a:active {
		background: url(/css/top-nav.png) no-repeat -200px -68px;
	}
	.current-credits .credits a:link, .current-credits .credits a:visited {
		background: url(/css/top-nav.png) no-repeat -200px -102px;
		cursor: default;
	}
	.topnav-credits, .topnav-credits-click {
		position: absolute;
		top: 0;
		left: 200px;
		width: 70px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -200px -34px;
	}
	.topnav-credits-click {
		background: url(/css/top-nav.png) no-repeat -200px -68px;
	}



	.topnav .media a:link, .topnav .media a:visited {
		left: 270px;
		width: 60px;
	}
	.topnav .media a:hover, .topnav .media a:focus {
		background: url(/css/top-nav.png) no-repeat -270px -34px;
	}
	.topnav .media a:active {
		background: url(/css/top-nav.png) no-repeat -270px -68px;
	}
	.current-media .media a:link, .current-media .media a:visited {
		background: url(/css/top-nav.png) no-repeat -270px -102px;
		cursor: default;
	}
	.topnav-media, .topnav-media-click {
		position: absolute;
		top: 0;
		left: 270px;
		width: 60px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -270px -34px;
	}
	.topnav-media-click {
		background: url(/css/top-nav.png) no-repeat -270px -68px;
	}


	
	.topnav .links a:link, .topnav .links a:visited {
		left: 330px;
		width: 50px;
	}
	.topnav .links a:hover, .topnav .links a:focus {
		background: url(/css/top-nav.png) no-repeat -330px -34px;
	}
	.topnav .links a:active {
		background: url(/css/top-nav.png) no-repeat -330px -68px;
	}
	.current-links .links a:link, .current-links .links a:visited {
		background: url(/css/top-nav.png) no-repeat -330px -102px;
		cursor: default;
	}
	.topnav-links, .topnav-links-click {
		position: absolute;
		top: 0;
		left: 330px;
		width: 50px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -330px -34px;
	}
	.topnav-links-click {
		background: url(/css/top-nav.png) no-repeat -330px -68px;
	}


	.topnav .facebook a:link, .topnav .facebook a:visited {
		left: 440px;
		width: 35px;
	}
	.topnav .facebook a:hover, .topnav .facebook a:focus {
		background: url(/css/top-nav.png) no-repeat -440px -34px;
	}
	.topnav .facebook a:active {
		background: url(/css/top-nav.png) no-repeat -440px -68px;
	}
	.current-facebook .facebook a:link, .current-facebook .facebook a:visited {
		background: url(/css/top-nav.png) no-repeat -440px -102px;
		cursor: default;
	}
	.topnav-facebook, .topnav-facebook-click {
		position: absolute;
		top: 0;
		left: 440px;
		width: 35px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -440px -34px;
	}
	.topnav-facebook-click {
		background: url(/css/top-nav.png) no-repeat -440px -68px;
	}


	.topnav .twitter a:link, .topnav .twitter a:visited {
		left: 475px;
		width: 35px;
	}
	.topnav .twitter a:hover, .topnav .twitter a:focus {
		background: url(/css/top-nav.png) no-repeat -475px -34px;
	}
	.topnav .twitter a:active {
		background: url(/css/top-nav.png) no-repeat -475px -68px;
	}
	.current-twitter .twitter a:link, .current-twitter .twitter a:visited {
		background: url(/css/top-nav.png) no-repeat -475px -102px;
		cursor: default;
	}
	.topnav-twitter, .topnav-twitter-click {
		position: absolute;
		top: 0;
		left: 475px;
		width: 35px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -475px -34px;
	}
	.topnav-twitter-click {
		background: url(/css/top-nav.png) no-repeat -475px -68px;
	}



	.topnav .myspace a:link, .topnav .myspace a:visited {
		left: 510px;
		width: 35px;
	}
	.topnav .myspace a:hover, .topnav .myspace a:focus {
		background: url(/css/top-nav.png) no-repeat -510px -34px;
	}
	.topnav .myspace a:active {
		background: url(/css/top-nav.png) no-repeat -510px -68px;
	}
	.current-myspace .myspace a:link, .current-myspace .myspace a:visited {
		background: url(/css/top-nav.png) no-repeat -510px -102px;
		cursor: default;
	}
	.topnav-myspace, .topnav-myspace-click {
		position: absolute;
		top: 0;
		left: 510px;
		width: 35px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -510px -34px;
	}
	.topnav-myspace-click {
		background: url(/css/top-nav.png) no-repeat -510px -68px;
	}



	.topnav .youtube a:link, .topnav .youtube a:visited {
		left: 545px;
		width: 35px;
	}
	.topnav .youtube a:hover, .topnav .youtube a:focus {
		background: url(/css/top-nav.png) no-repeat -545px -34px;
	}
	.topnav .youtube a:active {
		background: url(/css/top-nav.png) no-repeat -545px -68px;
	}
	.current-youtube .youtube a:link, .current-youtube .youtube a:visited {
		background: url(/css/top-nav.png) no-repeat -545px -102px;
		cursor: default;
	}
	.topnav-youtube, .topnav-youtube-click {
		position: absolute;
		top: 0;
		left: 545px;
		width: 35px;
		height: 34px;
		background: url(/css/top-nav.png) no-repeat -545px -34px;
	}
	.topnav-youtube-click {
		background: url(/css/top-nav.png) no-repeat -545px -68px;
	}