/*** Site Navigation ***/
#mobile-menu { display:none; }

#menu {
	margin:0px auto;
	padding:0px;
	float:right;
	}
	
#menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	}
	
#menu li {
	float:left;
	list-style: none;
	margin:0px;
	padding:0px;
	}

#menu li:last-child { border:0px; padding:0px; }
	
#menu li a, #menu li a:link, #menu li a:visited {
	border:0px;
	color:#000000;
	font-size:18px;
	font-weight:500;
	line-height:73px;
	text-decoration:none;
	text-transform:uppercase;
	margin:0px;
	padding:15px 35px 15px 35px;
	text-align:center;
	display:block;
	transition:ease-in color 250ms;
	-moz-transition:ease-in color 250ms;
	-o-transition:ease-in color 250ms;
	-webkit-transition:ease-in color 250ms;
	}

#menu li a:hover, #menu li.current-menu-item a { color:#31a0c4; }

#menu li li { margin:0px; padding:0px; }

#menu li li a, #menu li li a:link, #menu li li a:visited {
	background:#000000;
	width: 200px;
	color: #ffffff;
	float: left;
	display:block;
	margin: 0px;
	line-height:22px;
	padding: 6px 10px 5px 10px;
	border:solid 1px #e0dbb5;
	border-bottom:none;
	font-size:14px;
	text-align:left;
	}

#menu li li a:hover, #menu li li a:active {
	background:#31a0c4;
	color:#ffffff;
	}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	width: 220px;
	margin: 0px;
	padding:0px;
	border-bottom:solid 1px #e0dbb5;
	}

#menu li li { border:none; }

#menu li ul a { width: 220px; }

#menu li ul a:hover, #menu li ul a:active {}

#menu li ul ul { margin: 0px 0 0 220px; }

#menu li:hover ul ul, #menu li:hover ul ul ul { left: -999em; }

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul { left: auto; }

#menu li:hover { position: static; }

/*@media only screen and ( max-width: 1023px ) {*/
@media only screen and ( min-width: 961px ) and ( max-width: 1169px ) {
#menu li a, #menu li a:link, #menu li a:visited { padding:15px 25px 15px 25px; }

}

/**For Screens Equal to 768px and Less than 960px ***/
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	/*** Menu ***/
	#menu { display:none !important; }

	#mobile-menu { margin:35px 10px 0px 0px; padding:0px; display:block !important; width:50px; float:left; }
	
	a#mob-menu-open { font-family: 'Roboto', sans-serif; display:block; text-decoration:none; border:solid 1px #000000;
	background:#31a0c4 url(images/mob-menu-bg.png) no-repeat center center; padding:22px 10px; margin:0px auto 0px auto; color:#ffffff;
	font-size:24px; font-weight:bold; text-align:left; }
	
	a#mob-menu-open:hover { background-color:#121415; color:#ffffff;  }
	
	#mobile-menu ul { position:absolute; z-index:9999; width:705px; display:none; list-style:none; margin:0px; padding:0px; border-top:solid 1px #000000; }
	#mobile-menu ul li { margin:0px; padding:0px; display:block;  }
	
	#mobile-menu ul li a { text-decoration:none; display:block; background:#31a0c4; margin:0px; padding:5px 8px; color:#ffffff;
		border:solid 1px #000000; border-top:0px; font-size:20px; text-align:left; }
	
	#mobile-menu ul li.sm a { background:#31a0c4 url(images/down-arrow.png) no-repeat 95% center; }
	
	#mobile-menu ul li a:hover { background-color:#121415; color:#ffffff; }
	
	
	#mobile-menu ul ul { border-top:0px; position:static; display:none; }
	
	#mobile-menu ul li.sm li a { padding-left:40px; background-image:none; }
	}


/**For Screens Equal to 480px and Less than 768px ***/
@media only screen and ( max-width: 767px ) {
	/*** Menu ***/
	#menu { display:none !important; }

	#mobile-menu { margin:35px 10px 0px 0px; padding:0px; display:block !important; width:50px; float:left; }
	
	a#mob-menu-open { display:block; text-decoration:none; border:solid 1px #000000;
	background:#31a0c4 url(images/mob-menu-bg.png) no-repeat center center; padding:22px 10px; margin:0px auto 0px auto; color:#ffffff;
	font-size:24px; font-weight:bold; text-align:left; position:relative; z-index:9998; }
	
	a#mob-menu-open:hover { background-color:#121415; color:#ffffff; }
	
	#mobile-menu ul { position:absolute; z-index:9999; width:380px; display:none; list-style:none; margin:0px; padding:0px; border-top:solid 1px #000000; }
	#mobile-menu ul li { margin:0px; padding:0px; display:block;  }
	
	#mobile-menu ul li a { text-decoration:none; display:block; background:#31a0c4; margin:0px; padding:5px 8px; color:#ffffff;
		border:solid 1px #000000; border-top:0px; font-size:20px; text-align:left; }
	
	#mobile-menu ul li.sm a { background:#31a0c4 url(images/down-arrow.png) no-repeat 95% center; }
	
	#mobile-menu ul li a:hover { background-color:#121415; color:#ffffff; }
	
	
	#mobile-menu ul ul { border-top:0px; position:static; display:none; }
	
	#mobile-menu ul li.sm li a { padding-left:40px; background-image:none; }
	
	
	#footer-menu { float:none; text-align:center; }
	#footer-menu ul { text-align:center;}
	#footer-menu ul li { float:none; padding:0px 5px; }

	}


/**For Screens Equal to 320px and Less than 480px ***/
@media only screen and ( max-width: 479px ) {
		#mobile-menu ul { width:300px; } 
	}