@charset "utf-8";
.menuouter { float:right !important; margin: 0px 250px 0px 0px; } 
.menu-bg { background:#f2f2f2; z-index:1000000000000000; border-bottom:solid 1px #000;
    -moz-box-shadow:    inset  0  8px 8px -4px #ccc, inset  0 -4px 4px -4px #ccc;
    -webkit-box-shadow: inset  0  4px 4px -4px #ccc, inset  0 -4px 4px -4px #ccc;
	        box-shadow: inset  0  4px 4px -4px #ccc, inset  0 -4px 4px -4px #ccc;  }
						
.toggleMenu { display:none; background:#666; padding:10px 15px; color:#fff; margin:0px 0px 0px 0px; }
.nav { list-style: none; *zoom: 1; background:; position:relative; top:15px; }

.nav:before,
.nav:after { content: ""; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 9em;}

.nav a { padding: 11px 30px; font-family: 'open_sanssemibold'; color:#000; }
.nav li { position: relative; margin:0px; padding:20px 15px 27px 15px; }
.nav li a{ padding:0px; font-family: 'open_sanssemibold'; font-size:14px; color:#000; text-transform: uppercase; letter-spacing:1px; 	
	-webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; }
	
.nav li a:hover,.select{ color: #0797d4 !important; }
.nav > li { float: left; }

.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right 9px center;
	padding-right:20px;
}


.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;
	min-width:220px;
	margin:11px 0px 0px 0px;
	background-color:#07425a;
}
.nav > li.hover > ul {
    left:20px; 
}
.nav li li.hover ul {
    left: 100%; 
	top: 0;
	}
.nav li li { padding:0px; }
.nav li li a {
    display: block;
	font-size:13px; font-weight:normal;
    color:#fff;
	padding:14px 10px;
	margin-bottom:1px;
	text-transform:none;
	background:#01a3e9;
    position: relative;
    z-index:100; 
    border-bottom:1px solid #155873; letter-spacing:0; 	
}

.nav li li li a {
    background:#315255; display:block;
    z-index:200; color:#898989;    
}

.nav li li a:hover {
    background:#07384d;
    z-index:200; color:#cb0000; display:block;
}

/* big menu staRt */
.bigul { width:640px !important; background-color:#07425a; }
.bigul div { width:100%; padding:5px 0px 8px 0px; }

.bigul div ul { float:left !important; left:0px !important; margin:0px 0px 0px 15px !important; position:relative !important; width:auto !important; }

.bigul div ul li a:hover { background-color:#07425a; }

.listhd a { border-bottom:0 !important; font-family: 'OpenSemiBold' !important; font-size:14px !important;
padding:18px 5px 5px 8px !important; color:#fba921 !important; }
.listhd a:hover { background-color:#07425a !important; }
/* big menu End */

@media (max-width:1367px) {
    .menuouter { margin: 0px 165px 0px 0px; }
	.header-fix .contact { margin: 2px 0px 0px 0px; }
	.header-fix .contact span { margin: 0; float: none; display: block; }
}
@media (max-width: 1208px) {
    .nav li { padding-right: 5px; padding-left: 13px; }
}
@media (max-width: 1199px) {
	.menuouter { margin: 0px 0px 0px 80px; float: left !important; }
	
}
@media (max-width: 1024px) {
	.nav li { padding:20px 0px 35px 19px; }
	.nav li a{ font-size:13px; }
	.menuouter { float:left !important; margin: 0px 0px 0px 40px; }
}

@media (max-width: 991px) {
    .nav li { padding:20px 0px 35px 10px; }
	.header-fix .menuouter { margin: 0px 0px 0px 0px; }
	.header-fix .contact { margin: 10px 0px 0px 0px; }
	.header-fix .contact span { margin: 0px 0px 0px 10px; float: left; display: inline-block; }
}

@media (max-width: 940px) {
	#logo-wrapper { margin: 9px 0px 0px 0px; z-index: 10000000000000000; position: relative; }
	.header-fix #logo-wrapper { margin: 7px 0px 0px 0px; }
	.menuouter { width:100% !important; position:absolute !important; top:0; right:0; }	
	.nav { top:51px; }
	
	.toggleMenu { float:right; font-size:0px; text-align:left; margin:10px 0px 0px 0px; padding: 20px 25px; color:#fff !important; top:0px;
				  background:#174181 url(../images/navigation-bar.html) center center no-repeat; }
		
	.toggleMenu:hover { color: #fff; }	
	.active { display: block; }
	
	.nav li { padding: 0px; border-bottom:1px solid #3bc9ff; }
	.nav li a{ padding:20px; color:#fff; background:#00a2e0; border-left: none; text-align:left; }	
		
	.nav > li { float: none; background:url(../images/menu-bg.html) repeat; }
	.nav > li > .parent { background-position: 95% 50%; color:#fff; }
	.nav li.hover > a.parent { background-color:#07425a; color:#f8b100 !important; }
	
	
	
	.nav li li .parent { background-image: url("/images/downArrow.html"); background-repeat: no-repeat; background-position: 95% 50%; width:100%; }
	.nav ul { display: block; width:90%; margin:0px !important; }
	.nav > li.hover > ul , .nav li li.hover ul { position: static; }	
	.nav > li.hover > ul { left:-1px; width:100%; }
	
	/* big menu staRt */
	.bigul { width:100% !important; }
	.bigul div { width:100%; padding:5px 0px 8px 0px; }
	
	.bigul div ul { width: 31% !important; }
	.bigul div ul li { border-bottom:0 !important; }
	.listhd { border-bottom:0 !important; }
	.listhd a { font-size:16px !important; }
	/* big menu End */

}
@media (max-width: 768px) {
	.bigul div ul { width: 96% !important; float:none !important; padding:0px !important; margin-bottom:15px !important;  }	
}

@media (max-width: 480px) {
	#logo-wrapper { margin: 15px 0px 0px 0px; }
	#logo-wrapper img { max-width: 74%; }
	.header-fix #logo-wrapper { margin: 13px 0px 0px 0px; }
	.header-fix #logo-wrapper img { max-width: 100%; }
	
	
	.menuouter { top: 16px; }
    .listhd a { font-size:14px !important; }
	.bigul div ul { width: auto !important; float:none !important; padding:0px !important; margin:15px !important;  }	
}