header nav.main_nav ul {
	margin:0;
	padding:0;
	z-index: 10000;
	float: right;
}
header nav.main_nav ul li {
	float:left;
	position:relative;
	font-size:10px;
	list-style:none;
	margin:0;
	min-width:70px;
	text-align:center;
	text-transform:uppercase;
	background:#222;
	line-height:30px;
	/* for IE 8 - always needs to come first */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* for IE */
    filter:alpha(opacity=70);
    /* for FF etc */
    opacity:0.70;
    -moz-opacity:0.70
}
header nav.main_nav ul li:first-child {
	border-left:1px solid #ccc;
}
header nav.main_nav ul li a {
	color:rgba(255,255,255,0.6);
	text-decoration:none;
	display:block;
	border-right:1px solid #ccc;
	padding:0px 10px 0px 10px;
	
}
header nav.main_nav ul li.active {
	background: #00A6FC;
	opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
	

}
header nav.main_nav ul li.active a {
	color: #ffffff;
}
header nav.main_nav ul li a:hover {
	color:#fff;
}
header nav.main_nav ul li:hover > a {
	color:#fff;
}
header nav.main_nav ul li span {
	background:url(arrow.png) center no-repeat;
	height:10px;
	position:absolute;
	text-indent:-9999px;
	top:10px;
	right:5px;
	width:10px;
}
header nav.main_nav ul li span.arrow {
	background-position:0 2px;
}
header nav.main_nav ul li span.arrow-right {
	background-position:-10px 2px;
}
header nav.main_nav ul li ul.sublist {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:30px;
	background:#222;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}
header nav.main_nav ul li ul.sublist li {
	border:none;
	clear:both;
	margin-top:-15px;
	padding:0;
	width:90px;
	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}

header nav.main_nav ul li ul.sublist li a {
	color:rgba(255,255,255,0);
	border-top:1px solid #ccc;
	line-height: 20px;
	border-bottom:none;
}
header nav.main_nav ul li:hover ul.sublist {
	opacity:1;
	visibility:visible;
}
header nav.main_nav ul li:hover ul.sublist li {
	margin-top:0;
	opacity:1;
}
header nav.main_nav ul li:hover ul.sublist li a {
	color:rgba(255,255,255,0.6);	
	-moz-transition:color 0.1s ease-out;
	-webkit-transition:color 0.1s ease-out;
	-o-transition:color 0.1s ease-out;
	transition:color 0.1s ease-out;
}
header nav.main_nav ul li:hover ul.sublist li a:hover {
	color:rgba(255,255,255,1);	
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}
header nav.main_nav ul li:hover ul.sublist li:hover > a {
	color:#fff;
}
/* SUB SUB LIST */
header nav.main_nav ul li ul.sublist li ul.sublist {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:61px;
	top:0px;
	background:#222;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
}
header nav.main_nav ul li ul.sublist li ul.sublist li{
	border:none;
	clear:both;
	margin:0;
	padding:0;
	width:90px;
	opacity:1;
}
header nav.main_nav ul li ul.sublist li ul.sublist li a {
	border-top:1px solid #ccc;
	line-height: 20px;
	border-bottom:none;
}
header nav.main_nav ul li ul.sublist li:hover ul.sublist {
	opacity:1;
	left:90px;
	visibility:visible;
}
header nav.main_nav.mobile_nav li {
	float: left;
	width: 50%;
	text-align: center;
	border-right:none;
	padding: 0px;
	background:#222;
	line-height:30px;
}
header nav.main_nav.mobile_nav ul {
	float: none;
}
header nav.main_nav.mobile_nav ul li:first-child {
	border-left:none;
}
header nav.main_nav.mobile_nav li ul {
	display: none;
}