/*********************** MENU ITEMS *******************************/

div#menubar {
	float: left;
	display: inline;
	width: 100%;
	height: 20px;
	margin-top: 30px;
}

div#topmenu {
	display: inline;
	float: left;
	height: 10px;
}
div#topmenu a {
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
div.about {
	width: 61px;
	margin-left: 302px;
	background: url(images/about_off.gif);
	background-repeat: no-repeat;
}
div.about a:hover {
	background: url(images/about_on.gif);
	background-repeat: no-repeat;
}
div.onpage_about {
	width: 61px;
	margin-left: 302px;
	background: url(images/about_on.gif);
	background-repeat: no-repeat;
}
div.services {
	width: 90px;
	background: url(images/services_off.gif);
	background-repeat: no-repeat;
}
div.services a:hover {
	background: url(images/services_on.gif);
	background-repeat: no-repeat;
}
div.onpage_services {
	width: 90px;
	background: url(images/services_on.gif);
	background-repeat: no-repeat;
}
div.case_studies {
	width: 116px;
	background: url(images/case_studies_off.gif);
	background-repeat: no-repeat;
}
div.case_studies a:hover {
	background: url(images/case_studies_on.gif);
	background-repeat: no-repeat;
}
div.onpage_case_studies {
	width: 116px;
	background: url(images/case_studies_on.gif);
	background-repeat: no-repeat;
}
div.recognition {
	width: 115px;
	background: url(images/recognition_off.gif);
	background-repeat: no-repeat;
}
div.recognition a:hover {
	background: url(images/recognition_on.gif);
	background-repeat: no-repeat;
}
div.onpage_recognition {
	width: 116px;
	background: url(images/recognition_on.gif);
	background-repeat: no-repeat;
}
div.designbuild {
	width: 169px;
	background: url(images/designbuild_off.gif);
	background-repeat: no-repeat;
}
div.designbuild a:hover {
	background: url(images/designbuild_on.gif);
	background-repeat: no-repeat;
}
div.onpage_designbuild {
	width: 169px;
	background: url(images/designbuild_on.gif);
	background-repeat: no-repeat;
}
div.contact {
	width: 68px;
	background: url(images/contact_off.gif);
	background-repeat: no-repeat;
}
div.contact a:hover {
	background: url(images/contact_on.gif);
	background-repeat: no-repeat;
}
div.onpage_contact {
	width: 68px;
	background: url(images/contact_on.gif);
	background-repeat: no-repeat;
}