/* CSS Document */

/*-------------------------------------------------

GLOBALS & GENERAL CASES

-------------------------------------------------*/

* {margin:0;padding:0;}

body {background:#104f94;font-family: 'Trebuchet MS', serif;font-size:12px;color:#000;}



h1{font-family: 'Oswald', sans-serif; font-size:24px; text-transform: uppercase; font-weight:normal; color:#fff;}

h2{font-family: 'Oswald', sans-serif; font-size:20px; text-transform: uppercase; font-weight:normal;}

h3{font-family: 'Oswald', sans-serif; font-size:14px; text-transform: uppercase; font-weight:normal;}

h4{ color:#ffc01d; font-size:15px; font-weight:normal; font-family: 'Trebuchet MS', serif;} 

h6{ color:#ffc01d; font-size:14px; font-weight:normal;}



p{ font-size:14px;}

a{ color:#fff; text-decoration:none;}

a:hover{ color:#ffc01d;}

.clear{clear:both;}

.title{ margin-bottom:30px;}

.title h1{ color:#ffc01d;}

.title h2{ color:#fff;}

/*-------------------------------------------------

body sytles start

-------------------------------------------------*/

.border-bottom{border-bottom:none!important;}

.marRight30{margin-right:30px;}

.button a{ font-family: 'Oswald', sans-serif; font-size:14px; text-transform: uppercase; text-decoration:none; color:#104f94;}

.button a:hover{ color:#fff;}





/*.wrapper{ width:960px; margin:0 auto;}*/



.wrapper{ margin:0 auto;

  padding-left:190px;}

.page-wrapper{

	/*width:960px;*/

	margin:0 auto; margin-top:10px;}

.wrapper2{ width:960px; margin-bottom:60px; overflow:hidden;}

/*-------------------------------------------------

PANEL  

-------------------------------------------------*/

.services{ width:300px; float:left;}

.services .ititle h1{ color:#ffc01d; margin-bottom:30px;}

.services img{ margin-bottom:30px;}

.services .content p{ color:#85aedb; font-size:14px;}

.services .content .button{ background:url(../images/button2.png) no-repeat; width:80px; height:30px; text-align:center; line-height:30px; margin-top:30px; margin-bottom:70px;}



/*-------------------------------------------------

HEADESECTION 

-------------------------------------------------*/

/*.header-wrapper{ background:#104f94;}*/

.header-wrapper{ background:#08275c;}

.logo{float:left; width:1040px; height:85px; margin-left:-200px; padding-top:0px; text-align:center; background:url(../images/header.jpg) no-repeat center;}

.logo h1{ color:#ffffff; font-size:35px;font-weight:normal;}

.logo span{ color:#ffffff; font-size:14px;}



/*.menu{ float:right; padding-top:38px;}

.menu ul li{list-style:none; margin-right:20px;}

.menu ul li a{ color:#ffffff; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:15px; text-transform: uppercase;}

.menu ul li a:hover{ color:#104f94;}

.menu ul li a.active{ color:#104f94;}*/



/*-------------------------------------------------

BANNER SECTION 

-------------------------------------------------*/

.banner-wrapper{background:#fff; overflow:hidden;}

.banner{width:960px; margin:0 auto; padding-top:60px; overflow:hidden;}

.banner img{float:right; margin-top:30px;}

.banner .content{ float:left; overflow:hidden;}

.banner .content{overflow:hidden; }

.banner .content .title{ float:left;}

.banner .content .title h1{ font-size:95px; color:#104f94; font-weight:normal; margin-top:75px;}

.banner .content .title span{ color:#ffffff; font-size:32px;}

.banner .content .button{ background:url(../images/button.png) no-repeat; width:170px; height:50px; text-align:center; line-height:50px; margin-top:50px; margin-bottom:116px;}

.banner .content .button:hover{ background:url(../images/button-hover.png) no-repeat; width:170px; height:50px; text-align:center; line-height:50px; margin-top:50px; margin-bottom:116px;}

.banner .content .button a{font-family: 'Oswald', sans-serif; font-size:20px; text-transform: uppercase; text-decoration:none; color:#ffc01d;}

.banner .content .button a:hover{ color:#104f94;}



/*-------------------------------------------------

PAGE CONTENT SECTION 

-------------------------------------------------*/



.page-content{background:#FC0; overflow:hidden;}

.page{width:960px; margin:0 auto; margin-top:12px;}

.panel{ width:100%; padding-bottom:30px;}

.panel .title{ margin-bottom:3px;}

.panel .title h1{ color:#000; text-transform:uppercase;}

.panel .title h2{ color:#000; font-size:16px;}

.panel .content p{ color:#9ac5f5; padding-bottom:0px;}





/*-------------------------------------------------

SERIVES SECTION 

-------------------------------------------------*/

.serivces{width:960px; margin:0 auto; margin-top:130px;}

.serivces .panel{ float:left;}





/*-------------------------------------------------

BOX SECTION 

-------------------------------------------------*/

.box{ width:280px; overflow:hidden; float:left; padding:45px 20px 45px 20px;}

.box .icon{float:left; margin-right:20px;}

.box .content{ float:left;}

.box .content h2{color:#ffffff;}

.bg-color1{ background:#0a4689;}

.bg-color2{ background:#064388;}

.bg-color3{ background:#043e7f;}



/*-------------------------------------------------

PORTFOLIO CLASSES

-------------------------------------------------*/

.portfolio-content{ width:960px; margin:0 auto;overflow:hidden; }

.portfolio-categ{text-align:left; margin:0px 0px 30px 0px; font-size:17px; font-weight:normal;  background:url(../images/portfolio-categbg.png) no-repeat; line-height:50px; padding-left:20px; width:600px; color:#0a4689;font-family: 'Oswald', sans-serif;}

.portfolio-categ li{display:inline;margin-right:10px;}

.image-block{ display:block;position: relative;}

.image-block img{border: 1px solid #d5d5d5; background:#104c8f; padding:5px; border:none;}

.image-block img:hover{}

.portfolio-area li{float: left;overflow: hidden;width:200px; padding:5px; margin-right:30px;}

.home-portfolio-text{margin-top:10px;}

li.active a{ text-decoration:none; color:#0a4689;}



.portfolio-categ a{ text-decoration:none; color:#104f94;}

.portfolio-categ a:hover{ text-decoration:none; color:#fff;}



/*-------------------------------------------------

CONTACT FORM CLASSS

-------------------------------------------------*/



.contact-form {padding:30px 30px 30px 0px; width:530px; float:left;}

.contact-form label {display: block; padding:10px 0 10px 0;}

.contact-form label span {display: block; color:#fff;font-size:16px; font-family:'Oswald', sans-serif; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}

.contact-form .input_text {padding:10px 10px;width:400px;background:#043e7f;border:#1661b3 1px solid; color:#fff;  outline:none; font-family: 'Trebuchet MS', serif;}

.contact-form .message{padding:10px 10px;width:400px; background:#043e7f; border:#1661b3 1px solid;overflow:hidden;height:150px; color:#fff; font-family: 'Trebuchet MS', serif; font-size:14px; outline:none;}

.contact-form .button{background: url(../images/submit-btn.png) no-repeat; color:#ffffff; text-transform:uppercase; font-family:'Oswald', sans-serif;border: none; margin-left:100px; margin-top:20px; width:100px; height:40px; color:#043e7f;}



.address { float:left; width:370px; margin-left:30px;}

.address .panel { border:none; color:#fff}

.address .panel .title h1 {  color:#fff; padding-bottom:10px;}

.address .panel .content p span { color:#fff;}

.address .panel .content p a{ text-decoration:none; color:#ffc01d;}

.address .panel .content p a:hover{color:#fff;}



/*-------------------------------------------------

FOOTER SECTION 

-------------------------------------------------*/

/*.footer-wrapper{background:#043e7f; overflow:hidden; padding-bottom:20px;}*/

/*.footer-wrapper{background:#043e7f; overflow:hidden; padding-bottom:20px;}

.footer{ width:528px; margin:0 auto; overflow:hidden; margin-top:0px;}

.footer .panel{ float:left; width:248px;}

.footer .panel .title h1{ margin-bottom:30px;}

.footer .panel .contnet{margin-top:20px;}

.footer .panel .contnet ul li{list-style:none;  border-bottom:#104f94 solid 1px;}

.footer .panel .contnet ul li a{ color:#85aedb; text-decoration:none; line-height:40px; font-size:14px;}

.footer .panel .contnet ul li a:hover{color:#ffc01d;}



.footer .panel .contnet img{ float:left; margin-right:20px;}

.footer .panel .contnet spna{ text-decoration:underline; color:#ffc01d;}

.footer .panel .contnet p{ color:#85aedb; font-size:14px; padding-top:6px;}

.phone{ margin-top:20px; padding-bottom:30px; margin-bottom:30px; border-bottom:#104f94 solid 1px;}

.phone img{ float:left; margin-right:10px;}

.phone h1{ color:#ffc01d;}

*/

#table-a

{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 11px;

width: 305px;

text-align: left;

border-collapse: collapse;

}

#table-a th

{ 

background:#66F;

  border-bottom:1px solid #08275C;

  border-top:4px solid #08275C;

  color:#FFFFFF;

  font-size:11px;

  font-weight:normal;

  padding:2px;

}

#table-a td

{ padding: 2px;

background: #e8edff;

border: 1px solid #66C;

color: #000;
font-size:12px;

/*border-top: 1px solid transparent;*/

}

#table-a tr:hover td

{ background: #d0dafd;

color: #339;

}



#table-det

{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 11px;

width: 100%;

text-align: left;

border-collapse: collapse;

}

#table-det th

{ 

background:#66F;

  border-bottom:1px solid #08275C;

  border-top:4px solid #08275C;

  color:#FFFFFF;

  font-size:11px;

  font-weight:normal;

  padding:2px;

}

#table-det td

{ padding: 2px;

background: #e8edff;

border: 1px solid #66C;

color: #000;

/*border-top: 1px solid transparent;*/

}

#table-det tr:hover td

{ background: #d0dafd;

color: #339;

}



/* TABLE KA*/

#table-ka

{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 11px;

width: 100%;

text-align: left;

border-collapse: collapse;

}

#table-ka th

{ 

background:#66F;

  border-bottom:1px solid #08275C;

  border-top:4px solid #08275C;

  color:#FFFFFF;

  font-size:11px;

  font-weight:normal;

  padding:2px;

}

#table-ka td

{ padding: 2px;

background: #e8edff;

border: 1px solid #66C;

color: #000;

/*border-top: 1px solid transparent;*/

}

#table-ka tr:hover td

{ background: #d0dafd;

color: #339;

}



/* TABLE formKA*/

#table-fka

{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 11px;

width: 60%;

text-align: left;

border-collapse: collapse;

}

#table-fka th

{ 

background:#fff;

  border-bottom:1px solid #08275C;

  border-top:4px solid #08275C;

  color:#FFFFFF;

  font-size:11px;

  font-weight:normal;

  padding:2px;

}

#table-fka td

{ padding: 2px;

background: #e8edff;

border: 0px solid #66C;

color: #000;

/*border-top: 1px solid transparent;*/

}

#table-fka tr:hover td

{ background: #d0dafd;

color: #339;

}





#table-detail

{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 11px;

width: 960px;

text-align: left;

border-collapse: collapse;

}

#table-detail th

{ font-size: 11px;

font-weight: normal;

padding: 2px;

background: #b9c9fe;

border-top: 4px solid #aabcfe;

border-bottom: 1px solid #00f;

color: #039;

}

#table-detail td

{ padding: 2px;

background: #e8edff;

border-bottom: 1px solid #000;

color: #000;

border-top: 1px solid transparent;

}

#table-detail tr:hover td

{ background: #d0dafd;

color: #339;

}

.map {

	   background-image: url("../images/das/aliransungaijakarta.jpg");

    background-repeat: no-repeat;

    border: 14px solid #003;

    height: 695px;

    margin-top: 41px;

	position:absolute;

    width: 1315px;

}



.mapbendung {

	   background-image: url("../images/gintung.jpg");

    background-repeat: no-repeat;

    border: 14px solid #003;

    height: 695px;

    margin-top: 0px;

	position:absolute;

    width: 1315px;

}



#left_side {

  margin-top: 0px;

  float: left;

  width: 420px;

  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;

}



#right_side {

  margin-top: 0px;

  float: right;

  width: 345px;

  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;

}



#left_side h3, #right_side h3 {

  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;

  padding:4px;

  font-family: verdana, arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  line-height: 14px;

  color: #FFFFFF;

  border:1px solid #0F3974;

  background-color: #2153AA;

}



.map {

	/*

   background-image:url(../images/petacitanduy.png);

    background-repeat: no-repeat;

    border: 14px solid #003;

    height: 695px;

    margin-top: 5px;

	/*position:absolute;*

    width: 1315px;*/

  background-image: url("../images/petacitanduy23.png");

background-repeat: no-repeat;

border: 0 solid #000033;

height: 670px;

margin-left: 29px;

margin-top: 40px;

padding-top: 0px;

width: 1298px;

}



#table-tma

{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 11px;

width: 100%;

text-align: left;

border-collapse: collapse;

}

#table-tma th

{ 

background:#66F;

  border-bottom:3px solid #08275C;

  border-top:4px solid #08275C;

  color:#FFFFFF;

  font-size:11px;

  font-weight:normal;

  padding:2px;

}

#table-tma td

{ padding: 2px;

background: #e8edff;

border: 1px solid #66C;

color: #000;

/*border-top: 1px solid transparent;*/

}

#table-tma tr:hover td

{ background: #d0dafd;

color: #339;

}