@charset "utf-8";
/* CSS Document */
a{ font-family:Verdana, Geneva, sans-serif;
color: #3c5c81;
}
#homebutton a { background-image:url(media/home.png);}

#aboutbutton a  {
   background-image:url(media/about.png);}

#servicesbutton a  {
   background-image:url(media/services.png);}

#portfoliobutton a { 
	background-image:url(media/portfolio.png);}
						 
#contactbutton a {
	background-image:url(media/contact.png);}

#linksbutton a {
	background-image:url(media/links.png);}


#homebutton a,
#aboutbutton a,
#servicesbutton a,
#portfoliobutton a,
#contactbutton a,
#linksbutton a{
	background-repeat: no-repeat;
	height: 76px;
	width: 115px;
	display:block;
	text-align: left;

}

#homebutton,
#aboutbutton,
#servicesbutton,
#portfoliobutton,
#contactbutton,
#linksbutton{
	visibility: visible;
	position: absolute;
	left: 50%;
	top: 15px;
	z-index: 2;
	width: 125px;
	height: 76px;
	left: 115px;
	top: 1px;
}

#homebutton {
	left:156px;
}
#aboutbutton {
	left: 309px;
}
#servicesbutton{
	left: 462px;
}
#portfoliobutton {
	left: 615px;
}
#contactbutton {
	left: 768px;
}
#linksbutton {left: 735px;}

#aboutbutton a:hover,
#servicesbutton a:hover,
#portfoliobutton a:hover,
#contactbutton a:hover,
#linksbutton a:hover{
	background-position: -124px 0%;
}

#homebutton a:hover { background-position: -126px 0%;}

#footerbutton{
	visibility:visible;
	position:absolute;
	left:331px;
	top: 569px;
	width: 393px;
	height: 54px;
}

#footerbutton a{
	background-repeat: no-repeat;
	height: 54px;
	width: 393px;
	display:block;
	text-align: left;
}

#footerbutton a{ background-image:url(media/footer.png);
}

#footerbutton a:hover{
		background-position: -414px 0%;
	}