/*

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

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


/** 
*  cambiando los width de .navi cambiamos el ancho de todo el menu
**/
.navi {
	width: 455px;
	height: 48px;
	background: url(blue-nav.gif) no-repeat;
	position: absolute;
}
.navi li {
	display: inline;
}
.navi li a:link, .navi li a:visited {
	position: absolute;
	top: 0;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.navi .home a:link, .navi .home a:visited {
		left: 23px;
		width: 102px;
	}
	.navi .home a:hover, .navi .home a:focus {
		background: url(blue-nav.gif) no-repeat -23px -49px;
	}
	.navi .home a:active {
		background: url(blue-nav.gif) no-repeat -23px -98px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(blue-nav.gif) no-repeat -23px -147px;
		cursor: default;
	}
	.navi-home, .navi-home-click {
		position: absolute;
		top: 0;
		left: 23px;
		width: 102px;
		height: 48px;
		background: url(blue-nav.gif) no-repeat -23px -49px;
	}
	.navi-home-click {
		background: url(blue-nav.gif) no-repeat -23px -98px;
	}



	.navi .about a:link, .navi .about a:visited {
		left: 125px;
		width: 103px;
	}
	.navi .about a:hover, .navi .about a:focus {
		background: url(blue-nav.gif) no-repeat -125px -49px;
	}
	.navi .about a:active {
		background: url(blue-nav.gif) no-repeat -125px -98px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(blue-nav.gif) no-repeat -125px -147px;
		cursor: default;
	}
	.navi-about, .navi-about-click {
		position: absolute;
		top: 0;
		left: 125px;
		width: 103px;
		height: 48px;
		background: url(blue-nav.gif) no-repeat -125px -49px;
	}
	.navi-about-click {
		background: url(blue-nav.gif) no-repeat -125px -98px;
	}



	.navi .services a:link, .navi .services a:visited {
		left: 228px;
		width: 103px;
	}
	.navi .services a:hover, .navi .services a:focus {
		background: url(blue-nav.gif) no-repeat -228px -49px;
	}
	.navi .services a:active {
		background: url(blue-nav.gif) no-repeat -228px -98px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(blue-nav.gif) no-repeat -228px -147px;
		cursor: default;
	}
	.navi-services, .navi-services-click {
		position: absolute;
		top: 0;
		left: 228px;
		width: 103px;
		height: 48px;
		background: url(blue-nav.gif) no-repeat -228px -49px;
	}
	.navi-services-click {
		background: url(blue-nav.gif) no-repeat -228px -98px;
	}

/** 
*  cambiando los width de: .navi .contact a:link, .navi .contact a:visited y navi-contact, .navi-contact-click  cambiamos el tama–o del hover y focus de este boton
**/

	
	.navi .contact a:link, .navi .contact a:visited {
		left: 332px;
		width: 105px;
	}
	.navi .contact a:hover, .navi .contact a:focus {
		background: url(blue-nav.gif) no-repeat -332px -49px;
	}
	.navi .contact a:active {
		background: url(blue-nav.gif) no-repeat -332px -98px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(blue-nav.gif) no-repeat -332px -147px;
		cursor: default;
	}
	.navi-contact, .navi-contact-click {
		position: absolute;
		top: 0;
		left: 332px;
		width: 105px;
		height: 48px;
		background: url(blue-nav.gif) no-repeat -332px -49px;
	}
	.navi-contact-click {
		background: url(blue-nav.gif) no-repeat -332px -98px;
	}
/** 
*  cambios hasta aca
**/

	
	.navi .contact2 a:link, .navi .contact2 a:visited {
		left: 435px;
		width: 154px;
	}
	.navi .contact2 a:hover, .navi .contact2 a:focus {
		background: url(blue-nav.gif) no-repeat -435px -49px;
	}
	.navi .contact2 a:active {
		background: url(blue-nav.gif) no-repeat -435px -98px;
	}
	.current-contact2 .contact2 a:link, .current-contact2 .contact2 a:visited {
		background: url(blue-nav.gif) no-repeat -435px -147px;
		cursor: default;
	}
	.navi-contact2, .navi-contact2-click {
		position: absolute;
		top: 0;
		left: 435px;
		width: 154px;
		height: 48px;
		background: url(blue-nav.gif) no-repeat -435px -49px;
	}
	.navi-contact2-click {
		background: url(blue-nav.gif) no-repeat -435px -98px;
	}