#menu{
	width: 800px;
	height: 55px;
	position: absolute;
	z-index: 100;
	left: 4px;
	top: 250px;
}
#menu ul{
	margin: 0;
	padding: 0;
}

#menu ul li{
	list-style: none;
	display: inline-block;
	float: left;
}
#menu ul li a.link1, a.link2, a.link3, a.link4{
	display: block;
	width: 200px;
	height: 55px;
}
	#menu ul li a.link1{ background: url(/images/btn-home.gif) center top no-repeat;}
	#menu ul li a.link1:hover{ background: url(/images/btn-home.gif) center bottom no-repeat;}
	#menu ul li a.link2{ background: url(/images/btn-services.gif) center top no-repeat;}
	#menu ul li a.link2:hover{ background: url(/images/btn-services.gif) center bottom no-repeat;}
	#menu ul li a.link3{ background: url(/images/btn-company.gif) center top no-repeat;}
	#menu ul li a.link3:hover{ background: url(/images/btn-company.gif) center bottom no-repeat;}
	#menu ul li a.link4{ background: url(/images/btn-resources.gif) center top no-repeat;}
	#menu ul li a.link4:hover{ background: url(/images/btn-resources.gif) center bottom no-repeat;}

/*---------------*/
#dropmenudiv{
position:absolute;
font: bold 12px trebuchet ms;
z-index:100;
padding: 10px 0 10px 0;
text-transform: uppercase;
background: #e5e5e5 url(/images/bg-menu.gif) center top repeat-x;
border-bottom: 1px solid #cecece;
}
#dropmenudiv a{
display: block;
height: 23px;
text-indent: 17px;
text-decoration: none;
color: #5c6989;
padding: 6px 0 0 0;
}
#dropmenudiv a:hover{ /*hover background color*/
background: url(/images/btn-menuhover.gif) center center repeat-x;
color: white;
}






/*--------skin--------*/
.edgeL{
	width: 3px;
	height: 62px;
	background: url(/images/menu-edges.gif) left center no-repeat;
}
.edgeR{
	width: 3px;
	height: 62px;
	background: url(/images/menu-edges.gif) right center no-repeat;
}
.edgeL, .edgeR, #menu{
	float: left;
}