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

/* GLOBAL BASIC NAV */
#navBg {
	background: url(../images/navBgGreen.gif) repeat-x;
	height: 55px;
	border-bottom: 1px solid #c1d72e;
	border-top: 2px solid #6a7a00;
}

#nav {	margin: 0px; padding: 0px; height: 55px; width: 600px; }

#nav li {
	margin: 0px;
	padding:0px;
	list-style: none;
	float: left;
	height: 55px;
	display: block;
}

#nav li a{
	background: url(../images/nav.gif) no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 0;
	padding-top: 56px;
	overflow: hidden;
}

#nav li#work a { width: 145px; position: absolute; z-index: 400; }
#nav li#services a { width: 170px; background-position: -125px 0px; position: absolute; left: 125px; z-index: 300; }
#nav li#about a { width: 155px; background-position: -270px 0px; position: absolute; left: 270px; z-index: 200; }
#nav li#contact a { width: 170px; background-position: -395px 0px; position: absolute; left: 394px; z-index: 100; }


/* HOVER STATES NAV */
#nav li#work a:hover { background-position: 0px -56px; z-index: 1000;}
#nav li#services a:hover { background-position: -125px -112px; z-index: 1000;}
#nav li#about a:hover { background-position: -270px -56px; z-index: 1000;}
#nav li#contact a:hover { background-position: -395px -112px; z-index: 1000;}


/* ACTIVE STATES NAV */
#workActive {	width: 139px; height: 55px; position: absolute; z-index: 2000; }
#servicesActive {	width: 158px; height: 55px; position: absolute; left: 127px; z-index: 2000; }
#aboutActive {	width: 140px; height: 55px; position: absolute; left: 273px; z-index: 2000; }
#contactActive {	width: 140px; height: 55px; position: absolute; left: 399px; z-index: 2000; }

/* SUB NAV */
#subNav { margin: 0px 0px 0px 35px; padding: 0px; height: 35px; width: auto; overflow: hidden; }

#subNav li {
	margin: 0px;
	padding: 7px 45px 5px 0px;
	list-style: none;
	float: left;
	height: 20px;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 12px;
	cursor: pointer;
}

#subNav li a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 12px;
}

#projectNav li#otherProjects { 
	background: url(../images/projectBg.gif) repeat-x; 
	height: 30px; 
	width: 275px; 
	padding: 5px 0px 0px 16px; 
	margin: 0; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-size: 20px; 
	color: #FFFFFF; 
}

#subNav li:hover { color: #c1d72e; }
#subNav li a:hover { color: #c1d72e; }
#subNav li a.selected { color: #c1d72e; }


/* PROJECT NAV */
#projectNav {	margin: 0px 0px 0px 1px; padding: 0px 0px 10px 0px; width: 291px; }

#projectNav li {
	margin: 0px;
	padding:0px;
	list-style: none;
}

#projectNav li a{
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	padding: 17px 0px 0px 18px;
	border-bottom: 1px solid #000000;
	height: 42px;
}

#projectNav li#mtm a { background: url(../images/projectNav/mtm.jpg); }
#projectNav li#rb a { background: url(../images/projectNav/rb.jpg); }
#projectNav li#sph a { background: url(../images/projectNav/sph.jpg); }
#projectNav li#galil a { background: url(../images/projectNav/galil.jpg); }
#projectNav li#wlh a { background: url(../images/projectNav/wlh.jpg); }
#projectNav li#fitch a { background: url(../images/projectNav/fitch.jpg); }
#projectNav li#cei a { background: url(../images/projectNav/cei.jpg); }
#projectNav li#harlan a { background: url(../images/projectNav/harlan.jpg); }
#projectNav li#prohealth a { background: url(../images/projectNav/prohealth.jpg); }
#projectNav li#equus a { background: url(../images/projectNav/equus.jpg); }

#projectNav li#mtm a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#rb a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#sph a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#galil a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#wlh a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#fitch a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#cei a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#harlan a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#prohealth a:hover { background-position: -294px 0px; text-decoration: underline; }
#projectNav li#equus a:hover { background-position: -294px 0px; text-decoration: underline; }