@charset "UTF-8";
/* Header and Footer */

/* Head */
#head
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 111px;
	margin: 0px;
	padding: 0px;
	background: transparent;
	}
	
#logo
	{
	width: 212px;
	height: 111px;
	float: left;
	}
	
#home
	{
	width: 107px;
	height: 111px;
	float: left;
	background: url(../img/headLinks/homeRoll.png);
	}		
	
#about
	{
	width: 109px;
	height: 111px;
	float: left;
	background: url(../img/headLinks/aboutRoll.png);
	}	
	
#services
	{
	width: 136px;
	height: 111px;
	float: left;
	background: url(../img/headLinks/servicesRoll.png);
	}
	
#portfolio
	{
	width: 163px;
	height: 111px;
	float: left;
	background: url(../img/headLinks/portfolioRoll.png);
	}
	
#contact
	{
	width: 123px;
	height: 111px;
	float: left;
	background: url(../img/headLinks/contactRoll.png);
	}			
	
#home:hover	{background: url(../img/headLinks/homeRoll.png) 0px -111px;}
#about:hover	{background: url(../img/headLinks/aboutRoll.png) 0px -111px;}
#services:hover	{background: url(../img/headLinks/servicesRoll.png) 0px -111px;}
#portfolio:hover	{background: url(../img/headLinks/portfolioRoll.png) 0px -111px;}
#contact:hover	{background: url(../img/headLinks/contactRoll.png) 0px -111px;}	


/* Foot */
#foot
	{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 40px;
	width: 850px;
	height: auto;
	margin: 0px;
	padding: 0px;
	}