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

.mainitems {
	/*border: 1px solid black;
	background-color: #FFEEC6;*/
}
	.mainitems a {
		display:block;
		margin:0 7px 0 7px;
		padding:10px 25px 13px 25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		text-decoration: none;
		font-weight:bold;
		text-align:center;
		color:#fff;
	}
	.mainitems a:hover {
		background-color:#BFAA6B;
	}

.subuls{
	display: none;
	width: 125px;
	position: absolute;
	top: 1.2em;
	left: 0;
	padding:0;
	background-color:#93844d;
	border-left:1px solid #6c5c29;
	border-right:1px solid #6c5c29;
}

li.about { width:157px; border-right:1px dotted #aeb1d2; }
li.people { width:173px; border-right:1px dotted #aeb1d2; }
li.services { width:220px; border-right:1px dotted #aeb1d2; }
li.contact { width:173px; border-right:1px dotted #aeb1d2; }
li.home { width:290px; }

.subuls li{
	width: 100%;
	border-bottom:1px solid #70622c;
	border-top:1px solid #baad7c;
}
.subuls li a {
	display:block;
	margin:0;
	padding:6px; padding-left:9px; padding-bottom:8px;
	text-decoration: none;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}
.subuls li a:hover {
	text-decoration: none;
	background-color:#af9c61;
}

#main-menu li ul { /* position the drop-down */
	margin:0; padding:0;
	top: auto;
	left: auto;
	*top: 37px;
	*left: 0;
}

#main-menu li>ul { /* position the drop-down */
	margin:0; padding:0;
	top: auto;
	left: auto;
	*top: 37px;
	*left: 0;
}
	#main-menu li:hover ul, li.over ul { /* lists nested under hovered list items */
		display: block;
	}
	
ul.about { width:157px; }
ul.people { width:180px; }
ul.services { width:220px; }
ul.commercial { width:170px; }
ul.contact { width:173px; }