/*Top Navigation Menu*/
#main-nav           {list-style:none; width:940px; height:30px; padding:0; margin-left:3px; clear:both;}
#main-nav a         {position: relative;}
#main-nav li        {display:inline;}

/*normal-appearance*/
#main-nav li a              { display:block; float:left; width:134px; height:45px; background-image:url(../images/main-navigation.png); text-indent:-9999px; outline:none;}
#main-nav li a.features     { background-position: 0 0;}
#main-nav li a.ordering     { width:135px; background-position: -135px 0;}
#main-nav li a.whyus        { width:135px; background-position: -270px 0;}
#main-nav li a.download     { background-position: -405px 0;}
#main-nav li a.media        { background-position: -540px 0;}
#main-nav li a.support      { background-position: -675px 0;}
#main-nav li a.contact      { background-position: -810px 0;}

/*hover effects - uses jQuery for fading effect*/
#main-nav li a span{
	background:url(../images/main-navigation.png) no-repeat scroll top left;
	display:block; position:absolute;
	top:0; left:0;
	height:100%; width:100%; z-index:100;
}
#main-nav li a.features span{
	background-position: 0 -45px;
}
#main-nav li a.ordering span{
	background-position: -135px -45px;
}
#main-nav li a.whyus span{
	background-position: -270px -45px;
}
#main-nav li a.download span{
	background-position: -405px -45px;
}
#main-nav li a.media span{
	background-position: -540px -45px;
}
#main-nav li a.support span{
	background-position: -675px -45px;
}
#main-nav li a.contact span{
	background-position: -810px -45px;
}

/*Bottom Navigation Menu for scrolling images */
#rotating-images-nav                { list-style:none; height:63px; margin:0 0 0 87px; padding:0px; width:945px; position:relative; top:-18px; z-index:90;}
#rotating-images-nav a              { position:relative;}
#rotating-images-nav li             { display:inline;}
#rotating-images-nav li a           { display:block; float:left; height:63px; width:189px; 
                                      background-image:url(../images/bottom-navigation.png);
                                      background-repeat:no-repeat; text-indent:-9999px; outline:none; }
#rotating-images-nav li a span
                                    { background:url(../images/bottom-navigation.png) no-repeat scroll top left; 
                                      display:block; position:absolute; top:0; left:0; height:100%; width:100%;
                                      z-index:100;}
                                      
#rotating-images-nav li a.first     { background-position: 0 0; }
#rotating-images-nav li a.second    { background-position: -189px -63px; }
#rotating-images-nav li a.third     { background-position: -378px -63px;}
#rotating-images-nav li a.fourth    { background-position: -567px -63px;}
#rotating-images-nav li a.fifth     { background-position: -756px -63px;}

/*bottom navigation menu hover effects*/
#rotating-images-nav li a.first span    { background-position: 0px 0px;}
#rotating-images-nav li a.second span   { background-position: -189px 0px;}
#rotating-images-nav li a.third span    { background-position: -378px 0px;}
#rotating-images-nav li a.fourth span   { background-position: -567px 0px;}
#rotating-images-nav li a.fifth span    { background-position: -756px 0px;}