@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;outline:0;font-size:11px;font-family:Verdana,Arial,Tahoma,sans-serif;}

a {color: #2d95d1;text-decoration:none;}
a:hover{color: #54b1e6;text-decoration:underline;}

/* Text Style */
h1 {font-size: 28px;font-style: normal;font-weight:bold;color:#000000;margin:5px 0 6px 0;letter-spacing:0.5px;font-family: "Gill Sans MT", Tahoma, Arial;}
h2 {font-size: 21px;font-style: normal;font-weight:bold;color: #000000;margin:3px 0 1px 0;padding-top:2px;}
h3 {font-size: 16px;font-style: normal;font-weight:bold;color: #000000;margin:0 0 10px;padding:4px 0 0 0;text-transform:uppercase;}
h4 {font-size: 14px;font-style: normal;font-weight:bold;color: #fff;border-bottom:0px solid #000000;margin:0 0 5px 0;letter-spacing:0.5px;background:#007fc7;border:0px solid #999;padding:2px 5px 2px 5px;}
h5 {font-size:16px;font-style: normal;font-weight:normal;color:#007fc7;padding:0;margin:1px 0 5px 0;border-bottom:0px solid #999;}
h6 {font-size:16px;font-style: normal;font-weight:bold;color:#e3006d;padding:0;margin:0 0 5px 0;}
.tl01 {font-size: 18px;font-style: normal;font-weight:normal;color:#8ca311;}
.tl02 {font-size: 11px;font-style: normal;font-weight:bold;color:#dcdcdc;text-align:left;}
.tl03 {font-size: 11px;font-style: normal;font-weight:bold;color: #000000;text-transform:uppercase;}
	.tl03a {font-size: 11px;font-style: normal;font-weight:bold;color: #000000;}
.tl04 {font-size: 14px;font-style: normal;font-weight:normal;color:#0068a3;}
	.tl04a {font-size: 11px;font-style:italic;font-weight:normal;color:#0068a3;}
	.tl04b {font-size: 12px;font-style: normal;font-weight:normal;color:#007fc7;text-transform:uppercase;}
.tl05 {font-size: 12px;font-style: normal;font-weight:bold;color:#007fc7;padding:1px;margin-bottom:3px;text-transform:uppercase;}
	.tl05a {font-size: 9px;font-style: normal;font-weight:bold;color:#ffffff;background:#699e03;padding:2px 3px;margin-bottom:3px;display:block;text-transform:uppercase;}
	.tl05b {font-size: 9px;font-style: normal;font-weight:bold;color:#ffffff;background:#739e00;padding:2px 3px;margin-bottom:3px;display:block;text-transform:uppercase;}
	.tl05c {font-size: 9px;font-style: normal;font-weight:bold;color:#ffffff;background:#CC0000;padding:2px 3px;margin-bottom:3px;display:block;text-transform:uppercase;}
.tl06 {font-family:verdana;font-size: 26px;font-style: normal;font-weight:normal;color:#757036;letter-spacing:2px;padding:0 0 8px 0;}
	.tl06a {font-family:verdana;font-size: 26px;font-style: normal;font-weight:normal;color:#999;letter-spacing:2px;padding:0 0 8px 0;}
.tl07 {font-size: 12px;font-weight:bold;color:#000000;padding:3px 3px 5px 3px;border-bottom:1px solid #ed145b;}
.tl08 {font-size: 11px;font-style: normal;font-weight:normal;color:#333333;}

.red {color:#FF0000;}
.orange {color:#FF6600;}
.grey {color:#666666;}
.green {color:#73AD00;}
.blue {color:#2d95d1;}
.black {color:#000000;}
.white {color:#ffffff;}
.bluebold {color:#55a1cd;font-weight:bold;font-size:13px;}
.active {color:#76ba00;font-weight:bold;}
.xactive {color:#CC0000;font-weight:bold;}

/* reusable classes */
.floatLeft {float:left;margin-right:5px;width:auto;}
.floatRight {float:right;margin-left:5px;width:auto;}
.right {text-align:right;}
.left {text-align:left}
.center {text-align:center;}
.justify {text-align:justify}
.blank {border:1px solid #ffffff;padding:0;margin:0;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#999999;}
.captionBook {font-size:10px;font-style:normal;font-weight:bold;color:#666;width:500px;padding:8px;border:0px solid #cdcdcd;background:#bed730;}
.alert {color:#CC0000;font-size:15px;}
.spacer {line-height:1px;}
.salutation {color: #006ac2;font-size:16px;}
.line {border-top: 1px solid #999999;height: 1px;margin-top:6px;margin-bottom:6px;padding:0px;clear:both;}
.lineg {border-top: 1px solid #ffc027;height: 2px;margin-top:3px;margin-bottom:3px;}
.dotted {border-top: 1px dotted #999999;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.displayBlock {padding:11px 7px 11px 11px;background:#f2f2f2;border:2px solid #e4e4e4;}
	.displayBlock .label {float:left;display:block;width:40px;color:#666666;}
.imgPadding {float:left;padding:0 12px 12px 0;display:block;}
.imgPaddingRight {float:right;padding:0 0 2px 12px;display:block;}
.title-answer {color:#0066CC;font-size:10px;font-weight:bold;padding:2px 0 2px 0;}
.title-answer1 {color: #999999;font-size:11px;font-weight:normal;padding:1px 0 1px 0;}
input.inputGrn {background:#bfd730;border:none;width:200px;padding:2px 5px;font-size:11px;}
.divSuccessful {padding:5px 10px 5px 45px;margin:0 0 16px 0;background: url(../images/asset/tick.png) no-repeat left #2d95d1;line-height:20px;color:#000;font-weight:bold;}
.basicInput {float:none;width:auto;}

/* Buttons */
.oneRowButton {padding:0 0 5px 12px;margin:0;}
	.oneRowButton a {width:200px;height:25px;line-height:25px;display:block;color:#0080c7;font-weight:bold;font-size:11px;background:url(../images/bt_trans_n.gif) top no-repeat;text-align:center;}
	.oneRowButton a:hover {width:200px;height:25px;line-height:25px;display:block;color:#000000;font-weight:bold;font-size:11px;background:url(../images/bt_trans_h.gif) top no-repeat;text-align:center;}
.moreListing {padding:2px 0 2px 0;}
	.moreListing a {line-height:16px;display:block;color:#999999;font-size:10px;font-weight:bold;text-align:right;padding:2px 6px 2px 6px;border-bottom:0px solid #dcdcdc;}
	.moreListing a:hover {line-height:16px;display:block;color:#ffffff;font-size:10px;font-weight:bold;text-align:right;padding:2px 6px 2px 6px;background:#0080c7;text-decoration:none;}
.readmore a  {padding:3px 6px 3px 6px;background:#0080c7;color:#ffffff;font-weight:bold;font-size:10px;}
.readmore a:hover {padding:3px 6px 3px 6px;background:#ffffff;color:#0080c7;font-weight:bold;font-size:10px;text-decoration:none;}
.buttonStyle a, .buttonStyle input {width:auto;padding:5px 10px;background:#757036;font-size:14px;color:#fff;border:1px solid #fff;}

.roundedButton {margin:0 10px 20px 10px;color:#fff;font-size:16px;float:left;}
	.roundedButton a {width:120px;height:120px;padding:20px;color:#fff;font-size:16px;background:url(../img/bgButton.png) bottom no-repeat;display:block;}
	.roundedButton a:hover {width:120px;height:120px;padding:20px;color:#fff;font-size:16px;text-decoration:none;background:url(../img/bgButton.png) top no-repeat;display:block;}
	
.roundedButtonNews {margin:0 10px 20px 10px;color:#fff;font-size:16px;float:left;}
	.roundedButtonNews a {width:120px;height:120px;padding:20px;color:#007fc7;font-size:16px;background:url(../img/bgButtonNews.png) bottom no-repeat;display:block;}
	.roundedButtonNews a:hover {width:120px;height:120px;padding:20px;color:#fff;font-size:16px;text-decoration:none;background:url(../img/bgButtonNews.png) top no-repeat;display:block;}
	
.roundedButtonGallery {width:160px;height:150px;text-align:center;font-size:12px;color:#007fc7;margin:0 10px 20px 10px;float:left;}
	.roundedButtonGallery a {width:160px;height:121px;padding:0;color:#007fc7;font-size:13px;background:url(../img/bgButtonGallery.png) bottom no-repeat;display:block;}
	.roundedButtonGallery a:hover {width:160px;height:121px;padding:4px 0 0 0;color:#fff;font-size:13px;text-decoration:none;background:url(../img/bgButtonGallery.png) top no-repeat;display:block;}
	.roundedButtonGallery a img {width:125px;height:90px;padding:10px 17px 30px 18px;margin:10px 0 0 0;vertical-align:bottom;}

/* Code Style */
ul {}
select {}
option {}


/* Alignment Style */
body {background:#ffffff;padding:0px;text-align:center;font-size:11px;color:#000000;margin-top:0px;margin-right:auto;margin-bottom: 0px;margin-left:auto;}
body.intro {background:#dcdcdc;}

/*Controls Section*/
#bgWrapper {padding:0;margin:0 0 0 0;position:relative;z-index:3;width:100%;} 
#container {margin:auto;text-align:left;width:980px;}
#containerpop {margin:auto;text-align:left;width:800px;}

/*intro */
.layerDivdd {position:absolute;width:100%;height:100%;margin:auto;padding:0;text-align:center;border:1px solid #000000;vertical-align:bottom;}
.layerDiv {margin:0 auto; height:21px; width:100%; bottom:0; left:0; z-index:4;position:fixed;text-align:right;}
	.layerDiv a {margin:0 80px 0 0;padding:5px;color:#ffffff;background:#111; background:rgba(0,0,0,0.10);}
	.layerDiv a:hover {background:#0080c7;text-decoration:none;color:#ffffff;}

/* header */
#header {width:159px;height:auto;padding:0 15px 10px 15px;margin:0;background:url(../img/bgNavi.png) bottom no-repeat;position:absolute;top:0;left:60px;z-index:2000;}
	#header .logo {width:157;height:auto;text-align:center;background:none;padding:20px 0 10px 0;}
	#header .corporateLink {margin:5px 0 5px 0;padding:0 0 7px 0;border-bottom:1px solid #cccccc;}
	#header .corporateLink select {-webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../img/select-arrow.gif), 
    -webkit-linear-gradient(#FFFFFF, #FFFFFF 100%, #FFFFFF);
  background-position: center right;
  background-repeat: no-repeat;
  width:157px;
  border: 1px solid #cccccc;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;}
	
	#header .navigation {width:157px;height:auto;text-align:left;background:none;padding:0;margin:10px 0 10px 0;}
		#header .navigation #nav {padding:0;margin:5px 0;}
		#header .navigation #nav li {list-style:none;border-bottom:1px solid #666;}
		#header .navigation #nav li a {display:block;line-height:24px;margin:2px 0;padding:0 8px 0 5px;font-size:10px;color:#000000;text-transform:uppercase;border-bottom:0px solid #666;}
		#header .navigation #nav li a:hover {color:#007fc7;text-decoration:none;}
		#header .navigation #nav li a.plus {background:url(../img/iPlus.gif) right no-repeat;}
		#header .navigation #nav li a.selected {background: url(../img/bg_button.png) center top no-repeat;display:block;line-height:24px;margin:8px 0 2px 0;padding:0 8px 6px 8px;font-size:10px;color:#ffffff;text-transform:uppercase;border-bottom:0px solid #666;}
		#header .navigation #nav li a.selected:hover {color:#e0e0e0;text-decoration:none;}
		#header .navigation #nav li a.selected1 {background: url(../img/bg_button.png) center top no-repeat;display:block;line-height:24px;margin:12px 0 2px 0;padding:0 8px 12px 8px;font-size:10px;color:#ffffff;text-transform:uppercase;border-bottom:0px solid #666;}
		#header .navigation #nav li a.selected1:hover {color:#e0e0e0;text-decoration:none;}
		#header .navigation #nav li a.active {display:block;line-height:20px;margin:2px 0;padding:2px 8px 4px 4px;font-size:10px;color:#007fc7;text-decoration:none;text-transform:uppercase;border-bottom:0px solid #666;}
		#header .navigation #nav li a.activelink {background:none;display:block;line-height:24px;margin:12px 0 2px 0;padding:0 8px 12px 8px;font-size:10px;color:#ffffff;text-transform:uppercase;border-bottom:0px solid #666;}
		#header .navigation #nav li ul {display: none;padding:0 0 12px 0;margin:0;border-bottom:0px solid #666;}
			#header .navigation #nav li ul li {list-style:none;border:0;padding:0;margin:0;}
			#header .navigation #nav li ul li a {display:block;line-height:18px;background:url(../img/arrowBlue.png) left no-repeat;margin:2px 0 2px 10px;padding:0 8px 0 14px;font-size:10px;color:#000000;text-transform:uppercase;border-bottom:0px solid #007fc7;}
			#header .navigation #nav li ul li a:hover {color:#007fc7;text-decoration:none;}
			#header .navigation #nav li ul li a.selected {display:block;line-height:18px;background:url(../img/arrowBlue.png) left no-repeat;margin:2px 0 2px 10px;padding:0 8px 0 14px;font-size:10px;color:#000000;text-transform:uppercase;border-bottom:0px solid #007fc7;color:#007fc7;font-weight:bold;}
			#header .navigation #nav li ul li a.selected:hover {text-decoration:none;color:#007fc7;}

/* Content */
#fullcontent {width:620px;padding:0 0 150px 0;color:#000;position:absolute;top:70px;left:280px;display:none;}
#fullcontent1 {width:auto;padding:0 0 150px 0;color:#000;position:absolute;top:70px;left:280px;display:none;}
#contentLeft {width:20px;height:auto;float:left;margin:0 0 0 0;padding:0;text-align:right;}
		
#contentcenter {width:924px;height:auto;float:right;margin:0;padding:15px 28px;text-align:left;background: url(../images/bg_loop.png) repeat;}
#contentcenter1 {width:980px;height:auto;float:left;margin:0;padding:0;text-align:left;background: url(../images/bg_loop.png) repeat;z-index:9999;}
#contentpadding {width:924px;margin:0;padding:15px 28px;text-align:left;background:url(../images/bg_membership.png) top left no-repeat;}
#contentcenter2 {width:700px;min-height:370px;margin:0;padding:15px;text-align:left;color:#333;}
#contentcenter3 {width:234px;height:auto;float:left;margin:0;padding:0;text-align:left;}

#contentRight {width:600px;height:auto;float:left;margin:0;padding:10px 0;text-align:left;background:none;vertical-align:top;}
	#contentRight img {padding:0;margi:0;}
	.bannerImg a {border:1px solid #666666;display:block;margin-bottom:5px;}
	.bannerImg a:hover {border:1px solid #8acaef;}
#contentRight1 {width:350px;height:auto;float:left;margin:0 10px 0 0;padding:10px 0;text-align:left;background:none;}
#contentRight2 {width:480px;height:auto;float:left;margin:0 10px 0 0;padding:10px 0;text-align:left;background:none;}

.contentBox {min-height:370px;margin:0;vertical-align:top;padding:10px 20px;background: url(../img/contentLoop.png) repeat;}
	.contentBox label {width:20px;float:left;display:block;text-align:center;padding:4px 0 0 0;}
	.contentBox .labelBox {float:left;width:520px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block; text-align:justify;}
	
.contentBoxa {margin:0;padding:10px 20px;background: url(../img/contentLoop.png) repeat;}
	.contentBoxa label {width:36px;float:left;display:block;text-align:center;padding:0 0 0 0;margin:0 10px 0 0;line-height:36px;color:#fff;font-size:28px;background:url(../img/iCircle.png) no-repeat top;display:block;}
	.contentBoxa .labelBox {float:left;width:490px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block;}
	
.contentBoxb {margin:0;padding:10px 20px;background: url(../img/contentLoop.png) repeat;}
	.contentBoxb label {width:36px;float:left;text-align:center;padding:0 0 0 0;margin:0 10px 0 0;line-height:22px;color:#fff;font-size:10px;font-weight:bold;background:none;}
	.contentBoxb label.dateStyle {width:36px;float:left;text-align:center;padding:0 0 0 0;margin:0 10px 0 -47px;line-height:22px;color:#fff;font-size:10px;font-weight:bold;background:url(../img/iCal.png) no-repeat top;}
	.contentBoxb .labelBox {float:left;margin:0 0 0 0px;width:490px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block;}
	.contentBoxb .newsWrap {margin:0px 0 35px 50px;float:left;}
	
.contentBox1 {margin:0;padding:10px 20px;background: url(../img/contentLoop1.png) repeat;}
	.contentBox1 label {width:20px;float:left;display:block;text-align:center;padding:4px 0 0 0;}
	.contentBox1 .labelBox {float:left;width:280px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block;}
	
.contentBox1a {margin:0;padding:10px 20px;background: url(../img/contentLoop1.png) repeat;}
	.contentBox1a label {width:75px;color:#000;float:left;display:block;text-align:right;padding:4px 10px 0 0;}
	.contentBox1a .labelBox {float:left;width:400px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block;}
	.contentBox1a input.inputStyle {width:200px;background:#007fc7;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	.contentBox1a textarea {width:200px;background:#004d78;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	.contentBox1a select {width:200px;background:#007fc7;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	
.contentBox2 {margin:0;padding:10px 20px;background: url(../img/contentLoop1.png) repeat;}
	.contentBox2 label {width:100px;color:#000;float:left;display:block;text-align:right;padding:4px 10px 0 0;}
	.contentBox2 .labelBox {float:left;width:400px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block;}
	.contentBox2 input.inputStyle {width:260px;background:#007fc7;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	.contentBox2 textarea {width:260px;background:#004d78;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	.contentBox2 select {width:260px;background:#007fc7;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	
.contentBox3 {margin:0;padding:10px 20px;background: url(../img/contentLoop1.png) repeat;}
	.contentBox3 label {width:160px;color:#000;float:left;display:block;text-align:right;padding:4px 10px 0 0;font-weight:bold;}
	.contentBox3 .labelBox {float:left;width:420px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block;}
	.contentBox3 input {margin:0 0 5px 0;}
	.contentBox3 input.inputStyle {width:170px;background:#007fc7;color:#fff;padding:4px 4px;border:0;}
	.contentBox3 textarea {width:170px;background:#004d78;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	.contentBox3 select {width:170px;background:#007fc7;color:#fff;padding:4px 4px;border:0;margin:0 0 5px 0;}
	
.contactBox {margin:0;padding:10px 20px;background: url(../img/contentLoop1.png) repeat;}
	.contactBox label {width:20px;float:left;display:block;text-align:center;padding:4px 0 0 0;}
	.contactBox .labelBox {float:left;width:300px;padding:0 0 14px 3px;font-size:10px;color:#000000;display:block;}

#mainTitle {margin:2px 0 8px 0;font-family:"Gill Sans MT",Tahoma, Arial;Font-size:30px;color:#000000;text-align:right;}

#subBtncontent {width:980px;height:36px;padding:0;color:#fff;margin:0 0 1px 0;background: url(../images/bg_loop.png) repeat;}
	ul.subButtons  {margin:0;padding:0;}
	.subButtons li {float:left;display:block;margin:0;padding:0;height:35px;}
	.subButtons li a {line-height:35px;color:#ffffff;padding:10px 20px 9px 20px;background:none;border-right:1px solid #fff;font-size:14px;}
	.subButtons li a:hover {line-height:35px;color:#ffffff;padding:10px 20px 9px 20px;background:#0080c7;border-right:1px solid #fff; text-decoration:none;}
	.subButtons li.selected a {line-height:35px;color:#ffffff;padding:10px 20px 9px 20px;background:url(../images/asset/subnavi_arrow.gif) no-repeat center top #0080c7;border-right:1px solid #fff; text-decoration:none;}
	
#yearDiv {padding:20px 0;margin:4px 0 30px 0;border-bottom:1px solid #ccc;}
#yearDiv ul {padding:0;margin:0 0 12px 0;}
#yearDiv ul li {padding:0;margin:0 12px 0 0;list-style:none;float:left;display:inline;}
#yearDiv ul li a {font-size:22px;font-weight:normal;color:#cccccc;height:48px;margin:12px 0 0 0;}
#yearDiv ul li a:hover {color:#999999;text-decoration:none;}
#yearDiv ul li a.selected {font-size:30px;font-weight:normal;color:#666666;line-height:22px;margin:-12px 0 0 0;}
#yearDiv ul li a:hover.selected {color:#999999;}

			
/* Contact */
.floatLeftContact {float:left;width:235px;height:430px;padding:15px;text-align:left;border:3px solid #ffffff;}
.floatRightContact {float:right;width:570px;height:430px;padding:15px 25px;text-align:left;border:3px solid #ffffff;}
.contactForm div {margin:0 0 9px 0;}
.contactForm input.inputColor {border:none;background:#bfd730;color:#ffffff;padding:2px 4px 2px 4px;}

/* Properties Showcase */
#JumpNavi {text-align:right;width:auto;height:120px;z-index:999;position:absolute;right:25px;margin:0 185px 0 0;clear:both;}
#JumpNavi a {font-size:9px; text-transform:uppercase;margin:0 7px;line-height:90px;color:#666666;}
#JumpNavi a:hover {color:#54b1e6;}

#propertyLogo {width:auto;position:absolute;top:10px;right:40px;z-index:9999;}

.propertyBox {margin:10px 10px 10px 0;padding:0;float:left;width:158px;height:158px;}
.propertyBox a {margin:0;padding:0;width:149px;height:149px;border:4px solid #ffffff;display:block;opacity:0.9;filter:alpha(opacity=90); /* For IE8 and earlier */}
.propertyBox a:hover {background:#fff;border:4px solid #007fc7;display:block;opacity:1.0;filter:alpha(opacity=100); /* For IE8 and earlier */}
.propertyBox a.cahayaThumb01 {background:url(../img/cahaya/cahayaThumb01.jpg) bottom no-repeat;}
	.propertyBox a.cahayaThumb01:hover {background:url(../img/cahaya/cahayaThumb01.jpg) top no-repeat;}
.propertyBox a.cahayaThumb02 {background:url(../img/cahaya/cahayaThumb02.jpg) bottom no-repeat;}
	.propertyBox a.cahayaThumb02:hover {background:url(../img/cahaya/cahayaThumb02.jpg) top no-repeat;}
.propertyBox a.cahayaThumb03 {background:url(../img/cahaya/cahayaThumb03.jpg) bottom no-repeat;}
	.propertyBox a.cahayaThumb03:hover {background:url(../img/cahaya/cahayaThumb03.jpg) top no-repeat;}
.propertyBox a.cahayaThumb04 {background:url(../img/cahaya/cahayaThumb04.jpg) bottom no-repeat;}
	.propertyBox a.cahayaThumb04:hover {background:url(../img/cahaya/cahayaThumb04.jpg) top no-repeat;}
	
.propertyBox a.cahayaFutureThumb01 {background:url(../img/cahaya/cahayaFutureThumb01.jpg) bottom no-repeat;}
	.propertyBox a.cahayaFutureThumb01:hover {background:url(../img/cahaya/cahayaFutureThumb01.jpg) top no-repeat;}
.propertyBox a.cahayaFutureThumb02 {background:url(../img/cahaya/cahayaFutureThumb02.jpg) bottom no-repeat;}
	.propertyBox a.cahayaFutureThumb02:hover {background:url(../img/cahaya/cahayaFutureThumb02.jpg) top no-repeat;}
.propertyBox a.cahayaFutureThumb03 {background:url(../img/cahaya/cahayaFutureThumb03.jpg) bottom no-repeat;}
	.propertyBox a.cahayaFutureThumb03:hover {background:url(../img/cahaya/cahayaFutureThumb03.jpg) top no-repeat;}
.propertyBox a.cahayaFutureThumb04 {background:url(../img/cahaya/cahayaFutureThumb04.jpg) bottom no-repeat;}
	.propertyBox a.cahayaFutureThumb04:hover {background:url(../img/cahaya/cahayaFutureThumb04.jpg) top no-repeat;}

.propertyBox a.ambanganThumb01 {background:url(../img/ambangan/ambanganThumb01.jpg) bottom no-repeat;}
	.propertyBox a.ambanganThumb01:hover {background:url(../img/ambangan/ambanganThumb01.jpg) top no-repeat;}
.propertyBox a.ambanganThumb02 {background:url(../img/ambangan/ambanganThumb02.jpg) bottom no-repeat;}
	.propertyBox a.ambanganThumb02:hover {background:url(../img/ambangan/ambanganThumb02.jpg) top no-repeat;}
.propertyBox a.ambanganThumb03 {background:url(../img/ambangan/ambanganThumb03.jpg) bottom no-repeat;}
	.propertyBox a.ambanganThumb03:hover {background:url(../img/ambangan/ambanganThumb03.jpg) top no-repeat;}
.propertyBox a.ambanganThumb04 {background:url(../img/ambangan/ambanganThumb04.jpg) bottom no-repeat;}
	.propertyBox a.ambanganThumb04:hover {background:url(../img/ambangan/ambanganThumb04.jpg) top no-repeat;}
.propertyBox a.ambanganThumb05 {background:url(../img/ambangan/ambanganThumb05.jpg) bottom no-repeat;}
	.propertyBox a.ambanganThumb05:hover {background:url(../img/ambangan/ambanganThumb05.jpg) top no-repeat;}

/* Messages + Profile */
.floatLeftProfile {float:left;width:400px;height:auto;padding:15px 195px 15px 25px;margin-bottom:10px;text-align:left;border:3px solid #ffffff;background:url(../images/pic_messages.jpg) bottom right no-repeat #ffffff;color:#000;}
.floatLeftProfile1 {float:left;width:550px;height:auto;padding:15px 45px 15px 25px;margin-bottom:10px;text-align:left;border:3px solid #ffffff;background:#ffffff;color:#000;}
.floatRightProfile {float:right;width:235px;height:auto;padding:15px;margin-bottom:5px;text-align:left;border:3px solid #ffffff;background:#FFFFFF;color:#000;}
.floatRightButtons {float:right;width:265px;height:auto;padding:0;margin-bottom:35px;text-align:left;}
	.floatRightButtons ul.sidenavi {padding:0;margin:0;}
	.floatRightButtons .sidenavi li { list-style:none;}
	.floatRightButtons .sidenavi li a {font-size:14px;font-weight:normal;color:#afafaf;display:block;padding:4px 0 4px 12px;border-bottom:1px solid #cdcdcd;}
	.floatRightButtons .sidenavi li a:hover {color:#bed730;text-decoration:none;}
	.floatRightButtons .sidenavi li a.selected {font-size:14px;font-weight:normal;color:#fff;display:block;padding:4px 0 4px 12px;border-bottom:0px solid #cdcdcd;background:#2d95d1;}
	.floatRightButtons .sidenavi li a.selected:hover {color:#fff;text-decoration:none;}
.mailbox p {padding:0 0 9px 0;margin:9px 0 0 0;border-bottom:1px dotted #999999;}
.registerform td {border-bottom:1px dotted #999999;}

		
/* Button */
.buttons a {background:transparent url(../images/asset/buttonWhtLeft.gif) no-repeat left top;display:block;float:left;height:4px;margin:0 5px 0 0;padding:5px 0 17px 15px;font-size:11px;color:#566116;}
.buttons a span {background:transparent url(../images/asset/buttonWhtRight.gif) no-repeat right top;cursor:pointer;display:inline;height:4px;padding:6px 15px 17px 0;font-size:11px;}
.buttons a:hover {background:transparent url(../images/asset/buttonBlueLeft.gif) no-repeat left top;color:#fff; height:4px;padding:5px 0 17px 15px;font-size:11px;text-decoration:none;}
.buttons a:hover span {background:transparent url(../images/asset/buttonBlueRight.gif) no-repeat right top; color:#fff;height:4px;padding:6px 15px 17px 0;font-size:11px;text-decoration:none;}

.buttons1 a {background:transparent url(../images/asset/buttonWhtLeft1.gif) no-repeat left top;display:block;float:left;height:4px;margin:0 5px 0 0;padding:5px 0 17px 15px;font-size:11px;color:#566116;}
.buttons1 a span {background:transparent url(../images/asset/buttonWhtRight1.gif) no-repeat right top;cursor:pointer;display:inline;height:4px;padding:6px 15px 17px 0;font-size:11px;}
.buttons1 a:hover {background:transparent url(../images/asset/buttonBlueLeft1.gif) no-repeat left top;color:#fff; height:4px;padding:5px 0 17px 15px;font-size:11px;text-decoration:none;}
.buttons1 a:hover span {background:transparent url(../images/asset/buttonBlueRight1.gif) no-repeat right top; color:#fff;height:4px;padding:6px 15px 17px 0;font-size:11px;text-decoration:none;}

.buttons130pxFlat a {background:url(../images/asset/btn_wht.png) center no-repeat;width:130px;height:26px;line-height:26px;font-size:14px;display:block;font-weight:bold;color:#0080c7; text-align:center;}
.buttons130pxFlat a:hover {background:url(../images/asset/btn_blue.png) center no-repeat;width:130px;height:26px;line-height:26px;font-size:14px;display:block;font-weight:bold;color:#ffffff; text-align:center;text-decoration:none;}


/* Form */
.allform {background:#ffffff;padding:15px;margin:0 0 10px 0;color:#333333;border-bottom:2px solid #333333;}
.allform label, .allform input, .allform select, .allform textarea {width:400px;float:left;margin:0 0 2px 0;}
.allform label {text-align:right;padding:5px 10px 0 0;width:170px;color:#333;}
.allform input.but {width:auto;margin-left:90px;border:none;}
.allform input, .allform textarea {border:1px solid #333;padding:2px;background:#fff;color:#000;vertical-align:middle;}
.allform input:focus, .allform textarea:focus {border:1px solid #2d95d1;background-color:#ffffff;}
.allform select {border:1px solid #333;padding:2px;background:#fff;width:206px;color:#333;margin-right:5px;}
.allform br {clear:both;height:0;overflow:0;font-size:0;line-height:30px;}
	.formtickbox input {float:left;clear:right;width:20px;}
	.formtickbox label {float:right;width:855px;text-align:left;padding-top:0;color:#999;}
	.formtickbox .blue {color:#2d95d1;font-size:14px;}
	.formcaption {width:720px;clear:both;padding:0 0 0 180px;font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#999999;}
.allform hr {padding:0;margin:4px 0 11px 0;}

.allform1 {background:#ffffff;padding:15px;margin:0 0 10px 0;color:#333333;border-bottom:2px solid #333333;}
.allform1 label {text-align:right;padding:3px 10px 0 0;width:170px;color:#333;float:left;margin:0 0 8px 0;}
.allform1 p {font-size:12px;font-weight:bold;color:#000;padding:4px 0 5px 0;margin:0;}
.allform1 br {clear:both;height:0;overflow:0;font-size:0;line-height:10px;}
.allform1 hr {padding:0;margin:4px 0 11px 0;}
.allform1 .blue {color:#2d95d1;font-size:14px;}

/* Login */
.loginDiv {position:fixed;z-index:100001;visibility: hidden; border:0px solid #007fc7;background-color:none; width:450px; padding:0px;}
.loginBox {border:0px solid #007fc7;background-color:#007fc7; width:100%;height:60px;padding:20px;clear:both;color:#fff;}
.loginFieldLeft {float:left;width:48%;}
.loginFieldRight {float:left;width:48%;}
input.loginInput {border:none;background:#ffffff;color:#000000;margin:2px 0 5px 0;width:175px;}

.subscribeDiv {position:fixed;z-index:100001;visibility: hidden; border:0px solid #007fc7;background-color:none; width:270px; padding:0px;}
.subscribeBox {border:0px solid #007fc7;background-color:#757036; width:100%;height:55px;padding:20px;clear:both;color:#fff;}
.subscribeFieldLeft {float:left;width:38%;}
.subscribeFieldRight {float:left;width:60%;}
input.loginInput {border:none;background:#ffffff;color:#000000;margin:2px 0 5px 0;width:195px;}

	
/* Boxes */	
.bannerBox {margin:10px 0 0 0;border-top:1px solid #2d95d1;}
.centerDots {background:url(../images/bg_dots.gif) repeat-y center top;min-height:310px;}
#threeBoxes {width:940px;padding:0;margin:10px 0 0 0;}
	#threeBoxes ul {margin:8px 0 8px 0;}
	#threeBoxes ul li {color: #bfd730;padding:0 0 3px 0;}

#newsListing {padding:0;margin:0;}
	#newsListing p {border-bottom:1px dotted #7ba4c5;padding:5px 0 8px 0;min-height:45px;}
	#newsListing p span {display:block;padding:5px 0 3px 0;}
	#newsListing p span a {font-size:9px;}
	
#boxthumbnail {margin:0 6px 6px 0;float:left;background:url(../images/bg_boxes.jpg) repeat-x bottom;}
	#boxthumbnail .title-answer {color:#0066CC;font-size:10px;font-weight:bold;padding-bottom:6px;}
	#boxthumbnail img {float:left;width:100px;height:66px;margin:0 0 5px 0;}
	#boxthumbnail a  {border:2px solid #dcdcdc;display:block;width:100px;padding:15px;}
	#boxthumbnail a:hover {border:2px solid #e3006d;}
.boxLink a {color:#ffffff;background:#e3006d;padding:5px;margin:0;border:none;}
.boxLink a:hover {color:#ffffff;background:#333333;padding:5px;margin:0;border:none;}

#steps {padding:0;margin:3px 0 3px 0;width:100%;}
	#steps div {height:16px;vertical-align:middle;color:#333333;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 20px 3px 8px;background:url(../images/bg_step_n.gif) right no-repeat;float:left;}
	#steps div.selected {height:16px;vertical-align:middle;color:#ffffff;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 20px 3px 8px;background:url(../images/bg_step_h.gif) right no-repeat;float:left;}
	#steps div.selectedno {height:16px;vertical-align:middle;color:#ffffff;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 20px 3px 8px;background:url(../images/bg_step_d.gif) right no-repeat;float:left;}

.previewBox {float:left;width:188px;height:auto;background:none;margin:8px;}
.previewBoxblk {width:188px;height:134px;background:url(../images/previewbox.gif) bottom no-repeat;}
.previewBox .previewBoxblk p {margin:8px;}

.btnBox {margin:22px 0 5px 0;padding:10px 0 5px 0;border-top:1px solid #64b4e2;}


/* showcase Div */
#showcaseWrapper {padding:0;margin:0 0 0 0;z-index:3;width:100%;position:fixed;bottom:41px;left:0;background: url(../img/bgTrans.png) repeat;}
#showcaseDiv {margin:auto;text-align:left;width:980px;height:auto;padding:12px 0;}
#infoBox {width:390px;float:left;margin:0 10px 0 0;}
	.infoLeft {width:180px;float:left;margin:0 10px 0 0;clear:both;}
	.infoRight {width:180px;float:right;margin:0 10px 0 0;}
#infoBox label {width:14px;float:left;display:block;}
#infoBox .labeltxt {float:left;width:160px;padding:0 0 14px 3px;font-size:10px;color:#000000;}
#infoBox a {font-family:Verdana, Arial, Helvetica, sans-serif;color:#000000;font-size:10px;}

/* Stickybar */
.expstickybar{
position:fixed;
right:0; /*horizontally center bar in window*/
left:0; /*horizontally center bar in window*/
visibility:hidden;
padding:0 0 24px 0;margin:0 0 0 0;z-index:3;width:100%;bottom:41px;background: url(../img/bgFooterTrans.png) repeat-x top;margin-bottom:34px;z-index:3000;height:200px;}

#showcaseDiv1 {margin:auto;text-align:left;width:980px;height:auto;padding:32px 0 12px 0;}
#infoBox1 {width:390px;float:left;margin:0 10px 0 0;}
	.infoLeft1 {width:180px;float:left;margin:0 10px 0 0;clear:both;}
	.infoRight1 {width:180px;float:right;margin:0 10px 0 0;}
#infoBox1 label {width:14px;float:left;display:block;}
#infoBox1 .labeltxt {float:left;width:160px;padding:0 0 14px 3px;font-size:10px;color:#000000;}
#infoBox1 a {font-family:Verdana, Arial, Helvetica, sans-serif;color:#000000;font-size:10px;}
.stickyButton {border-width:0;text-align:center;margin:0x 2px 0 0;}

#showcaseBox {width:570px;float:right;margin:0 0 0 10px;background:url(../img/bgCarousel.png) left no-repeat;}
	
/* Footer */
#footerWrapper {padding:0;margin:0 0 0 0;z-index:4000;width:100%;position:fixed;bottom:0;left:0;background:#e85b0e;}
#footerDiv {margin:auto;text-align:left;width:980px;height:41px;}
#footer {color:#ffffff;font-size:10px;padding:15px 0 15px 0;margin:0;}
#footer .sublinks {float:right;width:auto;font-size:11px;text-align:right;}
#footer .copyrights {float:left;max-width:650px;color:#dcdcdc;font-size:9px;vertical-align:baseline;padding:0 15px 0 0; letter-spacing:1px;}
	#footer .copyrights img {vertical-align:middle;padding:0 8px;margin:0;border-right:0px solid #dcdcdc;}
	#footer .bcsb {padding:0 0 0 12px;color: #000000;font-size:9px;}
	#footer .bcsb a {color: #000000;font-size:9px;}
	#footer .bcsb a:hover {color: #403f39;}
#footer a {Color:#ffffff;text-decoration:none;margin:0;font-size:9px; letter-spacing:1px;}
#footer a:hover {text-decoration:underline;}
	#footer a.linkSpacing {padding:0 9px;border-right:1px solid #ffffff;}

/* Important Style */
.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;} .clearfix {display:block;}
/* End hide from IE-mac */

/* Spacing */
.spacing6px {display:block;line-height:6px;height:6px;top:6px;}
.spacingBtm5px img {margin-bottom:5px;}

/* Back to top */
.backtotop {font-size:10px;text-align:right;margin:10px; bottom:12px;}
	.backtotop a {font-size:10px;color:#e3006d;padding:4px;}
	.backtotop a:hover {font-size:10px;color:#ffffff;background:#e3006d;padding:4px;text-decoration:none;clear:both;}

/* Highlights - Scroll gallery */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 505px; /*Width of Carousel Viewer itself*/
height: 148px; /*Height should enough to fit largest content's height*/
margin:0px 0 0 30px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width: 270px; /*Width of Carousel Viewer itself*/
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 11px 24px; /*margin around each panel*/
width: 99px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color:#dcdcdc;
text-align:left;
}

.stepcarousel .panel p {padding:0;margin:0;}
.stepcarousel .panel a img {padding:0px;border:1px solid #666666;}
.stepcarousel .panel a:hover img {padding:0px;border:1px solid #ffffff;}
.stepcarousel .panel a {padding:0px;margin:0;color:#cccccc;border;1px solid #fff;}
.stepcarousel .panel a {text-decoration:none;}
.cataloglist {font-size:10px;font-weight:bold;}
	.cataloglist .grey {font-size:10px;font-weight:bold;}

/* Accordion */
.accordion {
	width: 480px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(img/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
	color:#000;
}
.accordion div {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}