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

#menu {
	margin: 0;
	padding: 0;
}
#menu li {
	list-style: none;
	height: 36px;
	float: left;
	/*position: relative;*/
	margin-left: 2px;
	display: inline;
}
#menu li a {
	height: 36px;
	text-indent: -9000px;
	display: block;
}

a#residential { background-image:url(../images/nav-residential.jpg); width: 111px; }
a#commercial { background-image:url(../images/nav-commercial.jpg); width: 111px; }
a#blog { background-image:url(../images/nav-blog.jpg); width: 111px; }
a#faq { background-image:url(../images/nav-faq.jpg); width: 111px; }
a#contact { background-image:url(../images/nav-contact-us.jpg); width: 111px; }

a#residential-selected { background-image:url(../images/nav-residential.jpg); background-position:0 -36px; width: 111px; }
a#commercial-selected { background-image:url(../images/nav-commercial.jpg); background-position:0 -36px; width: 111px; }
a#blog-selected { background-image:url(../images/nav-blog.jpg); background-position:0 -36px; width: 111px; }
a#faq-selected { background-image:url(../images/nav-faq.jpg); background-position:0 -36px; width: 111px; }
a#contact-selected { background-image:url(../images/nav-contact-us.jpg); background-position:0 -36px; width: 111px; }

a#residential:hover,
a#commercial:hover,
a#blog:hover,
a#faq:hover,
a#contact:hover { background-position:0 -36px; }