/* CSS Rollovers */

#example{
	height: 20px;
	width: 158px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(kirupa1.gif) top left no-repeat;
	display: block;
	float: left;

}

#example:hover{
	background-position: bottom left;
}

#home{
	height: 39px;
	width: 102px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(home_btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

#home:hover{
	background-position: bottom left;
}

#studio{
	height: 39px;
	width: 101px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(studio_btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

#studio:hover{
	background-position: bottom left;
}

#shop{
	height: 39px;
	width: 101px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(shop_btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

#shop:hover{
	background-position: bottom left;
}

#about{
	height: 39px;
	width: 101px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(about_btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

#about:hover{
	background-position: bottom left;
}

#artists{
	height: 39px;
	width: 101px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(artists_btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

#artists:hover{
	background-position: bottom left;
}

#forum{
	height: 39px;
	width: 102px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(forum_btn.jpg) top left no-repeat;
	display: block;
	float: left;
}

#forum:hover{
	background-position: bottom left;
}