/*	textmenu:css	HOME			PORTFOLIO		ABOUT / CONTACT   <--- pagename	description		description		description		  <--- description	<div class="pairblock">		<!-- for current page. Color should be the same as link hover -->		<a href="#" style="color:#ffc300">HOME<br /><span>Short description</span></a>		<a href="#">PORTFOLIO<br /><span>short description</span></a>		<a href="#">ABOUT / CONTACT<br /><span>short description</span></a>	</div>*/div.textmenu {text-align:left;} /* userstyle: menu text aligment */	div.textmenu a {		color:#000;	/* userstyle: text color */		font:bold 14px arial;		padding: 10px 15px;		line-height:1.3em;		display:block;		text-decoration:none;		float:left;		border-top:solid 5px #fff;	}	div.textmenu a:hover {		color:#ef5555;  /* userstyle: text color on hover */		background-color:#efefef;		border-top:solid 5px;	}	div.textmenu a:focus {outline:none;} /* to remove the dotted border that appears on click-event		This doesn't work on IE so try the jQuery solution:		$('.textmenu a').focus(function(){			 $(this).blur();		});	*/	div.textmenu a span {		color:#666;	/* userstyle: description color */		font:11px arial;		margin:0;	}	div.textmenu a span:hover {color: #999;} /* userstyle: description:hover color */			div.textmenuv {text-align:left;} /* userstyle: menu text aligment */	div.textmenuv a {		color:#000; /* userstyle: text color */		font:bold 14px arial;		line-height:1.3em;		display:block;		text-decoration:none;		margin-right:2em;		margin-bottom: 1em;			width:100px;	}	div.textmenuv a:hover {		color: #ffc300; /* userstyle: text color on hover */		background-color:yellow;	}	div.textmenuv a:focus {outline:none;} /* to remove the dotted border that appears on click-event		This doesn't work on IE so try the jQuery solution:		$('.textmenu a').focus(function(){			 $(this).blur();		});	*/	div.textmenuv a span {		color:#666; /* userstyle: description color */		font:11px arial;		margin:0;	}	div.textmenuv a span:hover {color:#999;} /* userstyle: description:hover color */