function mouseover(section) {
	/* alert("here"); */
	/* turn everything off first, then turn on the section being requested: */
	document.getElementById('servicediv').style.display = "none"; 
	document.getElementById('content-text-service').style.display = "none";
	document.getElementById('serviceicon').src="image/content-areas-service-blue.jpg";
	document.getElementById('portfoliodiv').style.display = "none"; 
	document.getElementById('content-text-portfolio').style.display = "none";
	document.getElementById('portfolioicon').src="image/content-areas-portfolio-blue.jpg";
	document.getElementById('sustainabilitydiv').style.display = "none"; 
	document.getElementById('content-text-sustainability').style.display = "none";
	document.getElementById('sustainabilityicon').src="image/content-areas-sustainability-blue.jpg";
	document.getElementById('aboutusdiv').style.display = "none"; 
	document.getElementById('content-text-aboutus').style.display = "none";
	document.getElementById('aboutusicon').src="image/content-areas-aboutus-blue.jpg";
	/*  */
	document.getElementById(section + 'div').style.display = ""; 
	document.getElementById(section + 'icon').src="image/content-areas-" + section + "-color.jpg";
	document.getElementById('content-text-' + section).style.display = "";
}
function mouseout(section) {
	document.getElementById(section + 'div').style.display = "none";
	document.getElementById(section + 'icon').src="image/content-areas-" + section + "-blue.jpg";
	document.getElementById('defaultdiv').style.display = ""; 
	document.getElementById('portfolioicon').src="image/content-areas-portfolio-color.jpg";
	document.getElementById('content-text-portfolio').style.display = "";
	document.getElementById('content-text-' + section).style.display = "none";
}