#p7PMnav {
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	top: 16px;
	width: 570px;
	height: auto;
	text-align: center;
	z-index: 10000;
}
#p7PMnav li {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
#p7PMnav ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #475a89;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}
#p7PMnav ul li {
	border-bottom: 1px solid #999;
}

#p7PMnav a {
	display: block;
	margin: 0 0 0 50px;
	padding: 0;
	height: 24px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(../Images/navBkgd.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-image: none;
	color: #FFFF66;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	background-image: none;
	color: #b1d6db;
	font-weight: normal;
}

/* ------ the trigger link styles ------- */

/*the normal trigger links */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:   url("../Images/arrow_east.gif");
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	color: #CCCCFF;
	font-weight: normal;
}

/*the submenu classes */
#p7PMnav .p7PMhide {
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}

/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 200px;
	text-align: left;
}
#p7PMnav ul li {
	float: none;
}

/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 220px;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#p7PMnav li {width: auto;}



/* ------------------------------------ */
/* Link style over-rides */
#p7PMnav ul li a {
	margin: 0;
	padding: 8px 8px 2px 8px;
	color: #fff;
	background-color: #666;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
#p7PMnav ul li a.p7PMmark {
	color: #fff;
	background-color: #fd7e02;
	font-weight: normal;
}
#p7PMnav ul li a:hover, #p7PMnav ul li a:active, #p7PMnav ul li a:focus {
	color: #fff;
	background-color: #009999;
}

#p7PMnav a#services {
	width: 84px;
	background-image:url(../Images/Services.png);
}
#p7PMnav a:hover#services {
	background-image:url(../Images/Services-over.png);
}
#p7PMnav a#projects {
	width: 85px;
	background-image:url(../Images/Projects.png);
}
#p7PMnav a:hover#projects {
	background-image:url(../Images/Projects-over.png);
}
#p7PMnav a#about {
	width: 64px;
	background-image:url(../Images/About.png);
}
#p7PMnav a:hover#about {
	background-image:url(../Images/About-over.png);
}
#p7PMnav a#contact {
	width: 86px;
	background-image:url(../Images/Contact.png);
}
#p7PMnav a:hover#contact {
	background-image:url(../Images/Contact-over.png);
}