/* Dragon Interactive -- Navigation Stylesheet */
/*" Rev 0.2 -- Last Updated December 17, 2007 "*/

div#navigation {
	background: url(http://www.showtech.com.au/css/mainmenu/bar.jpg) repeat-x top;
	position: relative;
	height: 40px;
	z-index: 2;
	}


/* Main Navigation */

#navigation ul.level_0 {
	height: 40px;	
	position: absolute;
	top: 0;
	margin:0 0 0 -26px;
	*margin:0 0 0 13px;
	}

#navigation ul .home-menu,#navigation ul .products-menu,#navigation ul .spareparts-menu,#navigation ul .newsletter-menu,#navigation ul .news-menu,#navigation ul .suppliers-menu,#navigation ul .company-menu  {
	cursor: pointer;
	float: left;
	list-style: none;
	}

#navigation ul a.main {
	background: url(http://www.showtech.com.au/css/mainmenu/sprite.jpg) no-repeat 0 0;
	display: block;
	outline: none;
	position: relative;
	height: 40px;
	text-decoration: none;
	width: auto;
	}

#navigation ul a.main span { display:none; }


/* Standard Links (div#navigation ul li a.main) */

#navigation ul .home-menu a.main {
	background-position: 0 0;
	width: 84px;
	z-index: 1;
	}

#navigation ul .products-menu a.main {
	background-position: -84px 0;
	width: 109px;
	z-index: 2;
	}

#navigation ul .spareparts-menu a.main {
	background-position: -193px 0;
	width: 122px;
	z-index: 3;
	}

#navigation ul .newsletter-menu a.main {
	background-position: -315px 0;
	width: 122px;
	z-index: 4;
	}

#navigation ul .news-menu a.main {
	background-position: -437px 0;
	width: 85px;
	z-index: 5;
	}
#navigation ul .suppliers-menu a.main {
	background-position: -522px 0;
	width: 110px;
	z-index: 6;
	}
	
#navigation ul .company-menu a.main {
	background-position: -632px 0;
	width: 106px;
	z-index: 7;
	}
/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) */

.home #navigation .home-menu a.main { background-position: -1px -80px; z-index: 8; }
.products #navigation .products-menu a.main { background-position: -84px -80px; z-index: 8; }
.spareparts #navigation .spareparts-menu a.main { background-position: -193px -80px; z-index: 8; }
.newsletter #navigation .newsletter-menu a.main { background-position: -315px -80px; z-index: 8; }
.news-active #navigation .news-menu a.main { background-position: -437px -80px; z-index: 9; }
.suppliers #navigation .suppliers-menu a.main { background-position: -522px -80px; z-index: 8; }
.company #navigation .company-menu a.main { background-position: -632px -80px; z-index: 8; }

/**/
.home #navigation .products-menu a.main { background-position: -84px 0px; z-index: 6; margin-left:-1px; }
.services #navigation .services a.main { background-position: -102px -210px; z-index: 6; }
.portfolio #navigation .portfolio a.main { background-position: -217px -210px; z-index: 6; }
.about #navigation .about a.main { background-position: -337px -210px; z-index: 6; }
.contact #navigation .contact a.main { background-position: -437px -210px; z-index: 6; }


/* Active State Right Adjacents (Body tag matchup staggered 1 right) ( y = -140px ) 

.home #navigation .home-menu a.main { background-position: -102px -140px; }
.services #navigation .portfolio a.main { background-position: -217px -140px; }
.portfolio #navigation .about a.main { background-position: -337px -140px;  }
.about #navigation .contact a.main { background-position: -437px -140px; }
*/
/* Hovers (purples) (1px wider to the left) ( y = -280px ) */

#navigation a.main span.hover {
	background: url(http://www.showtech.com.au/css/mainmenu/sprite.jpg) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0 1px 0 0;
	position: absolute;
	top: 0;
	right: -1px;
	height: 40px;
	width: 100%;
	z-index: 100;
	}

#navigation .home-menu a.main .hover {
	background-position: -1px -40px;
	
	padding: 0;
	}

#navigation .products-menu a.main .hover {
	background-position: -84px -40px;
	*background-position: -84px -40px;
	xbackground-position: -83px -40px;
	}

#navigation .spareparts-menu a.main .hover {
	background-position: -193px -40px;
	background-position: -193px -40px;
	_background-position: -194px -40px;
	}

#navigation .newsletter-menu a.main .hover {
	background-position: -315px -40px;
	background-position: -315px -40px;
	_background-position: -316px -40px;

	}

#navigation .news-menu a.main .hover {
	background-position: -437px -40px;
	*background-position: -436px -40px;
	_background-position: -437px -40px;

	}
	
#navigation .suppliers-menu a.main .hover {
	background-position: -522px -40px;
	background-position: -522px -40px;
	_background-position: -523px -40px;

	}	

#navigation .company-menu a.main .hover {
	background-position: -632px -40px;
	background-position: -632px -40px;
	_background-position: -633px -40px;

	xpadding: 0;
	}

/* Active State Hovers (oranges) (y = - 210px ) 

.home #navigation .home a.main .hover { background-position: 0 -210px; padding: 0; }
.services #navigation .services a.main .hover { background-position: -102px -210px; padding: 0; }
.portfolio #navigation .portfolio a.main .hover { background-position: -217px -210px;  padding: 0; }
.about #navigation .about a.main .hover { background-position: -337px -210px; padding: 0; }
.contact #navigation .contact a.main .hover { background-position: -437px -210px; padding: 0; }


*/