/* special */

* { padding: 0em; margin: 0em; }



/* ----------------------------- start #nav ----------------------------- */

#nav {



	position: absolute;

	z-index:99;

	margin-top:69px;

	margin-left:274px;

	text-align:left;

}

#nav img { border: none; }

#nav li { display: inline; list-style:none; }

#nav li a { float: left; display:block; width: 96px; height: 24px; margin:0; padding:0;}

#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}

#nav li a:hover { visibility:visible; }

#nav li a:hover img { visibility:visible; }

#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* ----------------------------- end #nav ----------------------------- */





/* ----------------------------- start #nav ids ----------------------------- */

#one { background:url(http://marcostefano.com/shop/navigation/beauty-over.jpg) no-repeat left bottom; }

#two { background:url(http://marcostefano.com/shop/navigation/cosmetics-over.jpg) no-repeat left bottom; }

#three{ background:url(http://marcostefano.com/shop/navigation/haircare-over.jpg) no-repeat left bottom; }

#four { background:url(http://marcostefano.com/shop/navigation/salon-over.jpg) no-repeat left bottom; }

#five { background:url(http://marcostefano.com/shop/navigation/services-over.jpg) no-repeat left bottom; }

#six { background:url(http://marcostefano.com/shop/navigation/shop-over.jpg) no-repeat left bottom; }

#seven{ background:url(http://marcostefano.com/shop/navigation/contact-over.jpg) no-repeat left bottom; }

/* ----------------------------- end #nav ids ----------------------------- */