ul#topnav {
	float:left;
	margin:0;
	padding:16px 0 0 20px;
	list-style:none;
}
ul#topnav li{
	float:left;
	width:145px;
	height:60px;
	margin:0 20px 0 0;
	padding:0;
	overflow:hidden;  /*--Important - Masking out the hover state by default--*/
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	float:left;
	width:100%;
	height:40px;
	padding:10px 20px 10px 0;
	clear:both;
	font-weight:normal;
	color:#434343;
	line-height:20px; /*--Vertical alignment of text--*/
	text-decoration:none;
	border-top:1px solid #c8c8bc;
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	font-weight:bold;
	color: #434343;
	border-top:2px solid #9c9b85;
}
ul#topnav span{ /*--Default state of navigation--*/
	
}
ul#topnav a b, ul#topnav span b {
	display:block;
	font-weight:normal;
	font-size:10px;
	color:#747473;
	line-height:20px;
}

.aAcasa {background:url(../images/top_menu_icons_bg.png) no-repeat 85% top;}
.aProiecte {background:url(../images/top_menu_icons_bg.png) no-repeat 85% -60px;}
.aContact {background:url(../images/top_menu_icons_bg.png) no-repeat 85% -120px;}
.aBlog {background:url(../images/top_menu_icons_bg.png) no-repeat 85% -180px;}