#main-navigation, #main-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
	#main-navigation li {
		float: left;
		position: relative;
	}

.mainitems {
	/*border: 1px solid black;
	background-color: #FFEEC6;*/
	background:url(../images/bg-topnav.jpg) repeat-x;
}
	.mainitems a {
		display:block;
		padding-top:9px; padding-bottom:14px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		text-decoration: none;
		font-weight:bold;
		text-align:center;
		color:#fff;
	}
	.mainitems a:hover {
		background:#f7a318 url(../images/bg-topnav-on.jpg) repeat-x;
	}
	li.about a:hover {
		background:#f7a318 url(../images/bg-topnav-left-on.jpg);
	}
	li.home a:hover {
		background:#f7a318 url(../images/bg-topnav-right-on.jpg) right no-repeat;
	}

.subuls{
	display: none;
	width: 10em;
	position: absolute;
	top: 1em;
	left:1em;
	padding:0;
	background-color:#f78c18;
	border-right:2px solid #c14000;
	border-bottom:2px solid #c14000;
}

li.about { width:109px; background:url(../images/bg-topnav-left.jpg) no-repeat; border-right:1px dotted #c14000; }
li.people { width:124px; border-right:1px dotted #c14000; }
li.services { width:188px; border-right:1px dotted #c14000; }
li.commercial { width:200px; border-right:1px dotted #c14000; }
li.contact { width:120px; border-right:1px dotted #c14000; }
li.home { width:85px; background:url(../images/bg-topnav-right.jpg) right no-repeat; }

.subuls li{
	width: 100%;
	margin:0; padding:0;
	border-top:1px dotted #c14000;
}
.subuls li a {
	display:block;
	margin:0;
	padding:6px 4px 8px 10px;
	text-decoration: none;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	line-height:17px;
}
.subuls li a:hover {
	text-decoration: none;
	background:none;
	background-color:#fbb118;
}

#main-navigation li>ul { /* position the drop-down */
	top: 35px;
	left: auto;
	*top: 35px;
	*left: 0;
	z-index:50;
}
	#main-navigation li:hover ul, li.over ul { /* lists nested under hovered list items */
		display: block;
	}
	
ul.about { width:180px; }
ul.people { width:180px; }
ul.services { width:188px; }
ul.commercial { width:200px; }
ul.contact { width:173px; }