/******************************************************************************
 * Component: main_nav
 *****************************************************************************/
/*
<li id="mn_li_somePage">
  <a  id="mn_li_a_somePage"
     href="somePage.php"
     title="Some Page">
     <span>Some Page</span></a></li>

Template: home, section-01, section-02, section-03, section-04, contact
*/

div#main-nav {
	clear:both; padding:0px 0px 0px 0px; text-align:left; 
	background-image:url('../images/buttons/nav-bg.jpg'); background-repeat:repeat-x; 
	height:28px; width:797px;
}	

/******************************************************************************
 * ul li
 *****************************************************************************/
div#main-nav ul {
	display:block; position:relative; float:left; 
	height:28px; width:750px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	list-style-image:none; list-style-position:outside; list-style-type:none;
}

div#main-nav ul li {
	display:block; position:relative; float:left; height:28px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

/******************************************************************************
 * a
 *****************************************************************************/
div#main-nav ul li a {
	display:block; position:relative; float:left;height:28px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	text-decoration:none;
}

div#main-nav ul li a#mn_li_a_home { width:71px; background-image:url('../images/buttons/main-nav-home.jpg'); }
div#main-nav ul li a#mn_li_a_services { width:69px; background-image:url('../images/buttons/main-nav-services.jpg'); }
div#main-nav ul li a#mn_li_a_airconditioning { width:120px; background-image:url('../images/buttons/main-nav-airconditioning.jpg'); }
div#main-nav ul li a#mn_li_a_clients { width:61px; background-image:url('../images/buttons/main-nav-clients.jpg'); }
div#main-nav ul li a#mn_li_a_incentives { width:77px; background-image:url('../images/buttons/main-nav-incentives.jpg'); }

div#main-nav ul li a span { display:none; }

/******************************************************************************
 * current
 *****************************************************************************/
div#main-nav ul li a.current {
	height:28px;
	background-position:0px -28px;
}

div#main-nav ul li a.current:hover {
	height:28px;
}

div#main-nav ul li a.normal:hover {
	height:28px;
	background-position:0px -28px;
}