/*---SimpleBits nav article
   http://www.simplebits.com/archives/2003/09/30/accessible_imagetab_rollovers.html---*/
/* example-specific CSS */
#navbar {
position: relative;
width: 720px;
height: 30px;
float:right;
background: transparent;
}
#nav {
position: absolute;
top: 10px;
left: 10px;
list-style: none;
margin: 0;
padding: 0;
height: 20px;
display: inline;
overflow: hidden;
width: 665px;
}
#nav li {
margin: 0 auto;
padding: 0;
display: inline;
list-style-type: none;
}
#nav a {
float: left;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/: 20px; /* for IE5/Win */
}
#nav a:hover {
background-position: 0 -20px;
}
#nav a:active, #nav a.selected {
background-position: 0 -20px;
}
#thome a {
width: 87px;
background: url(img/cssHome_01.gif) top left no-repeat;
}
#tabout a {
width: 114px;
background: url(img/cssAbout_02.gif) top left no-repeat;
}
#tservices a {
width: 107px;
background: url(img/cssServices_03.gif) top left no-repeat;
}
#tproducts a {
width: 113px;
background: url(img/cssProducts_04.gif) top left no-repeat;
}
#tnew a {
width: 136px;
background: url(img/cssNew_05.gif) top left no-repeat;
}
#tcontact a {
width: 105px;
background: url(img/cssContact_06.gif) top left no-repeat;
}