#tabs { display: block; background: #e6e6e6 url(tabmosaic.gif) repeat-x 0 100%;}
#tabs ul { display: inline; padding: 0; margin: 0; font-size: 0.9em; line-height: 13px; text-align: left;}
#tabs ul li { display: block; margin: 2px 0 0 -1px; padding: 0; float: left;}
#tabs ul li#news { margin-left: 4px; }
#tabs ul li a { display: block; padding: 7px 10px 8px 31px; float: left; color: #5b5b5b; text-decoration: none; }
#tabs ul li span { display: block; float: left; background-image: url(tabicons.gif); background-repeat: no-repeat }

/*not active icons>*/

#tabs ul li#home span { background-position: -1193px 50% }
#tabs ul li#faq span { background-position: -1393px 50% }
#tabs ul li#aboutus span { background-position: -1593px 50% }
#tabs ul li#contactus span { background-position: -1793px 50% }
#tabs ul li#about span { background-position: -1993px 50% }
#tabs ul li#specials span { background-position: -2193px 50% }


/*active icons>*/

#tabs ul li.active#news span { background-position: 7px 50% }
#tabs ul li.active#software span { background-position: -193px 50% }
#tabs ul li.active#store span { background-position: -393px 50% }
#tabs ul li.active#goodies span { background-position: -593px 50% }
#tabs ul li.active#about span { background-position: -793px 50% }
#tabs ul li.active#support span { background-position: -993px 50% }

#tabs li a {
	background: url(tabmosaic.gif) no-repeat 100% -120px;}
#tabs li.active { background: url(tabmosaic.gif) no-repeat 0px 0px #fff;}
#tabs li.active a { background: url(tabmosaic.gif) no-repeat 100% -60px;}
#tabs li a:hover { text-decoration: underline;}

#subnav {
width: 680px;font-size: 0.75em; line-height: 13px; text-align: left; 
}