/*********************************menu**********************************/
.navs{
	width:1030px;
	z-index:99;
	height:40px;
}

.sf-menu {
	padding:0; 
	width:100%;
	height:40px;
	list-style:none;
}
.sf-menu > li {
	background:url(../../Images/separator1.png) no-repeat right 0px;
	float:right; 
	position:relative;
	list-style:none;
	padding:0px;
}
.sf-menu > li:first-child {
	background-image:none;
}


.sf-menu > li a {
	display:block;
	position:relative;
	font-family: "GE_medium", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:22px;
	color:#fff; 
	text-align:center;
	text-transform:uppercase;
	padding:8px 21px 10px 20px;
	text-decoration:none;
}


.sf-menu > li > a:hover, .sf-menu > li > a.active, .sf-menu > li.sfHover > a {color:#fff; 	background: #4891DC;}

.sf-menu > li > a:hover span, .sf-menu > li > a.active span, .sf-menu > li.sfHover > a span {color:#fff;}
.sf-menu > li > a.active strong, .sf-menu > li.sfHover > a strong {height:9px;}

.sf-menu li:hover {visibility:	inherit; }

.sf-menu li a span {
	font-size:13px;
	line-height:16px;
	color:#92e0f1;
	display:block;
	margin-top:-3px;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
}

.sf-menu li em {
    background: url("../../Images/marker-3.png") no-repeat scroll 0 0px transparent;
    display: block;
    height: 8px;
    right: 74px;
    position: absolute;
    top: 69px;
    width: 12px;
	z-index:999;
	cursor:pointer;
}
.sf-menu .menu-arrow{display:block; position: absolute; left:10px;top:20px; width:9px; height:6px; margin-right:5px;text-indent:-100%; font-size:0; line-height:0;background: url('../../Images/menu_arrow.png') top center no-repeat;}

.sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a:hover .menu-arrow{background-position:bottom center;}

.sf-menu li li .menu-arrow{display:inline-block; position:absolute; top:12px; width:6px; height:9px; background: url('../../Images/menu_arrow2.png') top center no-repeat;}


/******************************** submenu **************************************/
.sf-menu ul {
	position:		absolute;
	padding:		0 0 0px 1px;
	top:			-999em;
	width:			200px;
	box-shadow: 0px 0px 6px #999;
	-moz-box-shadow: 0px 0px 6px #999;
	-webkit-box-shadow: 0px 0px 6px #999;
	z-index:999999;
	list-style:none;
}

.sf-menu li li {width:	200px; padding:0px 0;list-style:none;}
.sf-menu li li a {
	display:block;
	background:#4891DC;
	font-size:12px;
	line-height:30px;
	color:#fff;
	padding:0px 20px;
	text-align:right;
	height:30px;
	border-top:dotted 1px #ccc;
	letter-spacing:0px;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	right:			0px;
	top:			42px;
	z-index:		999;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

.sf-menu li li a:hover, .sf-menu li li.sfHover > a {color:#fff;background:#0055A0;}

/******************************** submenu 2 **************************************/

.sf-menu ul {width:200px;}

.sf-menu li li li {float:right;padding-right:1px;z-index:9999999;}
.sf-menu li li li a {background-image:none;z-index:9999999;}
.sf-menu li li li a:hover {color:#fff;z-index:9999999;}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	right:			200px;
	top:			32px;
	z-index:		9999999;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
	#main-menu{ width:748px;}
	.sf-menu > li {width:124px;}
	.sf-menu li.last {width: 123px;}
	.sf-menu ul {width:249px;}
	.sf-menu li li {width:124px;}
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:125px;}
	.sf-menu li em {right:54px;}
}
@media only screen and (max-width: 767px) {
	#main-menu{ width:300px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:none;}
	.sf-menu > li, .sf-menu > li.last, .sf-menu > li:first-child {width:300px;float:none; background: url("../../Images/menu-bg.jpg") repeat-x scroll 0 -32px transparent;margin-bottom:7px;padding:0;}
	.sf-menu > li a {text-align:right;padding: 11px 0 12px 20px;}
	.sf-menu li em {top:17px;left:121px;}
	.sf-menu ul {position:relative !important;top:0 !important;width:290px;right:0 !important;padding: 7px 0 0 10px;}
	.sf-menu li li {width:290px;margin-bottom:7px;}
	.sf-menu li li a {height: 38px; padding: 20px 0 0 20px; text-align:right;}
	.sf-menu ul ul, .sf-menu li li li {width:280px;float:none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#main-menu{ width:420px;}
	.sf-menu > li, .sf-menu > li.last, .sf-menu > li:first-child {width:420px;}
	.sf-menu ul {width:410px;}
	.sf-menu ul ul {width:400px;}
	.sf-menu li li {width:410px;}
	.sf-menu ul ul, .sf-menu li li li {width:400px;}

}


.sf-vertical {
    width:100%;
	list-style:none;
}
.sf-vertical ul {
    right:0;
    top: 0;
	list-style:none;
}

.sf-vertical > li > a {
	display:block;
	background:#4891DC;
	line-height:40px;
	padding:0px 20px;
	font-family: "GE_medium",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#fff; 
	text-align:right;
	height:40px;
	border-bottom:dotted 1px #ccc;
	letter-spacing:0px;
	transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	list-style:none;
}
.sf-vertical li a:focus , .sf-vertical li a:hover {
   color:#fff;background:#0055A0;
   list-style:none;
}