@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */



@media screen and (max-width: 1024px){
  	#frame{ width:98%; margin:0 auto;}
	#content-inner{ width:90%; padding:2%;}
	#header-right{width:35%; float:right; padding-top:2%; text-align:center;}
	
	
	nav ul li a:link, nav ul li a:active, nav ul li a:visited { padding: 15px 35px; }
	
	}

@media screen and (max-width: 980px){
	
#header-right{width:38%; float:right; padding-top:2%; text-align:cen
	
	}
	
	
@media screen and (max-width: 800px){
	
	#logo{ width:100%; float:none; text-align:center;}
  	#header-right{width:100%; float:none; text-align:center; padding-bottom:20px;}
	
	
	#frame50{ width:100%; float:none; margin-bottom:30px;}
	
}
	
@media screen and (max-width: 768px){
	
	}

@media screen and (max-width: 640px){
	
  #menu {width:150px; height:40px; display: block; background:url(../images/menu-icon.png) no-repeat; cursor: pointer; }
	nav { margin:0 auto; width:90%; }
	nav ul li a:link, nav ul li a:active, nav ul li a:visited { padding: 15px; font-size:16px; }
	nav.js {display: none;}
	nav ul {width:100%; background:#005390;}
	nav li {width:100%;}
	nav ul ul{ position: relative;}
	nav ul ul ul{ position:static;}
	
	
	.imgright{ float:none; margin-left:0; margin-bottom:20px; }
	
	#footer-contact{ width:100%; float:none; text-align:center; color:#FFF;}
	#footer-copyright{ width:100%; float:none; text-align:center; margin-top:20px;}
	}

@media screen and (max-width: 480px){
	
	#frame50{ width:90%; float:none; margin:0 auto; margin-bottom:20px;}
	
	
	}

@media screen and (max-width: 360px){
	
	
	}
	
@media screen and (max-width: 320px){
	
	
	}
	



@media screen and (min-width: 641px) {
#menu {
display: none;
}
}

@media screen and (max-width: 360px)
{
#frame50 > table {
  width: 100% !important;
}
}

@media screen and (min-width: 640px) and (max-width: 780px)
{
.js a {
  padding: 15px 20px !important;
}
}