.wrapper { 
			width: 100%; 
			display:block; 
			text-align:center; 
		}
		.container { 
			width: 1000px; 
			display:inline-block; 
			/*min-height:500px;*/
			text-align:left; 
			
			max-width:1000px;
		}
		.headkiri {
			width:40%;
			float:left;
			text-align:left;
			font-size:10px;
			padding:25px;
			}
		.headkanan {
			width:40%;
			float:right;
			text-align:right;
			font-size:10px;
			padding:25px;
			}
		.clear { clear:both; text-align:center;}
		.headkanan a { 
			width:60px;
			display:inline-block;
			text-decoration:underline;
			cursor:pointer;
		}	
		.search {
			outline: none;
			border:none;
			border-bottom:1px solid #999 !important;
			text-align:center;
			text-transform:uppercase;
			width: 90px;
			font-size: 10px;
			}
		
		.arrow {margin-top:20px; display:block;}
		.arrleft {left:100px;}
		.arrright {right:100px;}
		
		.arrow:hover{ opacity: 0.5;} 
			
		.w-20 { width:19.2%; }
		.inline { display:inline-block; }
		.f11 { font-size:11px; }
		.f12 { font-size:12px; }
		.f13 { font-size:13px; }
		.f23 { font-size:23px; }
		.f45 { font-size:45px; }
		.f55 { font-size:55px; }
		.title { line-height:1.2em; max-width:800px; }
		.center { text-align:center;}	
		.wid400 { min-height:200px; }
		.breadcrumb { padding: 20px; font-size:10px; color:#333; }

		.t-underline{text-decoration: underline;}
		.mrgt-20{margin-top: 20px;}
		
		.footer {
			padding-top:30px;
			border-top:1px solid #cecece;
			margin-top:30px;
			padding-bottom:30px;
		}
		.footer a {
			text-decoration: underline;
		}
		.footer .link {
			padding-bottom: 20px;
			display: block;
				
		}
		
		.journaldet {
			display:block;
			margin-bottom:40px;
			margin-top:20px;
			}
		.frm-input {
			padding:5px 0px 3px 0px;
			text-align:center;
			color: #808080;
			border: 1px solid #808080;	
			width:100%;
			display:block;
			margin-top:13px;
			outline: none;
			}
		.frm-submit {
			color: #000;
			background:#fff;
			border:1px solid #000;
			width:100%;	
			display:block;
			margin-top:10px;
			padding:5px 0px 3px 0px;
			border-radius:0px; 
		}	
		
		.frm-submit:hover {
			background:#000;
			color:#fff;	
			border: 1px solid #000;
		}
		
		.valigntop { vertical-align:top; }
		
		
		@media screen and (max-height: 1000px) {
			.container { 
				width: 95% !important;
			}
		}
		
		
		a { color:#333333; text-decoration:none; }
		a:hover { color:#cecece; border-bottom:1px solid #999; }
				
				
		#boundary_box {
			height:30%; width:100%; 
			overflow:none; 
			
			position:absolute;
			top:0px;
			left:0px;  
		
		}
		
		#nav-trigger {
		  background: transparent;
		  position: fixed;
		  z-index: 99;
		  top: 0;
		  left: -100%;
		  min-width: 100%;
		  min-height: 100%;
		  -webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  transition: all 0.3s ease; }
		  #nav-trigger.open {
			left: 0%; }
		
		
		/* General styles for all menus */
		.cbp-spmenu {
		  background: #fff;
		  color: #000;
		  position: fixed;
		  top: 0px !important;
		  z-index: 999999; 
		  overflow:scroll;
		  }
		  .cbp-spmenu a {
			display: block;
			color: #000;
			font-size: 0.5em;
			line-height: 0.5em;
			text-transform:uppercase;
			font-weight: normal;
			margin: 0 !important;
			padding: 8px 0 8px 0px !important; }
			.cbp-spmenu a:hover, .cbp-spmenu a:active {
			  background: #fff; border:none; }
		  .cbp-spmenu form {
			text-align: center;
			font-size: 1em; }
			.cbp-spmenu form input[type="search"] {
			  border: none;
			  border-radius: 16px;
			  padding: 4px 8px;
			  margin: 18px auto 0;
			  min-width: 70%; 
			  }
			  .cbp-spmenu form input[type="search"]:focus {
				outline: none; }
		
		.cbp-spmenu-vertical {
		  width: 270px;
		  height: 100%;
		  top: 0;
		  z-index: 999999; }
		  .cbp-spmenu-vertical a {
			padding: 1em; }
		
		/* Vertical menu that slides from the left or right */
		.cbp-spmenu-left {
		  left: -270px; }
		  .cbp-spmenu-left.cbp-spmenu-open {
			left: 0px; }
		
		.cbp-spmenu-right {
		  right: -270px; }
		  .cbp-spmenu-right.cbp-spmenu-open {
			right: 0px; }
		
		/* Transitions */
		.cbp-spmenu,
		.cbp-spmenu-push {
		  -webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  transition: all 0.3s ease; }
		
		/* Example media queries */
		@media screen and (max-width: 55.1875em) {
		  .cbp-spmenu-horizontal {
			font-size: 75%;
			height: 110px; } }
		@media screen and (max-height: 26.375em) {
		  .cbp-spmenu-vertical {
			font-size: 90%;
			width: 190px; }
		
		  .cbp-spmenu-left,
		  .cbp-spmenu-push-toleft {
			left: -190px; }
		
		  .cbp-spmenu-right {
			right: -190px; }
		
		  .cbp-spmenu-push-toright {
			left: 190px; } }
			
			
		/* Bullet Navigator Skin Begin */
       
            /* jssor slider bullet navigator skin 03 css */
            /*
            .jssorb03 div           (normal)
            .jssorb03 div:hover     (normal mouseover)
            .jssorb03 .av           (active)
            .jssorb03 .av:hover     (active mouseover)
            .jssorb03 .dn           (mousedown)
            */
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
            {
                background: url(../images/b14.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px; }
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }