@charset "utf-8";
/* CSS Document */

#navbar_wrapper {
	width: 978px;
	height: 29px;
	float: left;
	position: relative;
	z-index: 100;
	margin: 0px;
	display: inline;
	}

#navbar {
	height: 29px;
	width: 978px;
	float: left;
	position: relative;
	background-image:url(images/navbar_backing.gif);
	background-repeat:repeat-x;
	}

#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#navbar ul li.home{
	float: left;
	display: inline;
	width: 43px;
	margin: 0px 0px 0px 13px;
	padding: 0px;
	height:  29px;
	background-image:url(images/menu_home.gif);
	background-repeat:no-repeat;
	z-index: 100;
	}

#navbar ul li.commercial_building {
	position: relative;
	float: left;
	display: block;
	margin: 0px 0px 0px 22px;
	width: 201px;
	height: 29px;
	background-image:url(images/menu_commercial.gif);
	text-align: center;
	z-index:100;
	}

#navbar ul li.domestic_building {
	position: relative;
	float: left;
	display: block;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	width: 186px;
	height: 29px;
	background-image:url(images/menu_domestic.gif);
	text-align: center;
	z-index:100;
	}

#navbar ul li.building_and_maintenance {
	position: relative;
	float: left;
	display: block;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	width: 159px;
	height: 29px;
	background-image:url(images/menu_buildingmaint.gif);
	text-align: center;
	z-index:100;
	}

#navbar ul li.aboutus {
	position: relative;
	float: left;
	display: block;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	width: 67px;
	height: 29px;
	background-image:url(images/menu_about.gif);
	text-align: center;
	z-index:100;
	}	

#navbar ul li.contactus {
	position: relative;
	float: left;
	display: block;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	width: 78px;
	height: 29px;
	background-image:url(images/menu_contact.gif);
	text-align: center;
	z-index:100;
	}
	
#navbar ul li.jobs {
	position: relative;
	float: left;
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 87px;
	height: 29px;
	background-image:url(images/menu_jobs.gif);
	text-align: center;
	z-index:100;
	}	

#navbar ul li ul { 
	position: absolute;
	padding: 0px;
	margin: 0px;
	left: -4px; /* Set 1px less than menu width */
	top: 29px;
	display: none;
	background-color:#0b3f7b;
	}

#navbar ul li ul li {
	margin: 0px;
	top: 3px;
	left:-8px;
	height: 24px;
	float: left;
	text-align: left;
	width: 180px;
	border-left: 1px solid #1155a4;
	border-right: 1px solid #1155a4;
	border-bottom: 1px dashed #1155a4;	
	}
	
#navbar ul li ul li.base {
	margin: 0px;
	top: 3px;
	left:-8px;
	height: 24px;
	float: left;
	text-align: left;
	width: 180px;
	border-left: 1px solid #1155a4;
	border-right: 1px solid #1155a4;
	border-bottom: 1px solid #1155a4;	
	}

#navbar ul li ul li a {
	padding: 5px 0px 0px 4px;
	display: block;
	text-decoration: none;
	font-family: tahoma;
	font-weight:bold;
	font-size: 11px;
	color: #ebebeb;
	background: none; /* IE6 Bug */
	height: 19px;
/* 	border: 1px solid #ccc; IE6 Bug */
	border-bottom: 0;
	}
	
#navbar ul li ul li a:hover {
	color:#FFFFFF;
	background-color:#0e478a;
	}

/* Styles for Menu Items */

#navbar ul li a {
	display: block;
	text-decoration: none;
	font-family: tahoma;
	font-weight:bold;
	font-size: 11px;
	color: #ebebeb;
	background: none; /* IE6 Bug */
	height: 29px;
/* 	border: 1px solid #ccc; IE6 Bug */
	border-bottom: 0;
	padding: 0px;
	margin: 0px;
	}

#navbar ul li a:hover {
	color: #FFFFFF;
	}

/* Holly Hack. IE Requirement \*/
* html #navbar ul li { float: left; height: 29px; }
* html #navbar ul li a { height: 29px; }
/* End */

#navbar li:hover ul { display:block; }

#navbar li.over ul { display: block; } /* The magic */