/* use table while nav is being worked out */
#nav ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#nav li {
    display:inline;
    margin:0;
    padding:0;
    }

/* main navigation */
#nav li a {
    display: block;
    height:36px;
	background-image: url(../art/nav_home.gif);
	background-repeat:no-repeat;
	position:absolute;
}
#elecPage #nav li a {
	background-image: url(../art/nav_electrical.gif);
}
#mechPage #nav li a {
	background-image: url(../art/nav_mechanical.gif);
}
#plumPage #nav li a {
	background-image: url(../art/nav_plumbing.gif);
}
#greenPage #nav li a {
	background-image: url(../art/nav_green.gif);
}
li#home a {
    background-position: 0 0px;
	left:0px;
	width:58px;
}
li#home a:hover, #homePage li#home a {
    background-position: 0 -36px;
}
li#about a {
    background-position: -58px 0px;
	left:58px;
	width:58px;
}
li#about a:hover, #aboutPage li#about a {
    background-position: -58px -36px;
}
li#mech a {
    background-position: -116px 0px;
	left:116px;
	width:212px;
}
li#mech a:hover, #mechPage li#mech a {
    background-position: -116px -36px;
}
li#elec a {
    background-position: -328px 0px;
	left:328px;
	width:89px;
}
li#elec a:hover, #elecPage li#elec a {
    background-position: -328px -36px;
}
li#plum a {
    background-position: -417px 0px;
	left:417px;
	width:87px;
}
li#plum a:hover, #plumPage li#plum a {
    background-position: -417px -36px;
}
/* li#proj a {
    background-position: -504px 0px;
	left:504px;
	width:89px;
}
li#proj a:hover, #projPage li#proj a {
    background-position: -504px -36px;
} */
li#client a {
    background-position: -500px 0px;
	left:500px;
	width:72px;
}
li#client a:hover, #clientPage li#client a {
    background-position: -500px -36px;
}
li#green a {
    background-position: -572px 0px;
	left:572px;
	width:116px;
}
li#green a:hover, #greenPage li#green a {
    background-position: -572px -36px;
}

li#contact a {
    background-position: -688px 0px;
	left:688px;
	width:84px;
}
li#contact a:hover, #contactPage li#contact a {
    background-position: -688px -36px;
}


/*hide text*/
.invisible {
	display:none;
}