Олег с клещами

<div id="menu">
	<ul>
		<li><a href="#">home</a></li>
		<li><a href="#" class="green">about us</a></li>
		<li><a href="#" class="blue">services</a></li>
		<li><a href="#" class="orange">solutions</a></li>
		<li><a href="#" class="brn">contact us</a></li>								
	</ul>
</div>

#menu{
		background:#fff;
		width:170px;
	}
		#menu ul{
			list-style:none;
		}
			#menu li{
				list-style:none;
				margin:2px 0;
			}
				#menu li a{
					list-style:none;
					background:#82837c;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					border:solid #777776;
					border-width:0 6px 0 6px;
					display:block;
					height:30px;
					line-height:30px;
					padding:0 0 0 10px;
				}
					#menu li a:hover{
						background:#777776;
						color:#fff;
						text-decoration:none;
					}
				#menu li a.green{
					background:#83ad3e;
					border:solid #6f9234;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.green{
						background:#6f9234;
					}
				#menu li a.blue{
					background:#4396bd;
					border:solid #377e9f;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.blue{
						background:#377e9f;
					}
				#menu li a.orange{
					background:#ff7327;
					border:solid #d65611;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.orange{
						background:#d65611;
					}
				#menu li a.brn{
					background:#a53cbe;
					border:solid #87249f;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.brn{
						background:#87249f;
					}