* {
	margin: 0;
	padding: 0;
}


.text-indent {
	position: absolute;
	text-indent: -9999999px;
}


.site-header {
	width: 100%;
	height: 100px;
	background: #ddddff;  
}


nav {
	margin: 0 auto;
	height: 50px; 
	line-height: 50px;
	border-bottom: 1px solid #ddd;
}


nav ul {
	list-style: none;	
}


nav li {
	float: left;
}
	
	
nav a {
	display:block;				/* Makes lins take place like buttons */
	text-decoration: none;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	/*border-right:solid 1px #000; text-decoration: none;*/
}


nav a:hover {
	text-decoration: underline;
	/*background: #ccffcc;*/
	background: #ffff55;
	/*background: #ffff00;*/
	/*background: #ccff55;*/
}


nav a:active{
	background-color: #cccccc;
}


#homepage li#nav-homepage a:link, 
#about-us-page li#nav-about-us a:link, 
#contact-us-page li#nav-contact-us a:link, 
#services-page li#nav-services a:link, 
#portfolio-page li#nav-portfolio a:link{ 
	background-color: #ccff55;
}


#homepage li#nav-homepage a:hover, 
#about-us-page li#nav-about-us a:hover, 
#contact-us-page li#nav-contact-us a:hover, 
#services-page li#nav-services a:hover, 
#portfolio-page li#nav-portfolio a:hover{ 
	text-decoration: underline;
	background: #ffff55;
	/*background: #ccff55;*/
}


#homepage li#nav-homepage a:visited, 
#about-us-page li#nav-about-us a:visited, 
#contact-us-page li#nav-contact-us a:visited, 
#services-page li#nav-services a:visited, 
#portfolio-page li#nav-portfolio a:visited{ 

}


#homepage li#nav-homepage a:active, 
#about-us-page li#nav-about-us a:active, 
#contact-us-page li#nav-contact-us a:active, 
#services-page li#nav-services a:active, 
#portfolio-page li#nav-portfolio a:active { 
	background-color: #cccccc;
}



main {
	padding: 20px;
}


h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
}


p {
	line-height: 1.4;
}


#homepage li#nav-homepage a:focus,
#about-us-page li#nav-about-us a:focus,
#contact-us-page li#nav-contact-us a:focus,
#services-page li#nav-services a:focus,
#portfolio-page li#nav-portfolio a:focus {
    /*background-color: #ffff55;*/
}

nav a:focus {
	/*text-decoration: underline;*/
	/*background: #ccff55;*/
	/*background: #ffff55;*/
	/*outline: 1px solid #005fcc;*/
}




nav a:focus-visible {
	/*outline: 3px solid #005fcc;*/	/* Make keyboard focus clearly visible */
	/*outline-offset: 3px;*/			/* Make keyboard focus clearly visible */
}