/*
** menu.css 
** CSS - handles the layout grid
** Author: Steve Tangue
** Date: 21.Nov.08
** Last edited: 21.Nov.08
*/


/* general */

/* main menu */

div#main_menu {
	padding: 0;
	height: 45px; width: 950px;
	background: url(../img/main_menu_bg.jpg) repeat-x #3A8703;
	padding-bottom: 5px;
}
div#main_menu ul {
	display: block;
	height: 45px; width: 946px;
	list-style: none;
	position: relative;
	padding: 0 0 0 4px; margin: 0;
	/*border-bottom: 1px solid #3A8703;*/
}
div#main_menu li {
	margin-top: 8px;
	float: left;
	width: auto;
	list-style: none;
	font-weight: bold;
	font-size: 0.75em;
}
div#main_menu li a {
	height: 15px;
	color: #000000;
	padding: 16px 0 6px 0;
	display: block;
	text-decoration: none;
}
div#main_menu li a:hover {
	color: #ffffff;
	padding: 16px 0 6px 0;
	display: block;
}

div#main_menu li a.selected {
	color: white;
}

div#main_menu li a#about_jj_richards {
	background: url(../img/btn_header_about.jpg) no-repeat;
	width: 140px;
	padding-left: 25px;
	margin-right: 1px;
}
div#main_menu li a:hover#about_jj_richards {
	background: url(../img/btn_header_about_over.jpg) no-repeat;
}
div#main_menu li a#about_jj_richards.selected {
	background: url(../img/btn_header_about_over.jpg) no-repeat;
	width: 140px;
	padding-left: 25px;
	margin-right: 1px;
}


div#main_menu li a#services {
	background: url(../img/btn_header_services.jpg) no-repeat;
	width: 89px;
	padding-left: 34px;
	margin-right: 1px;
}
div#main_menu li a:hover#services {
	background: url(../img/btn_header_services_over.jpg) no-repeat;
}
div#main_menu li a#services.selected {
	background: url(../img/btn_header_services_over.jpg) no-repeat;
	width: 89px;
	padding-left: 34px;
	margin-right: 1px;
}


div#main_menu li a#environmental {
	background: url(../img/btn_header_environmental.jpg) no-repeat;
	width: 120px;
	padding-left: 22px;
	margin-right: 1px;
}
div#main_menu li a:hover#environmental {
	background: url(../img/btn_header_environmental_over.jpg) no-repeat;
}
div#main_menu li a#environmental.selected {
	background: url(../img/btn_header_environmental_over.jpg) no-repeat;
	width: 120px;
	padding-left: 22px;
	margin-right: 1px;
}

div#main_menu li a#case_studies {
	background: url(../img/btn_header_case_studies.jpg) no-repeat;
	width: 112px;
	padding-left: 30px;
	margin-right: 1px;
}
div#main_menu li a:hover#case_studies {
	background: url(../img/btn_header_case_studies_over.jpg) no-repeat;
}
div#main_menu li a#case_studies.selected {
	background: url(../img/btn_header_case_studies_over.jpg) no-repeat;
	width: 112px;
	padding-left: 30px;
	margin-right: 1px;
}

div#main_menu li a#careers {
	background: url(../img/btn_header_careers.jpg) no-repeat;
	width: 83px;
	padding-left: 30px;
	margin-right: 1px;
}
div#main_menu li a:hover#careers {
	background: url(../img/btn_header_careers_over.jpg) no-repeat;
}
div#main_menu li a#careers.selected {
	background: url(../img/btn_header_careers_over.jpg) no-repeat;
	width: 83px;
	padding-left: 30px;
	margin-right: 1px;
}

div#main_menu li a#news {
	background: url(../img/btn_header_news.jpg) no-repeat;
	width: 58px;
	padding-left: 24px;
	margin-right: 1px;
}
div#main_menu li a:hover#news {
	background: url(../img/btn_header_news_over.jpg) no-repeat;
}
div#main_menu li a#news.selected {
	background: url(../img/btn_header_news_over.jpg) no-repeat;
	width: 58px;
	padding-left: 24px;
	margin-right: 1px;
}

div#main_menu li a#customer_login {
	background: url(../img/btn_header_customer_login.jpg) no-repeat;
	width: 147px;
	padding-left: 21px;
	margin-right: 1px;
}
div#main_menu li a:hover#customer_login {
	background: url(../img/btn_header_customer_login_over.jpg) no-repeat;
}
div#main_menu li a#customer_login.selected {
	background: url(../img/btn_header_customer_login_over.jpg) no-repeat;
	width: 147px;
	padding-left: 21px;
	margin-right: 1px;
}




/* end of file */