/****************************************************************************************************
- Styles in this sheet are used for customising the navigation of the site.
****************************************************************************************************/

/* Main Navigation */

#main_nav ul { margin: 0; padding: 0; }

#main_nav li { float: left; list-style-type: none; }

#main_nav li a {
	display: block;
	height: 0px !important;
	height /**/:24px; /* IE 5/Win hack */ 
	padding: 24px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main_nav li a:hover {
	background-position: 0 -24px;
}

#main_nav li#home,
#main_nav li#home a { width: 133px; background-image: url(../im/nav_home.jpg); }

#main_nav li#news,
#main_nav li#news a { width: 133px; background-image: url(../im/nav_news.jpg); }

#main_nav li#about_us,
#main_nav li#about_us a { width: 133px; background-image: url(../im/nav_about_us.jpg); }

#main_nav li#products,
#main_nav li#products a { width: 133px; background-image: url(../im/nav_products.jpg); }

#main_nav li#awards,
#main_nav li#awards a { width: 133px; background-image: url(../im/nav_awards.jpg); }

#main_nav li#contact_us,
#main_nav li#contact_us a { width: 133px; background-image: url(../im/nav_contact_us.jpg); }

#main_nav li#warranty,
#main_nav li#warranty a { width: 133px; background-image: url(../im/nav_warranty.jpg); }

body.home li#home,
body.home li#home a,
body.home li#home a:hover,
body.news li#news,
body.news li#news a,
body.news li#news a:hover,
body.about_us li#about_us,
body.about_us li#about_us a,
body.about_us li#about_us a:hover,
body.products li#products,
body.products li#products a,
body.products li#products a:hover,
body.awards li#awards,
body.awards li#awards a,
body.awards li#awards a:hover,
body.contact_us li#contact_us,
body.contact_us li#contact_us a,
body.contact_us li#contact_us a:hover,
body.warranty li#warranty,
body.warranty li#warranty a,
body.warranty li#warranty a:hover {
	background-position: 0 -24px;
}

