body{margin:0 auto; padding:0;}
#testdiv {width:820px; margin:0px auto;}
.tbox {position:absolute; display:none; z-index:3000; background:#FFF;}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:url(images/preload.gif) no-repeat 50% 50%;}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:2800}
.tclose {position:absolute; top:-33px; margin-left:729px; width:85px; height:33px; cursor:pointer; background:url(images/close.jpg) no-repeat}
/*.tclose:hover {background-position:0 -30px}*/

#error {background:#000; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#000; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#000}
#frameless {padding:0}
#frameless .tclose {left:6px}

/*DOM*/
div, span, img {
  -moz-user-select: none;
  -webkit-user-select: none;
  /* this will work for QtWebKit in future */
  -webkit-user-drag: none;
  margin:0;
  padding:0;  
}
#clear{clear:both;}

.dom-body{padding-top:12px;}
	.dom-mobile{display:none;}
	.dom-space0{padding-top:10px;}
	.dom-space1{padding-top:50px;}
	.dom-space2{padding-top:112px;}
	.dom-images{
		float:left;
		width:358px;
		}
	.dom-text{
		float:left;
		width:435px;
		}
		.dom-title{
			font-size:20px;
			color:#444444;
			font-family: Roboto;
			}
		.dom-isi{
			font-family: Roboto;
			font-size:12px;
			color:#444444;
			text-align:justify;
			padding-top:15px;
			line-height:18px;
			}
	
	.dom-text-map{float:left; width:260px; color:#5b5b5b; margin-left:15px; }
	.dom-text-map2{float:left; width:250px; color:#5b5b5b; margin:22px 0 0 15px;}
		.map-residential{background:url(../../images/icon/residential.png) no-repeat left; width:80px; height:20px; padding-left:26px; font-size:15px;}
		.map-hospitals{background:url(../../images/icon/hospitals.png) no-repeat left; width:65px; height:20px; padding-left:26px; font-size:15px;}
		.map-retail-malls{background:url(../../images/icon/retail-malls.png) no-repeat left; width:80px; height:20px; padding-left:26px; font-size:15px;}
		.map-hotels{background:url(../../images/icon/hotels.png) no-repeat left; width:45px; height:20px; padding-left:26px; font-size:15px;}
		.map-content{margin-top:10px;}
		.map-text{
			font-size:12px;
			color:#5b5b5b;
			background:url(../../images/background/menu-list.png) no-repeat left; 
			padding-left:20px;
			line-height:20px;
			margin-left:6px;
			}

.dom-footer{position:absolute; bottom:0px; left:0; background:url(../../images/background/dom-bottom.jpg) repeat-x top center; height:46px; display:block; width:820px;}
	.left-arrow{
		background:url(../../images/icon/arrow-left.png) no-repeat top left;
		width:17px;
		height:28px;
		float:left;
		display:block;
		margin:10px 0 0 26px;
		}
	.text{float:left; font-size:12px; color:#FFF; font-family: Roboto; text-align:center; width:734px; padding-top:18px;}
	.right-arrow{
		background:url(../../images/icon/arrow-right.png) no-repeat top right;
		width:17px;
		height:28px;
		float:right;
		display:block;
		margin:10px 26px 0 0;
		}

/*MEDIA SCREEN*/
@media only screen and (min-width: 220px) and (max-width: 620px) {/*mobile320*/
	.dom-space1{padding-top:0px;}
	.dom-images{display:none}	
	.dom-isi{padding-top:10px;}
	.flexcroll{display:none;}
		.fixedwidth{display:none;}
		.dom-mobile{display:block;}	
	.left-arrow{background-size:80% auto; float:left; }
	.right-arrow{background-size:80% auto; float:right;}	
}

/*		Mobile Layout: 320px.
		Inherits styles from: Default Layout. mobile320*/
@media only screen and (min-width: 220px) and (max-width: 320px) {
	.dom-text{float:none; width:230px; margin:0 auto; padding-bottom:60px;}
		.text{display:none;}
	.dom-footer{bottom:0px; width:256px; position:fixed;}
}

@media only screen and (min-width: 430px) and (max-width: 500px) {/*mobile568*/
	.dom-text{float:none; width:430px; margin:0 auto; padding-bottom:60px;}
		.text{width:360px; float:left;}
	.dom-footer{bottom:0px; width:470px; position:fixed;}		
}