/*
  jQuery MegaMenu Plugin Examples CSS
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

html, body {
  height: 90%;
  text-align:left;
}


@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ebgaramond';
    src: url('fonts/ebgaramond-webfont.eot');
    src: url('fonts/ebgaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ebgaramond-webfont.woff') format('woff'),
         url('fonts/ebgaramond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


h2 {
	font-family: 'TrajanProRegular', Arial, Helvetica;
	font-size: 24pt;
	color: #ECFFD0;
	margin: 0px; /* padding: 20px 15px;*/
	font-weight: normal;
	text-shadow: 2px 2px 5px #000;
}



h1 {
	font-family: 'TrajanProRegular', Arial, Helvetica;
	font-size: 44pt;
	color: #E7FFD0;
	margin: 0px; /* padding: 20px 15px;*/
	font-weight: normal;
	line-height: 80%;
	text-shadow: 2px 2px 5px #000;
	/*margin-top:130px;*/
}

.sub-h1 {
	font-family: Arial Black, "Century Gothic", Verdana;
	font-size: 10pt;
	color: #009900;
	text-decoration: none;
  }
  
  
.sub-h1-2{
	font-family: 'TrajanProRegular', Arial, Helvetica;
	font-size: 24pt;
	color: #E7FFD0;
	text-decoration: none;
	border-left: 1px solid #fff;
	margin-left:10px;
	padding-left:10px;
  }


h3 {
	margin: 0px;
	font-size: 16pt;
	color: #fff;
	padding: 0px 0px 2px;
	font-family: Optima, "Trebuchet MS", Arial, Helvetica;
	font-style: normal;
	/*border-bottom: 1px solid #ecdfdf;
	margin-bottom: 5px;*/
}


h4 {
	font-family: 'TrajanProRegular', Arial, Helvetica;
	font-size: 24pt;
	color: #ECFFD0;
	margin: 0px; /* padding: 20px 15px;*/
	font-weight: normal;
	text-shadow: 2px 2px 5px #000;
}


.heading{
	font-family: Century Gothic;
	font-size: 14pt;
	color: #000;
	text-decoration: none;
	font-weight: bold;	
	
}


.headings2 {
	font-family: Century Gothic;
	font-size: 9pt;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;	/*padding-left:10px;*/
}


.heading3{
	font-family: "Century Gothic";
	font-size: 15pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}



.intro{
	font-family: Century Gothic;
	font-size: 13pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}


/* menu */	
.menuHome { padding:15px 20px 0 0; margin:0; width:200px; float:right;}
.menuHome ul { text-align: right; padding:0; margin:0; list-style:none; border:0; float:right;}
.menuHome ul li { float:left; margin:0; padding:0; border:0;}
.menuHome ul li a { border-right:1px solid #999; text-align:left; float:left; margin:0; padding:6px 5px; color:#0a4168; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menuHome ul li a.last { border:0;}
.menuHome ul li a span { font: normal 9px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.menuHome ul li a:hover {
	color:#3C9;
}
.menuHome ul li a:hover span {
	color:#090;
}
.menuHome ul li a.active {
	color:#05a3bd;
}
.menuHome ul li a.activeLast { color:#05a3bd; border:0;}
.menuHome ul li a.active span {
	color:#97C1A3;
}


/* details-menu */	
.details-menu { padding:0px 20px 0 0; margin:0; width:100%; float:right; border-bottom: 1px solid #ccc;}
.details-menu ul { text-align: right; padding:0; margin:0; list-style:none; border:0; float:right;}
.details-menu ul li { float:left; margin:0; padding:0; border:0;}
.details-menu ul li a {
	background: url(images/216326-60.png);
	border-right: 1px solid #999;
	text-align: left;
	float: left;
	margin: 0;
	padding: 10px 12px;
	color: #CCFF99;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.details-menu ul li a.last { border:0;}
.details-menu ul li a span { font: normal 9px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.details-menu ul li a:hover {
	color: #fff;
	background-color: #deedb1;
}
.details-menu ul li a:hover span {
	color:#090;
}
.details-menu ul li a.active {
	color: #FFFFFF;
}
.details-menu ul li a.activeLast {
	color: #FFFFFF;
	border: 0;
}
.details-menu ul li a.active span {
	color:#97C1A3;
}



.footer_block { 
  background: url(images/beach-back001.gif);
	background-repeat:repeat;
	behavior: url(iepngfix.htc);
	height:150px;
  width:100%;
  bottom:0px;
  position:fixed;
  }
  



.footer-back {
	 background: 
	 url(images/footer-bar001.png);
	 background-position:top center;
	  background-repeat:repeat-x;
	behavior: url(iepngfix.htc);
	position: fixed;
	bottom: 20px;
	VISIBILITY: visible;
	Z-INDEX: 2;
	height: 28px;
	right:0px;


}

.footer-gradients {
	position: fixed;
	bottom: 0px;
	VISIBILITY: visible;
	Z-INDEX: 1;
	height: 300px;
	right: 0px;
	width: 100%;
}


.footer-gradients-projects {
	position: fixed;
	bottom: 0px;
	VISIBILITY: visible;
	Z-INDEX: 1;
	height: 200px;
	right: 0px;
	width: 100%;
}

.footer-gradients-main {
	
	position: fixed;
	bottom: 0px;
	VISIBILITY: visible;
	Z-INDEX: 1;
	height: 400px;
	right:0px;
	width:100%;


}


.bottom_menu A:link, .bottom_menu A:visited, .bottom_menu A:active {
	color: #333333;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9px;
} 

.bottom_menu A:hover {
	color: #CF3;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
.bottom_menu {
	font-family: Verdana;
	font-size: 6pt;
	color: #006633;
	text-decoration: none;
	font-weight: normal;
}


.body-intro A:link, .body-intro A:visited, .body-intro A:active{
	font-family: 'ebgaramond', Garamond;
	font-size: 20pt;
	color: #CCFF00;
	text-decoration: none;
	font-weight: normal;
	line-height: 110%;
}


.body-intro A:hover{
	font-family: 'ebgaramond', Garamond;
	font-size: 20pt;
	color: #ff8000;
	text-decoration: none;
	font-weight: normal;
	line-height: 110%;
}


.body-intro{
	font-family: 'ebgaramond', Garamond;
	font-size: 20pt;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	line-height: 110%;
}

.body A:link, .body A:visited, .body A:active{
	color: #CCFF00;
	text-decoration: none;
	font-family: Century Gothic, Arial;
	font-size: 9pt;
	font-weight: normal;
} 

.body A:hover {color: #ff8000; text-decoration: none; font-family: Century Gothic, Arial; font-size: 9pt; font-weight: normal;}

.body {
	font-family: Century Gothic, Verdana;
	font-size: 9pt;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 5px #000;	
  }


.body2 A:link, .body2 A:visited, .body2 A:active{
	color: #CCFF00;
	text-decoration: none;
	font-family: Century Gothic, Arial;
	font-size: 11pt;
	font-weight: normal;
} 

.body2 A:hover {color: #ff8000; text-decoration: none; font-family: Century Gothic, Arial; font-size: 11pt; font-weight: normal;}

.body2 {
	font-family: Century Gothic, Verdana;
	font-size: 11pt;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 5px #000;	
  }


.body3 A:link, .body3 A:visited, .body3 A:active{
	color: #CCFF00;
	text-decoration: none;
	font-family: "Century Gothic", Arial;
	font-size: 9pt;
	font-weight: normal;
} 

.body3 A:hover {color: #ff8000; text-decoration: none; font-family: Century Gothic, Arial; font-size: 9pt; font-weight: normal;}

.body3 {
	font-family: Century Gothic, Verdana;
	font-size: 9pt;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 5px #000;	
  }
  
  
.body4 {
	font-family: Century Gothic, Verdana;
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

  
.body5 {
	font-family: Century Gothic, Verdana;
	font-size: 10pt;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}



.bodyText A:link, .bodyText A:visited, .bodyText A:active{
	color: #0A8ECC;
	text-decoration: none;
	font-family: "Century Gothic";
	font-size: 11pt;
	font-weight: normal;
} 

.bodyText A:hover {
	color: #43bace;
	text-decoration: none;
	font-family: "Century Gothic";
	font-size: 11pt;
	font-weight: bold;
}
.bodyText {
	font-family: "Century Gothic";
	font-size: 11pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;	/*padding-left:10px;*/
}

.bodyText-blue {
	font-family: "Century Gothic";
	font-size: 13pt;
	color: #0090ff;
	text-decoration: none;
	font-weight: bold;	/*padding-left:10px;*/
}




.trajan18 {
	font-family: 'TrajanProRegular', Arial, Helvetica;
	font-size: 18pt;
	color:#003;
	margin: 0px;
	line-height:100%; /* padding: 20px 15px;*/
}


.si_marginTop {margin-top:1em;}
.si_marginBottom {margin-bottom:5px;}
.si_marginLeft {margin-left:1em;}
.si_marginRight {
	margin-right:20px;
}

 
 
td.mainContentCell1 {
    background: url(images/main-content-orange-back001.png);
	behavior: url(iepngfix.htc);

}
 

 
 
td.contentCell1 {
    /*background: url(images/orange-back001.png);
	background: url(images/black70.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;*/
	
	padding: 30px 20px 60px 20px;

}


 
 
td.contentCell2 {
    /*background: url(images/orange-back001.png);*/
	background: url(images/white75.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat;
	
	padding: 30px 20px 60px 20px;

}
 


/* top_text */
.top_text { font: normal 11px Arial, Helvetica, sans-serif; color:#882238; padding:15px 15px 0 0; margin:0; width:300px; float:right;
text-align:right;}
.top_text a { color:#53d5ff; text-decoration:none;}

td.top_gradients {
	/*position:fixed;
	width:100%;
	height:120px;*/
	background: url(images/top-green001.png);
	background-repeat:repeat-x;
	
	behavior: url(iepngfix.htc);
	/*padding-left:15px;
	padding-bottom:15px;*/
}



td.top_menu_back {
	background: url(images/menu_images/menu-bar-back001.png);
	background-repeat:repeat;
	
	behavior: url(iepngfix.htc);
	/*padding-left:15px;
	padding-bottom:15px;*/
}



td.cell2 A:link, td.cell2 A:visited, td.cell2  A:active {
	
    font-family: Century Gothic;
	font-size: 8pt;
	color: #32b3dc;
	font-weight: bold;
	
}

td.cell2 A:hover {
	
    font-family: Century Gothic;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	
}

td.cell2 {
	background-color: #e1e1e1;
	/*filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;*/
    font-family: Century Gothic;
	font-size: 8pt;
	color: #333;
	font-weight: normal;
	padding: 5px 3px 5px 3px;	/*line-height:80%;*/
}

.copyright A:link, .copyright A:visited, .copyright A:active {color: #DAB280; text-decoration: none; font-family: Verdana; font-size: 7pt;} 

.copyright A:hover {color: #CC3300; text-decoration: none; font-family: Verdana; font-size: 7pt;}
.copyright {
	font-family: Verdana;
	color: #CCC;
	font-size: 7pt;
	text-decoration: none;
	font-weight: normal;
}

.logo {
	position:absolute;
	top:30px;
	VISIBILITY:visible;
	Z-INDEX:40;
	left:20px;
}


.welcome {
	padding-top: 10px;
}
.main-bar {
	padding-top: 3px;
}


.image1 {
	position:absolute;
	top:220;
	VISIBILITY:VISIBLE;
	Z-INDEX:-1;
}

.triangle {
	position:absolute;
	top:200;
	VISIBILITY:VISIBLE;
	Z-INDEX:40;
}

td.white30 A:link, td.white30 A:visited, td.white30  A:active {
	font-family: Century Gothic;
	font-size: 10pt;
	color: #8d5c38;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	
td.white30 A:hover {
	font-family: Century Gothic;
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	
	}



td.white30 {
	background-image:url(images/white30.png);
	background-repeat:repeat;
	padding: 5px 5px 15px 5px;
	font-family: Century Gothic;
	font-size: 10pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	

td.white50 {
	background-image:url(images/white50.png);
	background-repeat:repeat;
	padding: 5px 5px 5px 5px;
	font-family: Century Gothic;
	font-size: 12pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	

td.white80 {
	background-image:url(images/white80.png);
	background-repeat:repeat;
	padding: 40px 20px 60px 20px;
	font-family: Century Gothic;
	font-size: 12pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	
.dots {
	position:absolute;
	top:150px;
	VISIBILITY:visible;
	Z-INDEX:-1;
	left:0;
	/*float:left;
	top:150px;*/
}


	
.dots-main {
	position:absolute;
	top:150px;
	VISIBILITY:visible;
	Z-INDEX:1;
	left:0;
	/*float:left;
	top:150;*/
}



ul.bullet2 {
    list-style-image:url(images/bullet001.gif);
    font-family: Century Gothic;
	font-size: 11pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;
    padding-left: 20px;
}


	
.float-tright {
	
	float:right;
}




.connect-with-us {
	position: fixed;
	top: 80%;
	VISIBILITY: visible;
	Z-INDEX: 1;
	padding-left:15px;

	
}


.future-projects-main-table {
	position: fixed;
	bottom: 100px;
	VISIBILITY: visible;
	Z-INDEX: 10;
	right:20px;
	
}

.welcome {
  font-family: Century Gothic, Verdana;
  font-size: 50pt;
  color: #fff;
  font-weight: bold;
    line-height:70%;
	text-shadow: 2px 2px 10px #000;
}

.green {
	color:#090;
	
	
}

.table-content1 {
	width:100%;
}

.cell-content1 {
	width:40%;
	text-align:right;
	vertical-align:top;
	/*padding-right:20px;*/
	
}

.cell-content2 {
	width:60%;
	background: url(images/black70.png);
	background-repeat:repeat;
	
	padding: 20px 20px 50px 20px;
	
}

.left-menu-box {
	position:relative;
	width:300px;
	float:right;
	z-index:100;
	
}


td.left-menu-box-cell-top {
	text-align:left;
	font-family: 'TrajanProRegular', Garamond;
	font-size: 20pt;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	line-height: 100%;
	
}

td.left-menu-box-cell {
	background-repeat: repeat;
	padding: 20px 20px 20px 20px;
	text-align: left;
	background-image: url(images/216326-80.png);	
}


td.left-menu-box-cell-bottom {
	background: url(images/left-menu-box-bottom001.png);
	background-repeat:no-repeat;
	height:30px;
	background-position:right;
	
}


td.left-menu-box-cell2 {
	background-repeat: repeat;
	padding: 10px 20px 10px 10px;
	text-align: right;
	background-image: url(images/216326-80.png);	
}



.project-menu A:link, .project-menu A:visited, .project-menu A:active{
	color: #CCFF99;
	text-decoration: none;
	font-family: Century Gothic, Arial;
	font-size: 10pt;
	font-weight: normal;
} 

.project-menu A:hover {color: #ff8000; text-decoration: none; font-family: Century Gothic, Arial; font-size: 10pt; font-weight: normal;}

.project-menu {
	font-family: Century Gothic, Verdana;
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 5px #000;	
  }
  
  
.cell-projects-small-img1 {
	width:450px;
	height:200px;
	
}
  
.cell-projects-small-img2 {
	background: url(images/black50.png);
	background-repeat:repeat;
	height:200px;
	
}
	

/* project-thumb-menu */	
.project-thumb-menu { padding:0px 0px 0 0; margin:0; float:right; border-bottom: 1px solid #ccc;}
.project-thumb-menu ul { text-align: right; padding:0; margin:0; list-style:none; border:0; float:right;}
.project-thumb-menu ul li { float:left; margin:0; padding:0; border:0;}
.project-thumb-menu ul li a {
	background: url(images/216326-60.png);
	border-right: 1px solid #999;
	width:180px;
	height:220px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 10px 10px 10px 10px;
	color: #CCFF99;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.project-thumb-menu ul li a.last { border:0;}
.project-thumb-menu ul li a span { font: normal 9px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.project-thumb-menu ul li a:hover {
	color: #fff;
	background-color: #deedb1;
	
	
-webkit-transform: perspective(500px) rotate(20deg) rotateX(20deg) rotateY(-50deg) rotateZ(0deg) scale3d(2, 2, 1);
-moz-transform: perspective(500px) rotate(20deg) rotateX(20deg) rotateY(-50deg) rotateZ(0deg) scale3d(2, 2, 1);
-o-transform: perspective(500px) rotate(20deg) rotateX(20deg) rotateY(-50deg) rotateZ(0deg) scale3d(2, 2, 1);
-ms-transform: perspective(500px) rotate(20deg) rotateX(20deg) rotateY(-50deg) rotateZ(0deg) scale3d(2, 2, 1);
transform: perspective(500px) rotate(20deg) rotateX(20deg) rotateY(-50deg) rotateZ(0deg) scale3d(2, 2, 1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;







}
.project-thumb-menu ul li a:hover span {
	color:#090;
}
.project-thumb-menu ul li a.active {
	color: #FFFFFF;
}
.project-thumb-menu ul li a.activeLast { color:#05a3bd; border:0;}
.project-thumb-menu ul li a.active span {
	color:#97C1A3;
}

.project-thumb-menu-readmore{
	font-family: Century Gothic;
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	font-weight: bold;	
	
}




td.table1 {
  background: url(images/black50.png);
  padding:3px 5px 3px 5px;
	behavior: url(iepngfix.htc);
	
	font-family: "Century Gothic", Verdana;
	font-size: 9pt;
	color: #fff;
	text-decoration: none;
	font-weight: normal;

}

td.table1 A:link, td.table1 A:visited, td.table1 A:active{
	font-family: "Century Gothic", Verdana;
	font-size: 10pt;
	color: #CCFF99;
	text-decoration: none;
	font-weight: bold;
}

td.table1 A:hover{
	font-family: "Century Gothic", Verdana;
	font-size: 10pt;
	color: #ff8000;
	text-decoration: underline;
	font-weight: bold;
	
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

td.table2-top{
  background: url(images/white90.png);
  padding:5px 5px 5px 5px;
	behavior: url(iepngfix.htc);
	
	font-family: "Century Gothic", Verdana;
	font-size: 9pt;
	color: #342C21;
	text-decoration: none;
	font-weight:bold;

}

td.table1-top{
  background: url(images/216326-70.png);
  padding:5px 5px 5px 5px;
	behavior: url(iepngfix.htc);
	
	font-family: "Century Gothic", Verdana;
	font-size: 9pt;
	color: #fff;
	text-decoration: none;
	font-weight:bold;

}

td.table3-top{
  background: url(images/cac98f-90.png);
  padding:5px 5px 5px 5px;
	behavior: url(iepngfix.htc);
	
	font-family: "Century Gothic", Verdana;
	font-size: 9pt;
	color: #342C21;
	text-decoration: none;
	font-weight:bold;

}

td.table3{
	background: url(images/cac98f-90.png);
  padding:3px 5px 3px 5px;
	behavior: url(iepngfix.htc);
	
	font-family: "Century Gothic", Verdana;
	font-size: 9pt;
	color: #342C21;
	text-decoration: none;
	font-weight: normal;
	
}
.field1 {
	width:250px;
}

ul.privacy {
    /*list-style-image:url(images/bullet001.gif);
    font-family: Century Gothic;
	font-size: 11pt;
	color: #000;
	text-decoration: none;
	font-weight: normal;*/
	margin-top:-10px;
    padding-left: 45px;
}
.semudera-img {
	width: 100%;
	max-width: 712px;
}
.desa-manjung-img {
	width: 100%;
	max-width: 679px;
}