@charset "utf-8";
/* CSS Document */

#MenuMap {
		margin:0px;
		padding:0px;
		top:0px;
		width:723px;
		height:302px;
		position:relative;
		background-image:url(../images/serviceMenu.jpg);
		list-style:none;
		text-decoration:none;
			}

			#MenuMap li {
				margin:0px;
				padding:0px;
				position:absolute;
			}

			#MenuMap li, #MenuMap a {
				height:302px;
				display: block;
			}
			
			#MenuMap a.NavLink {
				/*  Hide the text part of the links by moving it waaaayyy offscreen. */
				text-indent:-100000em;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
			#custom {left:16px; width:136px;}
			#repair {left:157px; width:136px;}
			#diamonds {left:297px; width:136px;}
			#engagement {left:437px; width:136px;}
			#antique {left:577px; width:136px;}
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */

			#custom a:hover {background: transparent url(../images/serviceMenu.jpg) -16px -302px no-repeat;}
			#repair a:hover {background: transparent url(../images/serviceMenu.jpg) -157px -302px no-repeat;}
			#diamonds a:hover {background: transparent url(../images/serviceMenu.jpg) -297px -302px no-repeat;}
			#engagement a:hover {background: transparent url(../images/serviceMenu.jpg) -437px -302px no-repeat;}
			#antique a:hover {background: transparent url(../images/serviceMenu.jpg) -577px -302px no-repeat;}