/* 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: 78px;
	width: 74px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../imgs/home-btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

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

#about{
	height: 78px;
	width: 102px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../imgs/about-btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

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

#search{
	height: 78px;
	width: 203px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../imgs/search-btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

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

#faq{
	height: 78px;
	width: 58px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../imgs/faq-btn.jpg) top left no-repeat;
	display: block;
	float: left;

}

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

#signup{
	height: 78px;
	width: 61px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../imgs/signup-btn.jpg) top left no-repeat;
	display: block;
	float: left;
}

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

#testimonials{
	height: 78px;
	width: 132px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../imgs/testimonials-btn.jpg) top left no-repeat;
	display: block;
	float: left;
}

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

#contact{
	height: 78px;
	width: 89px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../imgs/contact-btn.jpg) top left no-repeat;
	display: block;
	float: left;
}

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