/* CSS Rollovers */

#button-home{
	height: 38px;
	width: 196px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/button-home.jpg) top left no-repeat;
	display: block;
}

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

#button-about{
	height: 38px;
	width: 195px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/button-about.jpg) bottom left no-repeat;
	display: block;
}

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

#button-design{
	height: 38px;
	width: 195px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/button-designs.jpg) top left no-repeat;
	display: block;
}

#button-design:hover{
	background-position: bottom left;
}

#button-contact{
	height: 38px;
	width: 194px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/button-contact.jpg) top left no-repeat;
	display: block;
}

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