@charset "UTF-8";
/* CSS Document */

#nav {
	float: left;
	height: 40px;
	width: 960px;
	margin-bottom: 30px;
}

#but_home span, #but_home_on span, #but_vans span, #but_vans_on span, #but_prices span, #but_prices_on span, #but_availability span, #but_availability_on span, #but_things span, #but_things_on span, #but_offers span, #but_offers_on span, #but_blog span, #but_blog_on span, #but_contact span, #but_contact_on span {display: none;}

#but_home{display: block;width: 97px;height: 40px;background: url("../buttons/home.png") no-repeat 0 0;float: left;position: relative;}
#but_home:hover{ background-position: 0 -40px;}
#but_home_on{display: block;width: 97px;height: 40px;background: url("../buttons/home_on.png") no-repeat 0 0;float: left;position: relative;}

#but_vans{display: block;width: 119px;height: 40px;background: url("../buttons/vans.png") no-repeat 0 0;float: left;position: relative;}
#but_vans:hover{ background-position: 0 -40px;}
#but_vans_on{display: block;width: 119px;height: 40px;background: url("../buttons/vans_on.png") no-repeat 0 0;float: left;position: relative;}

#but_prices{display: block;width: 138px;height: 40px;background: url("../buttons/prices.png") no-repeat 0 0;float: left;position: relative;}
#but_prices:hover{ background-position: 0 -40px;}
#but_prices_on {display: block;width: 138px;height: 40px;background: url("../buttons/prices_on.png") no-repeat 0 0;float: left;position: relative}

#but_availability{display: block;width: 140px;height: 40px;background: url("../buttons/availability.png") no-repeat 0 0;float: left;position: relative;}
#but_availability:hover{ background-position: 0 -40px;}
#but_availability_on{display: block;width: 140px;height: 40px;background: url("../buttons/availability_on.png") no-repeat 0 0;float: left;position: relative;}

#but_things{display: block;width: 150px;height: 40px;background: url("../buttons/things.png") no-repeat 0 0;float: left;position: relative;}
#but_things:hover{ background-position: 0 -40px;}
#but_things_on{display: block;width: 150px;height: 40px;background: url("../buttons/things_on.png") no-repeat 0 0;float: left;position: relative;}

#but_offers{display: block;width: 92px;height: 40px;background: url("../buttons/offers.png") no-repeat 0 0;float: left;position: relative;}
#but_offers:hover{ background-position: 0 -40px;}
#but_offers_on{display: block;width: 92px;height: 40px;background: url("../buttons/offers_on.png") no-repeat 0 0;float: left;position: relative;}

#but_blog{display: block;width: 86px;height: 40px;background: url("../buttons/blog.png") no-repeat 0 0;float: left;position: relative;}
#but_blog:hover{ background-position: 0 -40px;}
#but_blog_on{display: block;width: 86px;height: 40px;background: url("../buttons/blog_on.png") no-repeat 0 0;float: left;position: relative;}

#but_contact{display: block;width: 138px;height: 40px;background: url("../buttons/contact.png") no-repeat 0 0;float: left;position: relative;}
#but_contact:hover{ background-position: 0 -40px;}
#but_contact_on{display: block;width: 138px;height: 40px;background: url("../buttons/contact_on.png") no-repeat 0 0;float: left;position: relative;}