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

ul#mainnav{
	list-style-type:none; margin:0; padding:0;
}
ul#mainnav li{
	float:left;
}


#home
{
	display: block;
	width: 100px;
	height: 55px;
	float: left;
	background-image: url(../images/nav/home.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home:hover {
  	background-position: 0 -60px;background-color: #E75C01;
}



#about
{
	display: block;
	width: 130px;
	height: 55px;
	float: left;
	background-image: url(../images/nav/about.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#about:hover {
  	background-position: 0 -60px;background-color: #E75C01;
}


#services
{
	display: block;
	width: 130px;
	height: 55px;
	background-image: url(../images/nav/services.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#services:hover {
  	background-position: 0 -60px;background-color: #E75C01;
}


#pricing
{
	display: block;
	width: 130px;
	height: 55px;
	background-image: url(../images/nav/pricing.png); 
		background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#pricing:hover {
	background-position: 0 -60px;background-color: #E75C01;
}




#gallery
{
	display: block;
	width: 140px;
	height: 55px;
	background-image: url(../images/nav/gallery.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	

}

#gallery:hover {
  	background-position: 0 -60px; background-color: #E75C01;
}



#contact
{
	display: block;
	width: 130px;
	height: 55px;
	background-image: url(../images/nav/contacts.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	

}

#contact:hover {
  	background-position: 0 -60px; background-color: #E75C01;
}


#ourfriends
{
	display: block;
	width: 140px;
	height: 55px;
	background-image: url(../images/nav/ourfriends.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	

}

#ourfriends:hover {
  	background-position: 0 -60px; background-color: #E75C01;
}