@charset "utf-8";
body {height:auto; background-color:#c7c7c7; padding:0px; margin:0px; font-family:Tahoma, Arial, serif;}
:active {outline:none; -moz-outline-style:none;}
:focus {outline:none; -moz-outline-style:none;}
*{outline: none;}

.wrap {float:left; width:100%; height:auto; margin:0px auto; padding:0px; min-height:100%; height:auto !important; height:100%;}

/* Intro */
.bg-intro {position:relative; float:left; margin:25px 0 0 0; padding:0px; width:1189px; height:579px; background:url(../images/bg-intro.jpg) no-repeat;}
img.menara-citicon {position:absolute; bottom:122px; left:158px; margin:0px; padding:0px; width:210px; height:304px; border:0px;}
.enter {position:absolute; top:445px; left:580px; margin:0px; padding:0px;}
.address {position:absolute; top:342px; right:90px; margin:0px; padding:0px; color:#FFFFFF; font-size:12px; line-height:20px; text-align:right;}

/* Content */
.content {position:relative; float:left; margin:25px 0 0 0; padding:0px; width:1189px; height:auto;}
.line-top {position:absolute; z-index:30; top:-22px; left:0px; margin:0px; padding:0px; width:1035px; height:297px; background:url(../images/line-top1.png) no-repeat;}
.back-home {position:absolute; z-index:30; top:-29px; right:45px; height:35px; margin:0px; padding:0px;}
	span.home-link {float:left; margin:10px 0 0 0; padding:0px; font-size:11px;}
	span.home-link a {color:#FFFFFF; text-decoration:none;}
	span.home-link a:hover {color:#FFFFFF; text-decoration:underline;}
	.img-home-link {float:left; margin:7px 0 0 5px; padding:0px; width:19px; height:19px; border:0px; background:url(../images/home-link.png) no-repeat;}
.content-left {position:relative; float:left; margin:0px; padding:0px; width:225px; height:579px; background-color:#959595;}
	img.logo {position:absolute; z-index:40; top:20px; left:55px; display:block; margin:0px; padding:0px; border:0px; width:143px; height:231px;}
	.content-left h1 {margin:0px; padding:0px; color:#FFFFFF; font-weight:bold; font-size:12px;}
	h1.build-spec {position:absolute; z-index:40; top:300px; left:40px;}
	h1.floor-plan {position:absolute; z-index:40; top:393px; left:40px;}
	h1.company-profile {position:absolute; z-index:40; top:494px; left:40px; display:table-cell; vertical-align:middle;}
	.line-build-spec {position:absolute; z-index:30; top:317px; left:40px; margin:0px; padding:0px; width:185px; height:1px; background-color:#FFFFFF;}
	.line-floor-plan {position:absolute; z-index:30; top:410px; left:40px; margin:0px; padding:0px; width:185px; height:1px; background-color:#FFFFFF;}
	.line-contact {position:absolute; z-index:30; top:510px; left:40px; margin:0px; padding:0px; width:185px; height:1px; background-color:#FFFFFF;}
.content-right {position:relative; float:left; margin:0px; padding:0px; width:964px; height:auto; overflow:hidden;}	

/* Reflection */
#nav-reflection {margin: 0 auto 50px auto; padding: 0 0 0 0; min-height: 50px;}
#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {height: 30px; overflow: hidden; display: block;}
#m1 {position:absolute; z-index:30; top:325px; left:40px; margin: 0 auto 50px auto; padding:0px; max-height:185px;}
#m2 {position:absolute; z-index:30; top:345px; left:40px; margin: 0 auto 50px auto; padding:0px; max-height:185px;}
#m3 {position:absolute; z-index:30; top:417px; left:40px; margin: 0 auto 50px auto; padding:0px; max-height:185px;}
#m4 {position:absolute; z-index:30; top:437px; left:40px; margin: 0 auto 50px auto; padding:0px; max-height:185px;}
#m6 {position:absolute; z-index:30; top:458px; left:40px; margin: 0 auto 50px auto; padding:0px; max-height:185px;}
#m5 {position:absolute; z-index:30; top:518px; left:40px; margin: 0 auto 50px auto; padding:0px; max-height:185px;}
#m7 {position:absolute; z-index:30; top:538px; left:40px; margin: 0 auto 50px auto; padding:0px; max-height:185px;}
#m1 a, #m1 a:visited, #m1 a:hover, #m2 a, #m2 a:visited, #m2 a:hover, #m3 a, #m3 a:visited, #m3 a:hover, #m4 a, #m4 a:visited, #m4 a:hover, #m5 a, #m5 a:visited, #m5 a:hover {width:auto; overflow: hidden; display: block;}
a.panel {font-size:11px; color:#FFFFFF; text-decoration:none;}
a.panel:hover {color:#FFFFFF; text-decoration:none; text-shadow: 0px 0px 5px white;}

/* Sliding Page */
#mask {width:800%; height:auto;}
.item {width:12.5%; height:auto; float:left;}
.container {width:100%; height:auto; top:0; margin:0px; position:relative; border:0px;}

/* home */
.img-bg-home {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:url(../images/bg-home.jpg) no-repeat; border:0px;}
.img-bg-co {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:url(../images/bg-co.jpg) no-repeat; border:0px;}
.img-bg-bi {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:url(../images/bg-bi.jpg) no-repeat; border:0px;}
.img-bg-bf {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:url(../images/bg-bf.jpg) no-repeat; border:0px;}
.img-bg-fp {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:url(../images/bg-fp.jpg) no-repeat; border:0px;}
.img-bg-t {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:#dfdfe1 url(../images/bg-t.jpg) no-repeat; border:0px;}
.img-bg-ab {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:#dfdfe1 url(../images/bg-ab.jpg) no-repeat; border:0px;}
.img-bg-ct {position:relative; z-index:20; float:left; margin:0px; padding:0px; width:100%; height:579px; background:#dfdfe1 url(../images/bg-ct.jpg) no-repeat; border:0px;}
.bg-current {position:absolute; z-index:30; top:0px; left:18px; margin:0px; padding:0px; width:32px; height:60px; background:url(../images/bg-current.jpg) no-repeat; border:0px;}
.bg-current2 {position:absolute; z-index:30; top:0px; left:16px; margin:0px; padding:0px; width:32px; height:60px; background:url(../images/bg-current.jpg) no-repeat; border:0px;}
.isi {position:relative; z-index:30; float:left; margin:0px; padding:0px; width:100%; height:auto;}
.isi h2#jdl {position:absolute; top:30px; left:60px; margin:0px; padding:0px; font-weight:normal; font-size:24px; color:#555555;}
.isi h1 {float:left; margin:6px 0 45px 55px; padding:0px; width:100%; height:auto; font-weight:normal; font-size:24px; color:#555555;}
.isi h2.cross1 {position:absolute; top:38px; left:56px; margin:0px; padding:0px; width:885px; height:auto; font-weight:normal; font-size:14px; color:#555555;}
.isi h2.cross2 {position:absolute; top:58px; left:60px; margin:0px; padding:0px; width:885px; height:auto; font-weight:normal; font-size:14px; color:#555555;}
.isi span.cross2 {position:absolute; bottom:-90px; left:230px; margin:0px; padding:0px; width:500px; height:auto; font-weight:normal; font-size:12px; color:#555555; text-align:center;}
.isi span.cross2 a {text-decoration:none; color:#555555;}
.isi span.cross2 a:hover {text-decoration:underline; color:#555555;}
.isi p {float:left; margin:0 0 30px 0; padding:0px; width:100%; height:auto; font-size:12px; color:#555555; line-height:20px; text-align:justify;}
.isi-left {position:relative; float:left; margin:24px 0 0 0; padding:0px; width:420px; height:auto;}
.isi-left2 {position:relative; float:left; margin:24px 0 0 0; padding:0px; width:960px; height:auto;}
.isi-left h1#kedua {position:absolute; top:30px; left:-90px; margin:0px; padding:0px; font-weight:normal; font-size:24px; color:#555555;}
.isi-right {float:left; margin:0 0 0 40px; padding:104px 0 0 0; width:500px; height:auto;}
.cont-left  {float:left; margin:0px; padding:0px; width:427px; height:auto;}
.cont-right  {position:relative; float:left; margin:0px; padding:0px; width:536px; height:auto;}
.bg-cont-left {float:left; margin:0px; padding:0px; width:427px; height:579px; background:url(../images/bg-con-left.jpg) no-repeat; border:0px;}
.bg-cont-right {float:left; margin:0px; padding:0px; width:536px; height:696px; background:url(../images/bg-con-right.jpg) no-repeat; border:0px;}
.bg-cont-loca {position:relative; float:left; margin:0px; padding:0px; width:536px; height:192px; background:url(../images/bg-con-loca.jpg) no-repeat; border:0px;}
.cont-detail, .cont-detail a {position:absolute; bottom:3px; left:7px; margin:0px; padding:0px; display:block; min-width:130px; font-size:11px; color:#8e8e8e; text-decoration:none;}
.cont-detail a:hover {color:#8e8e8e; text-decoration:underline;}

/* Footer */
.footer {float:left; width:964px; height:auto; margin:0px; padding:5px 0; color:#777777; font-size:11px; text-align:center;}

/* miscelaneous */
a.link1 {margin:0px; padding:0px; font-size:11px; color:#ebebeb; text-decoration:none;}
a.link1:hover {color:#FFFFFF; text-decoration:none;}
a.link2 {color:#555555; text-decoration:underline;}
a.link2:hover {color:#555555; text-decoration:none;}
a.webarq {color:#777777; font-size:11px; text-decoration:none;}
a.webarq:hover {text-decoration:none; color:#000000;}
table#tisi, table#tisi2 {float:left; margin:0px; padding:0px;}
table#tisi tr td {vertical-align:top; margin:0px; padding:0px; color:#555555; font-size:12px; line-height:20px;}
table#tisi tr td.tebel {vertical-align:top; margin:0px; padding:0px; color:#555555; font-size:12px; line-height:20px; font-weight:bold;}
table#tisi tr th {vertical-align:top; margin:0px; padding:0px; color:#555555; font-size:14px; line-height:20px; text-align:left;}
table#tisi2 tr td {vertical-align:top; margin:0px; padding:0px; color:#555555; font-size:11px; line-height:20px;}