/*######################################################## GENERAL */

body{}
a{color:#00A3D9;}
input{padding:4px;}
textarea{padding:4px;}

/**************** MISC */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.width-global{width:960px;margin:auto;}
.background-water{background:url(../images/background-water.png) center bottom repeat-x;padding-bottom:120px;border-bottom:1px solid #fff;}

/*######################################################## HEADER */

header#header .header{position:relative;}
header#header h1#blog-title{position:fixed;z-index:999;}
header#header h1#blog-title a{display:block;width:100px;height:137px;background:url(../images/logo-nmz.png?v2) no-repeat;text-indent:-9999px;margin-top:10px;}

/**************** SOCIAL WEB */

header#header .social-web{position:fixed;z-index:999;top:180px;text-transform:uppercase;font-size:11px;}
header#header .social-web img{margin-top:10px;margin-right:2px;}
header#header .social-web a img{text-decoration:none;border:0;}

/**************** HUBUNGI */

#hubungi-header{position:fixed;z-index:999;top:290px;margin-left:-23px;}
#hubungi-header a.link{color:#FFF;font-weight:700;background:#99CB00 url(../images/background-button-green.jpg) bottom repeat-x;border:1px solid #7EA800;border-radius:2px;display:block;text-decoration:none;padding:7px;}
#hubungi-header a:hover.link{color:rgba(255,255,255,0.8);}

/**************** TRANSLATE */

.translate{margin-top:20px;text-align:center;}
.translate ul{margin-left:-25px;}
.translate ul li{display:inline-block;margin:0;padding:0;margin-right:5px;}

/**************** IMAGE HEADER BACKGROUND */

img#background-header{position:fixed;z-index:998;margin-left:-35px;top:-80px;}

/*######################################################## NAVIGATION */

nav#main-navigation{border-top:3px solid #3AB54A;}
nav#main-navigation ul{overflow:hidden;background:url(../images/background-grey-shade.png) repeat-x;padding:10px 20px;padding-left:0;border:1px solid #ddd;border-bottom:1px solid #fff;border-top:0;box-shadow:0 4px 2px -2px #ccc;width:768px;}
nav#main-navigation ul li{float:left;margin:0;margin-left:22px;}
nav#main-navigation ul li a{text-transform:uppercase;font-size:16px;font-weight:bold;font-family:'Oswald',sans-serif;font-weight:normal;text-decoration:none;}
nav#main-navigation ul li a:hover{color:#333;}

/*######################################################## BREADCRUMB */

#breadcrumb{margin-bottom:15px;font-size:11px;text-transform:uppercase;}
#breadcrumb a{text-decoration:none;}
#breadcrumb a:hover{color:#333;}

/*######################################################## HOMEPAGE */

#homepage{min-height:300px;}
#homepage .homepage{margin-top:10px;}

/**************** SLIDESHOW */

#slideshow{height:302px;width:792px;margin:0 auto 20px;position:relative;display:block;}
#slideshow img{border:1px solid #ddd;}
#slideshow #slide div{height:302px;width:792px;display:block;}

/* PAGER */

.bx-controls-direction{}
.bx-controls-direction a{position:absolute;top:140px;z-index:9999;width:48px;height:48px;display:block;text-indent:-9999px;}
.bx-controls-direction a.bx-prev{background:url(../images/image-arrow-3-left.png) no-repeat;left:-37px;}
.bx-controls-direction a.bx-next{background:url(../images/image-arrow-3-right.png) no-repeat;right:-37px;}

/**************** BOX HOMEPAGE */

.box-homepage{background:#EFF0E0;padding:15px;width:350px;border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 2px -2px #ccc;}
.box-homepage h2{text-transform:uppercase;font-weight:bold;color:#3AB54A;}
.box-homepage img{margin-bottom:15px;}
.box-homepage .link{margin-top:10px;}
.box-homepage .link a{font-weight:bold;}
.box-homepage .link a:hover{text-decoration:none;}

/*######################################################## PAGE */

#page-wrapper{width:790px;margin-top:10px;min-height:250px;}
article h1.title{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px;}
article h1.title a{color:#3AB54A;text-decoration:none;text-transform:uppercase;font-weight:bold;}
article h1.title a:hover{color:#333;}

/**************** CONTACT FORM 7 */

div.wpcf7{margin-top:20px;}

/*######################################################## THE CONTENT */

.the-content{background:#fff;}
.the-content h2{text-transform:uppercase;font-weight:bold;font-size:16px;letter-spacing:0.5px;}

/**************** TABLE */

.the-content table {border-collapse:collapse;width:100%;margin-bottom:20px;background:#fff;box-shadow:0 2px 2px -2px #999;}
.the-content table td{border:1px solid #DDD;padding:7px;}
.the-content table.first-td td:first-child{background:#eee;font-weight:bold;}
.the-content table thead tr th{background-color:#eee;border:1px solid #DDD;padding:7px;font-weight:bold;}
.the-content table thead tr td{background-color:#eee;border:1px solid #DDD;padding:7px;font-weight:bold;}
.the-content table thead td a,
.the-content thead td{text-decoration:none;color:#222;font-weight:700;}

/**************** LISTING */

.the-content ul{margin-bottom:20px;}
.the-content ul li{list-style:square;}
.the-content ol{margin-bottom:20px;}
.the-content ol li{list-style:decimal;}

/*######################################################## FOOTER */

footer#footer{padding:20px 0;background:url(../images/background-grey-shade.png) left 1px repeat-x;border-top:3px solid #3AB54A;}
footer#footer #footer-logo{margin-bottom:30px;}
footer#footer #footer-logo img{margin-right:40px;float:left;}
.margin-top-fix{margin-top:8px;}
footer#footer #footer-logo .title{margin-right:30px;text-transform:uppercase;font-weight:bold;font-size:11px;margin-top:10px;}
footer#footer .copyright a:hover{color:#333;}