/*Navigation*/
#navi {	 font-size:12px;font-weight: bold;float:left; display:block;width:750px;text-align:right;padding-top:120px;}
#navi ul { width:100%; margin: 0px;}
#navi ul li { list-style-type: none; margin:0px 0px 0px 15px; text-transform: capitalize;display: inline;}
#navi a { color:#000; text-decoration: none;padding:0;display: inline-block;}
#navi a:hover {color: yellow !important; border-bottom: 3px solid #666; }

.btn {
	float: left;
	background: url(../_media/image/btn_left3.png) no-repeat;
	padding: 0 0 0 5px;
	margin: 5px 2px;
	background-color: rgba(105,93,93,0.5);
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.btn a{
	float: left !important;
	height: 25px !important;
	background: url(../_media/image/btn_stretch3.png) repeat-x left top !important;
	line-height: 25px !important;
	padding: 0 2px !important;
	font-size: 11px;
	text-decoration: none !important;
}
.btn a:hover{
	float: left !important;
	height: 25px !important;
	background: url(../_media/image/btn_stretch3.png) repeat-x left top !important;
	line-height: 25px !important;
	padding: 0 2px !important;
	font-size: 11px;
	text-decoration: none !important;
	border:none !important;
	color: yellow !important;
}
.btn span {
	background: url(../_media/image/btn_right3.png) no-repeat;
	float: left;
	width: 5px;
	height: 25px;
}

.active{
	background-color: rgba(255,255,255,0.5) !important;
}
.active a{
	color: yellow !important;
}
.inactive a{
	color: #fff !important;
}