/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


body {
	color: #000;
}

.nav {
	width: 983px;
	height: 40px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images-idrive/yes-menu.png);
	background-repeat: no-repeat;
	text-align: center;
	}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	left: 0;
}
	.nav .home a:link, .nav .home a:visited {
		left: 0;
		width: 196px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images-idrive/yes-menu.png) no-repeat 0 -40px;
	}
	.nav .home a:active {
		background: url(../images-idrive/yes-menu.png) no-repeat 0 -80px;
	}
	.current-home .home a:link, .current-home .home a:visited {
	cursor: default;
	background-image: url(../images-idrive/yes-menu.png);
	background-repeat: no-repeat;
	background-position: 0 -80px;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 196px;
		height: 40px;
		background: url(../images-idrive/yes-menu.png) no-repeat 0px -40px;
	}
	.nav-home-click {
		background: url(../images-idrive/yes-menu.png) no-repeat 0px -80px;
	}



	.nav .about a:link, .nav .about a:visited {
		left: 196px;
		width: 196px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images-idrive/yes-menu.png) no-repeat -196px -40px;
	}
	.nav .about a:active {
		background: url(../images-idrive/yes-menu.png) no-repeat -196px -80px;
	}
	.current-about .about a:link, .current-about .about a:visited {
	cursor: default;
	background-image: url(../images-idrive/yes-menu.png);
	background-repeat: no-repeat;
	background-position: -196px -80px;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 196px;
		width: 196px;
		height: 40px;
		background: url(../images-idrive/yes-menu.png) no-repeat -196px -40px;
	}
	.nav-about-click {
		background: url(../images-idrive/yes-menu.png) no-repeat -196px -80px;
	}



	.nav .offers a:link, .nav .offers a:visited {
		width: 196px;
	left: 392px;
}
	.nav .offers a:hover, .nav .offers a:focus {
		background: url(../images-idrive/yes-menu.png) no-repeat -392px -40px;
	}
	.nav .offers a:active {
		background: url(../images-idrive/yes-menu.png) no-repeat -392px -80px;
	}
	.current-offers .offers a:link, .current-offers .offers a:visited {
	cursor: default;
	background-image: url(../images-idrive/yes-menu.png);
	background-repeat: no-repeat;
	background-position: -392px -80px;
	}
	.nav-offers, .nav-offers-click {
		position: absolute;
		top: 0;
		width: 196px;
		height: 40px;
		background: url(../images-idrive/yes-menu.png) no-repeat -392px -40px;
	left: 392px;
}
	.nav-offers-click {
		background: url(../images-idrive/yes-menu.png) no-repeat -392px -80px;
	}


	
	.nav .guestbook a:link, .nav .guestbook a:visited {
		left: 588px;
		width: 196px;
	}
	.nav .guestbook a:hover, .nav .guestbook a:focus {
		background: url(../images-idrive/yes-menu.png) no-repeat -588px -40px;
	}
	.nav .guestbook a:active {
		background: url(../images-idrive/yes-menu.png) no-repeat -588px -80px;
	}
	.current-guestbook .guestbook a:link, .current-guestbook .guestbook a:visited {
	cursor: default;
	background-image: url(../images-idrive/yes-menu.png);
	background-repeat: no-repeat;
	background-position: -588px -80px;
	}
	.nav-guestbook, .nav-guestbook-click {
		position: absolute;
		top: 0;
		left: 588px;
		width: 196px;
		height: 40px;
		background: url(../images-idrive/yes-menu.png) no-repeat -588px -40px;
	}
	.nav-guestbook-click {
		background: url(../images-idrive/yes-menu.png) no-repeat -588px -80px;
		
		
	}		
	.nav .contact a:link, .nav .contact a:visited {
		left: 784px;
		width: 196px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images-idrive/yes-menu.png) no-repeat -784px -40px;
	}
	.nav .contact a:active {
		background: url(../images-idrive/yes-menu.png) no-repeat -784px -80px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
	cursor: default;
	background-image: url(../images-idrive/yes-menu.png);
	background-repeat: no-repeat;
	background-position: -784px -80px;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 784px;
		width: 196px;
		height: 40px;
		background: url(../images-idrive/yes-menu.png) no-repeat -784px -40px;
	}
	.nav-contact-click {
		background: url(../images-idrive/yes-menu.png) no-repeat -784px -80px;
	}

	

