ul.tabbar {
    display: none; /* This is important so the tabbar won't be shown if JavaScript is not available. */
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.tabbar li {
    padding: 0;
    display: inline;
	vertical-align:baseline;
}

#boxes {
    clear: both;
    width: 100%;
	text-align: left;
}

#boxes div {
    border: 1px solid #ff651e;
    padding: 5px;
	margin-bottom: 5px;
}

.tabbar a{
    display: block;
    float: left;
	height: 29px;
    text-decoration: none;
    cursor: pointer;
    margin-right: 3px;
}

.item1{
	background: url(images/index_49.jpg) no-repeat left top;

}

.item2{
	background: url(images/index_50.jpg) no-repeat left top;
}

.item3{
	background: url(images/tabs/index_51.gif) no-repeat left top;
	}

.item4{
	background: url(images/tabs/index_52.gif) no-repeat left top;
}

.item5{
	background: url(images/tabs/index_53.gif) no-repeat left top;
}

a:hover#item1,  .item1on{
	background: url(images/tabs/index_491.gif) no-repeat left top;
}

a:hover#item2, .item2on{
	background: url(images/tabs/index_501.gif) no-repeat left top;
}

a:hover#item3, .item3on{
	background: url(images/tabs/index_511.gif) no-repeat left top;
}

a:hover#item4, .item4on{
	background: url(images/tabs/index_521.gif) no-repeat left top;
}

a:hover#item5 .item5on{
	background: url(images/tabs/index_531.gif) no-repeat left top;
}