.menu2 > li > a {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
	display: block;
	position: relative;
}
.menu2 .con li a {
	display: block;
	position: relative;
}
.menu2 .con li:last-child a {
}
.menu2 .con{font-weight:200;line-height:30px;}

.menu2 > li > a:hover, 
.menu2 > li > a.active,
.menu2 > li:target > a  /*add this*/ {
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
}
.menu2 > li > a.active {
}
.menu2 > li > a:before {
	content: '';
	position: absolute;

}

.menu2 > li > a span {
	display: inline-block;
	position: absolute;
	text-indent: 0;

}
.menu2 > li > a:hover span, 
.menu2 > li a.active span,
.menu2 > li:target > a span /*add this*/ {
}
.menu2 > li > .con li a:before{
	position: absolute;

}

.menu2 > li > .con li:hover a,
.menu2 > li > .con li:hover a span,
.menu2 > li > .con li:hover a:before {
}


.menu2 .con > li > a span {
	display: inline-block;
	position: absolute;

}

/*additional*/

.menu2 > li > .con {
	height: 0;
	overflow: hidden;
}

.menu2 > li:target > .con {
    height: /*7.9em*/auto; /*using auto nullifies the height transitions, but it makes things flexible which is more important*/

}

/*:target relies on fragment identifiers (the #link in the url) but navigation obviously suffers - clicking BACK for example*/
/*alternatively use :hover for non-supporting browsers*/
/*:active will work in earlier versions of IE, and will allow you to click it to keep it open, but isn't great*/