/************************************************************************************

NAV

*************************************************************************************/

#nav-wrap {

	margin: 0px auto;

	float:right;

	margin-top:0px;  

}



#nav-wrap1 {

	margin: 0px auto;

	margin-top:20px;

	float:right;

}



/* menu icon */

#menu-icon {

	display: none; /* hide menu icon initially */

}



#nav, 

#nav li {

	margin: 0;

	padding: 0;

}

#nav li a{

			display: block; 

			padding: 0px 5px;

			  text-decoration: none;

			font-family: 'CalibriRegular';

			font-size:15px;

			color:#FFFFFF; 

			text-transform: uppercase;  

			/*-webkit-border-radius: 15px;

			-moz-border-radius: 15px;

			border-radius: 15px;*/

			

			-webkit-transition: all 400ms ease;

  			-moz-transition: all 400ms ease;

			-ms-transition: all 400ms ease;

	 		transition: all 400ms ease;

			

}

#nav li:first-child{

	background:none;

}



#nav li {

	list-style: none;

	float: left;  

	padding:13px 15px;

	background:url(../images/menu_sp.png) center left no-repeat;

	 

}

#nav li:last-child{ 

 border-right:none;

}

/*.active1{

	background: #f79837 !important;

	

}*/

.active1 a{

	color:#FFFFFF !important; 

}

#nav li:hover{ 

	color:#000000 !important;

	 

}

#nav li:hover a{

	color:#10c7c7; 

}

 



/* nav link */

#nav a {

	/*padding: 4px 15px;

	display: block;

	color: #FFF; */

}

#nav a:hover {

	/*background: #f8f8f8;*/

}



/* nav dropdown */

#nav ul {

	background: url(../images/menubg1.png);

	padding: 0 5px;
	padding-bottom:8px;

	position: absolute;  

	display: none; /* hide dropdown */

	width: 200px; 

	border-radius: 0px 0px 5px 5px;

	-moz-border-radius: 0px 0px 5px 5px;

	-webkit-border-radius: 0px 0px 5px 5px;

	z-index:150;
 

	margin-top:12px;

}

#nav ul li {

	float: none;

	margin: 0;

	padding: 8px 0;
	padding-left:20px;

	border:none;

	background:url(../images/li_arwmenu.png) no-repeat 8px center !important;

	border-bottom:1px dotted #55b5dd;

	text-align:left;

	text-transform:uppercase;

}
#nav ul li:last-child{
	border:0px;
}

#nav ul li:hover{

	background:none; 

}

#nav ul li a{

	color:#FFFFFF !important;

	font-size:15px;

	text-transform:capitalize;

}

#nav ul li a:hover{

	color:#CCCCCC  !important;

}

#nav li:hover > ul {

	display: block; /* show dropdown on hover */

}

 

@media screen and (max-width:1080px){

	

	 

	

	#nav li{

			 

			padding: 13px 10px;

			

}

}

 



/************************************************************************************

MOBILE

*************************************************************************************/

@media screen and (max-width: 960px) {



	/* nav-wrap */

	#nav-wrap {

		/*position: absolute;

		right:0;*/

		width:auto; 
		background:#006b6e; 
		padding:2px 5px;
		margin-bottom:15px;
		border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;

	}

	#nav-wrap1 {

		position: relative;

		right:0;

		width:auto; 

	}



	/* menu icon */

	#menu-icon {

		color: #FFFFFF;

		width: 42px;

		font-family: Arial, "Helvetica LT Std Cond", sans-serif;

		text-transform:uppercase;

		font-size:13px;

		height: 20px;

		background:   url( menu-icon2.png) no-repeat 10px center ;

		padding:5px 5% 0px 35px;

		cursor: pointer;

		text-align:right; 

		float:right;

		display: block; /* show menu icon */ 

		 

	}

	#menu-icon span{ 

	}

	#menu-icon:hover {

		background-color:  ; 

	}

	#menu-icon.active {

		background:   url( menu-icon.png) no-repeat 10px center; 

	}

	

	/* main nav */

	#nav {

		clear: both;

		position: absolute;

		top: 33px;

		width: 260px;

		right:0px;

		z-index: 10000;

		padding: 5px;

		background:url( mnu_bg.png); 

		display: none; /* visibility will be toggled with jquery */

		border-radius: 0px 0px 5px 5px;

	-moz-border-radius: 0px 0px 5px 5px;

	-webkit-border-radius: 0px 0px 5px 5px;

	}

	#nav li {

		clear: both;

		float: none;

		margin: 5px 5px 5px 5px;

		border:0px;

		background:none;

		padding:0px;

	}

	#nav li a{

		padding:4px 20px;

		color:#FFF;

		font-weight:normal;

	}

	#nav li:hover{  

	border:0px ; 

	}

	#nav li a{

		background: url(../images/hvr2.png) no-repeat -10px center ;

	}

	#nav li a:hover{

		background: #006b6e  url(../images/hvr2.png) no-repeat 10px center ;

		color:#FFF ;

	}

	#nav ul li a{

	color:#b3b3b3 !important;

	display:block;

}

	#nav ul{

		background:inherit; 

		

	}

	#nav li:hover > ul {

	background:#FFF; 

}

#nav li:hover > ul li a{

	color:#000 !important;

}

#nav li:hover > ul li a:hover{

	color:#5994ce !important;

}

	#nav ul li a{

		color:#000;

	}



	

	#nav a, 

	#nav ul a {

		font: inherit;

		background: none;

		display: inline;

		padding: 0;

		color: #666;

		border: none;

	}

	#nav a:hover, 

	#nav ul a:hover {

		background: none;

		color: #000;

	}

	

	/* dropdown */

	#nav ul {

		width: auto;

		position: static;

		display: block;

		border: none;

		background:  ;

	}

	#nav ul li {

		margin: 3px 0 3px 15px;

	}



}


@media screen and (max-width:700px){
	#nav{
		top:83px;
	}
	
}
 

 

/*@media screen and (max-width:280px){

	#menu-icon span{

		display:none;

	}

	#menu-icon{

		width:auto;

	}

	#nav-wrap{

		right:10px;

		margin-top:-20px;

		top:105px;

	}

}*/