.box { 
	position:relative;
	overflow:hidden;
	background:#777;
	background-image:url(navback1.png);
	cursor:pointer;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	text-shadow:rgba(0,0,0,0.3) 1px 1px 3px;
}
.box:hover {
	background-color:#E2B008;
	background-position:-75px -75px;
	-webkit-box-shadow:rgba(0,0,0,0.25) 0 2px 3px;
	-moz-box-shadow:rgba(0,0,0,0.25) 0 2px 3px;
	box-shadow:rgba(0,0,0,0.25) 0 2px 3px;
	text-shadow:rgba(60,158,05,0.7) 1px 1px 2px;
}
.box:active{text-shadow:none;
	-webkit-box-shadow:inset rgba(0,0,0,0.25) 0 10px 10px;
	-moz-box-shadow:inset rgba(0,0,0,0.25) 0 10px 10px;
	box-shadow:inset rgba(0,0,0,0.25) 0 10px 10px;
}
.redBG{background-color:#cf3b19 !important}
.blueBG{background-color:#3893C8 !important}
.greenBG{background-color:#8DB626 !important}
.purpleBG{background-color:#AE87C4 !important}
.orangeBG{background-color:#F47F05 !important}
.yellowBG{background-color:#D3A10C !important}
.mistBG{background-color:#dfdfc5 !important}
.whiteBG{background-color:#ffffc4 !important}
.activeBG{background-color:#C8C891 !important}