@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #000 url(../images/idp/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; font: normal 11px Tahoma, Helvetica, sans-serif; color:#f3f4f4;}
 input, textarea
	{
		font-family: Tahoma, Helvetica, sans-serif;
		font-size:1.1em;
		line-height:1.5em;
		color:#242424;
                border:1px solid #cfcfcf;
                background:#ffffff;
                padding:4px;
	}

input, select { vertical-align:middle; font-weight:normal;}
ul { font: 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; margin:5px 15px; padding:0;}
/********** header **********/
.header {  padding:0; margin:0 auto; width:980px;}
.block_header {margin:0 auto; padding:0; width:958px;background:url(../images/idp/logo.jpg) no-repeat;}
/*logo*/
.logo { float:left; padding:0; margin:0; width:300px;}
/* menu */	
.menu {padding:0; margin:0px; width:958px;}
.menu ul { padding:0;padding-top:35px; margin:0; list-style:none; border:0;}
.menu ul li { text-align:center; float:right; margin:0; padding:0 3px;}
.menu ul li a { float:left; text-align:center; padding:20px 0; margin:0; color:#fff; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none;}
.menu ul li a span { padding:17px 5px; margin-top:7px; background:none;}
.menu ul li a:hover {  color:#fff; background:url(../images/idp/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#fff; background:url(../images/idp/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#fff; background:url(../images/idp/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#fff; background:url(../images/idp/l_menu.gif) no-repeat left;}
/* header_text */
.header_text2 { height:310px; margin:0 auto; padding:0; width:958px; background:#fff; height:200px; border-bottom:1px solid #d1d1d1;}
.header_text2 h2 { width:200px; float:left; font: normal 34px Tahoma, Helvetica, sans-serif; color:#0287be; margin:0; padding:40px 0 0 30px;}
.header_text2 p{ width:670px; float:right; font: normal 13px Tahoma, Helvetica, sans-serif; color:#666; margin:0; padding:45px 20px 0 0;}
.header_text { height:310px; margin:0 auto; padding:0; width:958px; background:#fff;}
.header_text p { font:normal 13px  Tahoma, Helvetica, sans-serif; color:#000; padding:10px 0 0 45px; margin:0; line-height:1.8em;}
.header_text li {list-style:none;}
/*top_header*/
.top_header { height:185px; width:958px; background:url(../images/idp/header_bottom_bg.gif) top repeat-x; margin:0 auto; padding:0;}
.top_header h2 { font: normal 16px Tahoma, Helvetica, sans-serif; color:#f3f4f4; padding:5px 5px; margin:0; font-weight: bold;}
.top_header p { font: normal 11px Tahoma, Helvetica, sans-serif; color:#f3f4f4; margin:3px 0; padding:3px 3px;}
.top_header a { color:#fff; text-decoration:none; float:left;}
.top_header a:hover { color:#0385bb; text-decoration:none; float:left;}
.top_header .bloga { width:275px; float:left; margin:8px 8px; padding:5px 5px;}
.top_header .bloga2 { width:315px; border-left:1px solid #3b738f; border-right:1px solid #3b738f; float:left; margin:8px 5px; padding:5px 5px;}
.top_header .bloga3 { width:285px; float:left; margin:8px 5px; padding:5px 3px;}
/*map_header*/
.map_header { height:18px; width:100%; margin:0; padding-bottom:7px; padding-top:7px; background-color:#fff; border-bottom: solid 2px #EEEEEE }
.map_header span { font: normal 12px Tahoma, Helvetica, sans-serif; color:#2c2c2c; padding:7px 5px; margin-left:15px; line-height:1.8em; }

/* body*/
.body { width:958px; margin:0 auto; padding:0px; padding-bottom:20px;background-color:#fff; }
.body h2 { font: normal 23px Tahoma, Helvetica, sans-serif; color:#3e4f59; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #dfdfdf;}
.body h3 {font: bold 16px Tahoma, Helvetica, sans-serif; color:#3e4f59; padding:7px; margin:0;}
.body p { font: normal 11px Tahoma, Helvetica, sans-serif; color:#2c2c2c; padding:3px 5px; margin:0; line-height:1.6em;}
.tanggal { font: bold 11px Tahoma, Helvetica, sans-serif; font-style: italic; color:#666666; padding:2px 5px; margin-top:7px;}
.body a { font: bold 11px Tahoma, Helvetica, sans-serif; color:#3f91b4; text-decoration:none;}
.body a:hover { font: bold 11px Tahoma, Helvetica, sans-serif; color:#3f91b4; text-decoration:underline;}
.body em { font: normal 11px Tahoma, Helvetica, sans-serif; line-height:1.8em;}
.body img.floated { float:left; margin:10px 5px; padding:0;}
.body .full { width:100%; float:left; margin:7px 10px; padding:7px;background:#E1F7EC;}
.body .left1 { width:299px; float:left; margin:5px 7px; padding:7px;}
.body .left1 .div { font: normal 11px Tahoma, Helvetica, sans-serif; color:#f3f4f4;}
.body .left1 h2 { font: normal 18px Tahoma, Helvetica, sans-serif; color:#2c2c2c; padding:7px; margin:0;}
.body .right1 { width:530px; float:left; padding:10px 10px 20px 40px; !important; padding:10px 10px 20px 40px; margin:0;}
.body .right1 .testimoni { width:530px; float:left; margin:7px 0px !important; margin:10px 0px 10px 0px; padding:0;}
.body .right1 .testimoni p { width:475px; float:left; padding:5px 10px 5px 50px !important; padding:5px 10px 5px 50px; margin:0; line-height:1.6em;}
.body .right1 .testimoni div { width:475px; font: normal 11px Tahoma, Helvetica, sans-serif; font-style: italic; color:#2c2c2c; float:left; padding:5px 10px 5px 50px !important; padding:5px 10px 5px 50px; margin:0; line-height:1.6em;}
.body .right1 .testimoni .name_off { font: bold 12px Tahoma, Helvetica, sans-serif; font-weight: bold; color:#000; padding:2px 0px 0px 50px; margin:0px;}
.body .right1 .testimoni .off { font: bold 11px Tahoma, Helvetica, sans-serif; font-style: italic; color:#666666; padding:0px 0px 10px 50px; margin:0px;}
.body .left2 .testimoni { width:530px; float:left; margin:7px 0px !important; margin:10px 0px 10px 0px; padding:0;}
.body .left2 .testimoni p { width:475px; float:left; padding:5px 10px 5px 50px !important; padding:5px 10px 5px 50px; margin:0; line-height:1.6em;}
.body .left2 .testimoni div { width:475px; font: normal 11px Tahoma, Helvetica, sans-serif; font-style: italic; color:#2c2c2c; float:left; padding:5px 10px 5px 50px !important; padding:5px 10px 5px 50px; margin:0; line-height:1.6em;}
.body .left2 .testimoni .name_off { font: bold 12px Tahoma, Helvetica, sans-serif; font-weight: bold; color:#000; padding:2px 0px 0px 50px; margin:0px;}
.body .left2 .testimoni .off { font: bold 11px Tahoma, Helvetica, sans-serif; font-style: italic; color:#666666; padding:0px 0px 10px 50px; margin:0px;}
.body .bgg {background-color:#fff; padding:0; margin:0; width:958px;}
.body .bgg1 {background:url(../images/idp/bg_body1.gif) top repeat-y; padding:0; margin:0; width:958px;}
.body .bgg2 {background:url(../images/idp/body2_bg.gif) left top repeat-y; padding:0; margin:0; width:958px; }
.body .left2 { width:550px; float:left; padding:10px 35px 20px 20px !important; padding:10px 35px 20px 20px; margin:0;}
.body .left2 div { width:520px; font: normal 11px Tahoma, Helvetica, sans-serif; color:#2c2c2c; padding:0; margin:0; line-height:1.8em;}
.body .left2 table { font: normal 11px Tahoma, Helvetica, sans-serif; color:#2c2c2c; padding:0; margin:0; line-height:1.8em;}
.body .left2 .portfolio { width:150px; float:left; margin:10px 10px; padding:0;}
.body .left2 .portfolio a { text-decoration:none; font: bold 11px Tahoma, Geneva, sans-serif; color:#4a4a4a; padding:3px 5px; margin:2px 3px; background:#d9d9d9; border-left:1px solid #e2e2e2; border-top:1px solid #d1d1d1;}
.body .left2 .portfolio a:hover { color:#529cbb;}
.body .right2 { width:300px;float:left; padding:5px 7px 5px 35px; margin:5px 0;}
.body ul { font: normal 11px Tahoma, Helvetica, sans-serif; color:#2c2c2c; margin:0 30px; padding:0; list-style:disc;}
.body li {  font: normal 11px Tahoma, Helvetica, sans-serif; color:#2c2c2c; margin:3px 2px; padding:0;line-height:1.3em;}
.body .right2 img { float:left;}
.body .right2 a { font: normal 11px Tahoma, Geneva, sans-serif; color:#3f91b4; text-decoration:none;}
.body .right2 a:hover {  font: normal 11px Tahoma, Geneva, sans-serif;color:#3f91b4; text-decoration:underline;}
.body .right2 h2 { font: normal 18px Tahoma, Helvetica, sans-serif; color:#2c2c2c; padding:7px; margin:0;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#2e2e2e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:80px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span {  font:normal 10px Tahoma, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #c5c5c5; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #c5c5c5; margin:10px 0; padding:2px; background:#fff; height:300px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 80px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px Tahoma, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/* box_block */
.box { width:300px; margin:0 5px 15px 0; float:left; background:url(../images/idp/box_bg.gif) repeat-y;}
.box .box_b { background:url(../images/idp/box_b.gif) no-repeat bottom; padding:0 5px 10px 5px;}
.box h2 { margin:0; padding:11px 0 11px 20px; color:#616161; font:normal 18px Tahoma, Helvetica, sans-serif;}
.box p { padding:5px; margin:0; font:normal 10px Tahoma, Helvetica, sans-serif; color:#5f5f5f; line-height:1.3em;}
.box a { font:normal 10px Tahoma, Helvetica, sans-serif; color:#3f91b4; line-height:1.3em;}
.box a:hover {font:normal 10px  Tahoma, Helvetica, sans-serif;  text-decoration:underline; line-height:1.3em;}

/********** footer **********/
.footer {  text-align:center;margin:0 auto;padding:0;background: url(../images/idp/foote_bg.gif) top no-repeat;}
.footer_resize {  text-align:center;width:940px; margin:0 auto; padding:7px 0 0 0;}
.footer img { margin:5px 5px; padding:0;}
.footer p { clear:both;margin:0; padding:5px 20px; color:#9eaebd; font:normal 11px  Tahoma, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#3895d5; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.3em;}
.footer a:hover {font:normal 11px  Tahoma, Geneva, sans-serif;  text-decoration:underline;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #cecece; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px dashed #c7c7c7; padding:0; margin:7px 0; background:none;}

.gallery {height:310px; width:958px;margin:0; }
#slider { margin:0; padding:0; list-style:none; width:100%; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }


#gallery a {display: block; float: left; padding:7px;}
#gallery a img {border:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:958px; height:312px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:32px; height:32px; position:absolute; left: 20px !important; left:-20px ; top:-150px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:32px; height:32px; position:absolute; left: 920px !important; left:875px; top:-150px }
#prevBtn a { display:block; width:32px; height:32px; background:url(../images/idp/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:32px; height:32px; background:url(../images/idp/r_arrow.png) no-repeat 0 0; }

/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */

.body .full2 { width:925px; float:left; margin:10px 10px 20px 25px; padding-bottom:10px; padding-top:10px;}
.body .full2 .left { width:48%; float:left;border-right:solid 1px #d4d4d4}
.body .full2 .right { width:50%; float:left;}
.body .full2 .bg2 { clear:both; border-top:1px dashed #c7c7c7; padding:0; margin:7px 0; background:none;}
#galleria{height:600px; width:700px; margin:0 auto;}
.galleria-container {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: solid 5px #DFE3EB;
    margin-top:10px;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 15px;
    right: 10px;
    overflow:hidden;
}
.galleria-thumbnails-container {
    height: 40px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
    background:#DFE3EB;
    padding:7px;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 50px;
    background: #fff;
    margin: 0 5px 0 5px;
    border: 1px solid #fff;
    float: left;
    cursor: pointer;
}
.galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #000;
    font: normal 11px/1 arial,sans-serif;

}
.galleria-loader {
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(../images/galleria/classic-loader.gif) no-repeat 2px 2px;
}
.galleria-info {
    width: 100%;
    margin:0 auto;
    margin-top:15px;
    text-align:center;
    font-family: Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}
.galleria-info-text {
    background-color: #fff;
	color:#fff;
    padding: 5px;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #000;
    margin-bottom: 15px;
	color:#fff;
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=20);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=20);
}
.galleria-thumbnails-container .disabled:hover {
    opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(../images/galleria/classic-map2.png);
    background-repeat: no-repeat;
}