/******************************************************************************
 * 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; width:800px; height:29px;
	text-align:left;
	background-image:url(../images/main-nav-bg.jpg);
	background-repeat:repeat-x; background-position:left top;
}

div#main-nav p {
	display:block; margin:0px 0px 0px 0px;
}

div#main-nav p span {
	display:none;
}

/******************************************************************************
 * ul li
 *****************************************************************************/
div#main-nav ul { 
	display:block; position:relative; float:left;
	 height:29px; margin:0px 0px 0px 0px; padding:0px 19px 0px 19px;
	list-style-image:none; list-style-position:outside; list-style-type:none;
	background-image:url(../images/main-nav-ul-bg.jpg);
	background-repeat:repeat-x; background-position:left top;
}

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

/******************************************************************************
 * a
 *****************************************************************************/
div#main-nav ul li a {
	display:block; position:relative; float:left; height:29px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-repeat:no-repeat;
}

div#main-nav ul li a:hover {
	background-color:#ffdddd;
}

div#main-nav ul li a#mn_li_a_home {
	width:55px;
	background-image:url(../images/main-nav-home.jpg); }
div#main-nav ul li a#mn_li_a_company {
	width:77px;
	background-image:url(../images/main-nav-company.jpg); }
div#main-nav ul li a#mn_li_a_news {
	width:52px;
	background-image:url(../images/main-nav-news.jpg); }
div#main-nav ul li a#mn_li_a_products {
	width:73px;
	background-image:url(../images/main-nav-products.jpg); }
div#main-nav ul li a#mn_li_a_contact {
	width:68px;
	background-image:url(../images/main-nav-contact.jpg); }
div#main-nav ul li a#mn_li_a_special {
	width:104px;
	background-image:url(../images/main-nav-special.jpg); }
div#main-nav ul li a#mn_li_a_links {
	width:51px;
	background-image:url(../images/main-nav-links.jpg); }

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

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

div#main-nav ul li a.current:hover {
}

