body, html {margin:0; padding:0; font:12px Arial, Tahoma, Helvetica, sans-serif; }

a { outline:none; text-decoration:none;  }

.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }

#main-wrapper {  position: relative; width:902px; margin:0 auto 15px auto; }

/*#header { background:url(http://www.thetamandayu.com/style/images/header.jpg) 0 0 no-repeat; padding-top:231px; font-family:"CalibriRegular", "MyriadProRegular", Tahoma;  } */
.back-green{
	background: none !important;
	background-color: transparent !important;
	border-radius: 0px !important;
	background-color: #0d7724 !important;
}
.back-green span.right img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.3);
border: 1px solid #333333;
}
.back-black{
	background: none !important;
	background-color: transparent !important;
	border-radius: 0px !important;
	background-color: #000 !important;
}
.back-green span.right, 
.back-green span.right img,
.back-black span.right, 
.back-black span.right img{
	background-color: transparent !important;
}

#header #menu { line-height:28px; /*height:28px;*/ background-color:#000; text-align:right; padding:0 18px; font-size:12px; cursor:default; }
#header #menu ul { float:left; margin: 0; padding: 0px; margin-left: 22px; list-style: none; }
#header #menu li { float:left; position:relative; cursor:pointer; padding: 4px 0px; }
#header #menu li.right { margin-right:0; }
#header #menu li a { font-weight: normal; background-color: transparent; color:#fff; cursor:pointer; display:block; padding:0 10px; text-decoration: none; /*padding:0 19px 0 10px;*/  }
#header #menu li ul { list-style: none; float:none; margin: 0; background-color:#000; position:absolute; /*left:-10px;*/ left:-1px; top:28px; z-index:9999; }
#header #menu li li { margin:0; float:none; white-space:nowrap; text-align:left; }
#header #menu li.hover { background-color:#333; text-decoration: none; }

#header #menu ul ul ul 	{ list-style: none; left: 100%; top: 0; margin: 0; }
#header #menu ul.menu-child li:hover > ul.menu-child{ visibility: hidden; }

#header #breadcrumb { line-height:30px; font-size:16px; padding:0 10px; margin-bottom:10px; text-transform:uppercase; *padding-bottom:10px; }
#header #breadcrumb span, #header #breadcrumb a { color:#000; margin-right:5px; }
#header #breadcrumb span { cursor:default; float:left; }
#header #breadcrumb span span { float:none; font-size: 12px;}
#header #breadcrumb span.bright { float:right; text-transform:none; margin:0; }

.adv-top #breadcrumb { /*line-height:30px;*/ font-size:16px; padding:0 10px; /*margin-bottom:10px;*/ text-transform:uppercase; *padding-bottom:10px; }
.adv-top #breadcrumb span, .adv-top #breadcrumb a { color:#000; margin-right:5px; }
.adv-top #breadcrumb span { cursor:default; /*float:left;*/ }
.adv-top #breadcrumb span span { float:none; font-size: 12px;}
.adv-top #breadcrumb span.bright { /*float:right;*/ text-transform:none; margin:0; }

#header .social-network-buttons { width:16px; line-height:16px; height:16px; display:inline-block; text-indent:-9999px; }
#header .sc-facebook { background:url(images/facebook_16.png) 50% 50% no-repeat; }
#header .sc-twitter { background:url(images/twitter_16.png) 50% 50% no-repeat; }
#header .sc-rss { background:url(images/rss_16.png) 50% 50% no-repeat; margin-right:15px !important; }


.adv-top .social-network-buttons { width:16px; line-height:16px; height:16px; display:inline-block; text-indent:-9999px; }
.adv-top .sc-facebook { background:url(images/facebook_16.png) 50% 50% no-repeat; }
.adv-top .sc-twitter { background:url(images/twitter_16.png) 50% 50% no-repeat; }
.adv-top .sc-rss { background:url(images/rss_16.png) 50% 50% no-repeat; margin-right:15px !important; }

#doc-wrapper { margin-left:212px; }
#sidebar-left { width:199px; overflow:hidden; margin-left:-212px; }
	#sidebar-left .adv-top { margin-bottom:3px; }
	#sidebar-left .categories { background-color:#0d7724; margin-bottom:11px; }
	#sidebar-left .categories h2 { background-color:#2b2b2b; color:#fff; font-family:"MyriadProRegular", Arial; font-size:17px; line-height:31px; padding:5px 15px; }
    #sidebar-left .categories h2 span { line-height:normal; }
	#sidebar-left .categories h2.whats-on { margin: 0; background:url(images/submenu-sprite.png) 0 0 no-repeat; text-indent:-9999px; height:31px; padding:0 0 0 15px; }
	
	#sidebar-left .categories ul {
		height: auto;
		list-style: none;
		margin: 0px;
		padding: 0px;
		padding:3px 0 0 15px; 
	}
	.text-copyright{
		font-size: 11px;
		color: #000;
		line-height: 1.2;
	}
	#sidebar-left .categories ul li { border-bottom:1px solid #6a8895; padding-right:15px; line-height: 15px; }
	#sidebar-left .categories ul li.bottom { border-bottom:none; }
	#sidebar-left .categories ul li a { text-decoration: none; color:#fff; font-family:"MyriadProRegular", Arial; font-size:14px; display:block; padding:6px 0 4px 12px;  background:url(images/arrow-small.gif) 0 50% no-repeat; }
	#sidebar-left .categories ul li a span { line-height:normal; }
    
    #sidebar-left .adv { text-align:center; margin:0 0 11px; }

#doc { width:474px; min-height:100px; margin-right:14px; overflow:hidden; }
	#doc .adv-top { margin-bottom:14px; }
	#doc .articles {}
.advis{ font-size:13px;}

#sidebar-right { width:202px; }
	#sidebar-right #search { margin-bottom:6px; *margin-bottom:5px; *padding-bottom:1px; }
		#sidebar-right #search input.text { width:128px; padding:1px 1px; border:1px solid #000; margin-right:5px; margin-right :7px; *margin-right:5px; outline:none; 
		background-color: transparent;
		border-radius: 0px;
		}
		#sidebar-right #search input.submit { padding:2px 8px; padding:2px 3px 1px; background:#2b2b2b; color:#fff; border:none; cursor:pointer; }
	#sidebar-right .adv { text-align:center; margin:0 0 11px; }
	
#footer {
	width:902px; 
	margin:-5px auto 0px auto;
}
#logo-ft {
	width:902px; 
	background:url(images/footer.png) no-repeat;
	height:231px;
}
.pagination {   line-height:30px; font-family:tahoma; text-align:right; margin-top:30px;   }
.pagination a { padding:2px 4px; background-color: #307376; color:#fff; }
.pagination a:hover { color:#fff; background-color:maroon; }
.pagination span.page-number-cur { padding:2px 4px; background-color:#000; color:#fff; font-weight:bold; }

#google-maps { margin-bottom:20px; height:350px; padding:5px; border:1px solid #000; }

.bn_ym{width: 198px;
height: auto;}
.vector{padding-bottom: 5px;
border-bottom: 1px solid #ddd;}
.judul-ym{
font-size: 15px;
font-weight: bold;
margin-bottom: 12px;
}
.list_bn_ym{width: 198px;
padding-bottom: 7px;
}
.list_bn_ym span{ font-size: 12px; font-weight: bold; color: #000; }
.list_bn_ym a{border: none; text-decoration:none; margin-right: 5px; margin-bottom: 5px;}
.list_bn_ym a img{ width: 70px;
height: 20px;
margin-bottom: 6px;}

/*  Poling */
.poling{}
	table.tab{max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;}
table.tab tbody{}
table.tab tbody tr{margin: 0px; }
table.tab tbody tr td{padding: 1px;
line-height: 20px;
text-align: left;
vertical-align: top;
	}
	
table.tab tbody tr td label.radio, table.tab tbody tr td label{min-height: 20px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	color: #000000;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}
	
table.tab tbody tr td span a{
	min-height: 20px;
	padding-left: 8px;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	color: #000000;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}
	table.tab tbody tr td span a:hover{
	color: rgb(40, 216, 89);
	}
	table.tab tbody tr td label.radio input[type="radio"]{
	float: left;
	margin-left: 10px;
	margin-top: 4px;
	}
	
	h1,h2,h3,h4,h5,h6{
		margin: 0;
	}
	ul{
		list-style: none;
		margin: 0;
	}
	
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	.nav-off-clk{
		display: block;
	}
	
	#main-wrapper { margin:auto; width:95%; }
	
	/* HEADER */
	#header > .sliderwrapper { width:auto; height:; }
	#header > .sliderwrapper img { width:100%; display:block; }
	
	/*#header #menu { height:auto; }*/
	#header #menu > ul { float:none; text-align:center; font-size:15px; }
	#header #menu > ul > li { display:block; float:none; }
	
	
	/* KONTEN */
	#doc-wrapper, #sidebar-left  { margin:0px; }
	
	#sidebar-left { width:100%; float:none; }
	#doc { width:100%; float:none; }
	#doc img { max-width:100%; max-height:100%;}
	#sidebar-right { width:100%; float:none; }
	
	.box-download-l , .poling { margin:auto; width:212px; }
	
	.bn_ym{
		width: 100%;
		height: auto;
		clear: both;
		margin-bottom: 23px;
	}
	
	.list_bn_ym{
		float: left;
		width: 160px;
	}
}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	#main-wrapper { margin:auto; width:95%; }
	
	/* HEADER */
	#header > .sliderwrapper { width:auto; height:; }
	#header > .sliderwrapper img { width:100%; display:block;}
	
	/*#header #menu { height:auto; }*/
	#header #menu > ul { float:none; text-align:left; font-size:15px; margin: 0px; }
	#header #menu > ul > li { display:block; float:none; }
	
	#header #menu li ul { position:absolute; top:0px; left:20%; }
	
	/* KONTEN */
	#doc-wrapper, #sidebar-left  { margin:0px; }
	#sidebar-left .adv { padding:0px; text-align:left; }
	
	#sidebar-left { width:100%; float:none; }
	#doc { width:100%; float:none; }
	#doc img { max-width:100%; max-height:100%;}
	#sidebar-right { width:100%; float:none; }
	#sidebar-right .adv { padding:0px; text-align:left; }
	
	.box-download-l , .poling { margin:0px 0px 20px 0px; width:212px; }
	
	.bn_ym{
		width: 100%;
		height: auto;
		clear: both;
		margin-bottom: 23px;
	}
	
	.list_bn_ym{
		float: left;
		width: 160px;
	}
}



 
/* Landscape phones and down */
@media (max-width: 480px) {
	
	#main-wrapper { margin:auto; width:95%; }
	
	/* HEADER */
	#header > .sliderwrapper { width:auto; height:; }
	#header > .sliderwrapper img { width:100%; display:block; }
	
	/*#header #menu { height:auto; }*/
	#header #menu > ul { float:none; text-align:left; font-size:15px; }
	#header #menu > ul > li { display:block; float:none; }
	
	#header #menu li ul { position:absolute; top:0px; left:30%; }
	
	/* KONTEN */
	#doc-wrapper, #sidebar-left  { margin:0px; }
	#sidebar-left .adv { padding:0px; text-align:left; }
	
	#sidebar-left { width:100%; float:none; }
	#doc { width:100%; float:none; }
	#doc img { max-width:100%; max-height:100%;}
	#sidebar-right { width:100%; float:none; }
	#sidebar-right .adv { padding:0px; text-align:left; }
	
	.box-download-l , .poling { margin:0px 0px 20px 0px; text-align:left; width:212px; }
	
	.bn_ym{
		width: 100%;
		height: auto;
		clear: both;
		margin-bottom: 23px;
	}
	
	.list_bn_ym{
		float: left;
		/*width: 160px;*/
		width: 135px;
	}
}



/*ICON*/
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

.icon-bed{
	background: url(images/B1.png);
	margin-top: 0px;
	width: 21px;
	height: 21px;
	line-height: 20px;
}
.icon-bath{
	background: url(images/S1.png);
	margin-top: 0px;
	width: 22px;
	height: 22px;
	line-height: 20px;
}
.icon-carp{
	background: url(images/C1.png);
	margin-top: 0px;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.icon-view{
	background-image: url("images/glyphicons-halflings.png");
	background-position: -48px 0;
	width: 14px;
	height: 14px;
}
.icon-download-alt{
	background-image: url("images/glyphicons-halflings.png");
	background-position: -96px -24px;
	width: 14px;
	height: 14px;
}
.icon-home{
	background-image: url("images/glyphicons-halflings.png");
	background-position: 0 -24px;
	width: 14px;
	height: 14px;
}

.box-d-viewspecific{
	width: 473px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #000;
}
.box-d-viewspecific .text-boxspec{
	margin: 0;
	padding: 0;
}
.box-d-viewspecific .text-boxspec h6{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 22px;
	color: #000;
	margin-bottom: 14px;
}
.box-d-viewspecific .text-boxspec p b{
	font-weight: bold;
	font-size: 15px;
}
.box-d-viewspecific .text-boxspec p{
	margin: 0;
	padding: 0;
	font-size: 13.5px;
	color: #000;
	line-height: 1.4;
	margin-bottom: 10px;
}
.view-denah {}
.view-harga {
    float: left;
}
.view-interior {
    float: left;
    margin-left: 20px;
}
.view-denah a,
.view-harga a,
.view-interior a{
 text-decoration: none !important;
}

.affix-backtop{
	position: absolute;
	width: 120px;
	height: auto;
	bottom: 10px;
	right: 0px;
	z-index: 10;
}
.icon-Ttop{
	background: url(images/Icon-top-pg.jpg) no-repeat !important;
	/*margin-top: 0px;*/
	width: 21px !important;
	height: 21px !important;
	line-height: 20px !important;
	margin-top: -3px !important;
}
.affix-backtop a{
	font-size: 14px;
	color: #000;
	text-decoration: none;
}