/* ------------------------------------------------------------------------------------ */
/* MAIN NAVIGATION			
/* ------------------------------------------------------------------------------------ */
/* Horizontal CSS MENU (suckerfish, solardream, FBT */
.rollover { display: block; } 						/* Allow setting widths and heights */
.rollover img { width: 100%; border: 0; } 			/* only set width and height once */
.rollover:hover { visibility: visible; 				/* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } 		/* 'rolls over' the image */

/* The width and height must be set on the html and not in this stylesheet when using drop down menus */
#navAbout {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-about-on.gif);
	display: block;
	float: left;
}
#navServices {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-services-on.gif);
	display: block;
	float: left;
}
#navPhilosophy {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-philosophy-on.gif);
	display: block;
	float: left;
}
#navResearch {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-research-on.gif);
	display: block;
	float: left;
}
#navProducts {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-publications-on.gif);
	display: block;
	float: left;
}
#navConsultant {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-consultant-on.gif);
	display: block;
	float: left;
}
#navContact {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-contact-on.gif);
	display: block;
	float: left;
}
#navForms {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-forms-on.gif);
	display: block;
	float: left;
}
#navGetStarted {
	width: 310px;
	height: 50px;
	background-image: url(../images/nav-get-started-on.gif);
	display: block;
	float: left;
}