/* main menu ----------------------------------------*/

#menu {
	width: 990px;
	position: relative;
	left: 10px;
	height: 41px;
	background-image: url(i/bg_menu.png);
	background-repeat: repeat-x;	
}
.menuwrap {
	background-image: url(i/bg_menu_shadow.gif); /* was png shadow around the header*/
}

#menu ul {
	height: 32px;
	margin: 0 4px;
}
#menu ul li {
	float: left;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
}
#menu ul li a {
	height: 32px;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	background-position: center 0;
	padding: 0 17px;
}
#menu ul li a:hover {
	background-position: center -32px;
	
}

a.refinishing	{	width: 94px; background-image: url(i/mm_refinishing.png); padding-left: 0; }
a.installation	{	width: 104px; background-image: url(i/mm_installation.png); }
a.woodsales		{	width: 90px; background-image: url(i/mm_woodsales.png); }
a.clientlist 	{	width: 88px; background-image: url(i/mm_clientlist.png); }
a.ourwork		{	width: 75px; background-image: url(i/mm_ourwork.png); }
a.warranty		{	width: 81px; background-image: url(i/mm_warranty.png); }
a.floorcare		{	width: 186px; background-image: url(i/mm_floorcare.png); }
a.aboutus		{	width: 70px; background-image: url(i/mm_aboutus.png); padding-right: 0; }


/*nuggets ----------------------------------------*/
#nuggets {
}

#nuggets ul {
	height: 60px;
	position: relative;
	top: 10px;

}
#nuggets ul li {
	float:left;
	height: 60px;
	width: 251px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center 0;
}
li.artisan 		{ background-image: url(i/nugget_artisan.gif); }
li.estimate 	{ background-image: url(i/nugget_estimate.gif); }
li.warranty 	{ background-image: url(i/nugget_warranty.gif); }
li.bbb			{ background-image: url(i/nugget_bbb.gif); }


/* nugget pop ups */
a.info {
    position:relative; /*this is the key*/
    z-index: 20;
    text-decoration:none;
 	display: block;
    width: 100%;
    height: 100%;
}

a.info:hover {
	z-index: 30;
}

a.info span {
	display: none;
}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 2em;
    left:6em;
    width: 180px;
    padding: 10px;
    background-color: #994d12;
	  border: 2px solid #e9e0c7;
	 color: #e9e0c7;281009;
    text-align: left;
    text-indent: 0;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
    font-size: 14px;
	font-style: italic;
}