/* CSS Document */

html, body { height:100%;  min-width:978px;}	
body { 
	background: url(../images/bg.jpg) top center no-repeat fixed #e7eaef; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin:0 auto;
	padding:30px 0;
	line-height:24px;
	text-align:justify;
}

p { margin-bottom:20px;}
input, select, textarea {font-family:Verdana, Geneva, sans-serif; font-size:12px; border:1px solid #d3d3d3; margin:2px 0;}
input {width:210px; height:20px;}
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}
select {width:212px; height:24px;}
textarea {width:210px;}
form, table { margin:0; padding:0;}

a img {border:0;}
a { text-decoration:none;}

.left {float:left;}
.right {float:right;}
.clearing {clear:both;}

.page_wrap {
	width:980px;
	margin:0 auto;
	padding-bottom:30px;
}

.img_center {
	display:block;
	margin:0 auto;
}
.img_left {
	float:left;
	margin:7px 15px 15px 0;
}
.img_right {
	float:right;
	margin:7px 0 15px 15px;
}

#left_col, #left_col_bot {
	padding:33px 20px 0 20px;
	background:#fff;
	width:237px;
	font-family:"Times New Roman", Times, serif;
	vertical-align:top;
}
#left_col_bot { vertical-align:bottom !important;}

#right_col {
	padding:20px 20px 40px 20px;
	background:#212121;
	width:663px;
	color:#d7d7d7;
	vertical-align:top;
}

a.logo { background:url(../images/logo_tenggara_teguh.jpg) top left no-repeat; width:237px; height:172px; display:block;}
#group { padding:0 28px;}
#group img { margin-right:10px;}
#group img.last { margin-right:0 !important;}

/*
#nav { margin:0; padding:0; margin-top:30px;}
#nav li { margin:0; list-style:none; font-size:16px; text-transform:uppercase; line-height:16px;}
#nav li a { color:#000; padding:20px 26px; display:block;}
#nav li a .num { font-size:30px; color:#ccc; line-height:24px; margin-right:18px;}
#nav li a:hover, #nav li a:hover .num { background:#0072ba; color:#fff;}
*/

#nav { margin:0; padding:0; margin-top:30px;}
#nav li { margin:0; list-style:none; font-size:16px; text-transform:uppercase; line-height:37px; padding:10px 0 10px 14px;}
#nav li .num { font-size:30px; color:#ccc; line-height:37px; margin-right:18px;}
#nav li a { color:#000; padding:0; display:block; background:url(../images/nav_bg_w.png) 0 0 no-repeat; text-align:center; width:170px; height:37px; overflow:hidden;}
#nav li a:hover { background:url(../images/nav_bg_w.png) bottom left no-repeat; color:#fff;}

#mc_embed_signup { background:#f4f4f4; padding:15px 12px 20px 12px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#mc_embed_signup .title { font-size:16px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; margin-bottom:10px;}
#mc_embed_signup .btn_submit { background:url(../images/btn_w.gif) top left no-repeat; width:64px; height:23px; display:block; line-height:22px; text-align:center; color:#fff; margin-top:5px; border:0; cursor:pointer;}
#mc_embed_signup .btn_submit:hover { background:url(../images/btn_w.gif) bottom left no-repeat; }
#mce-error-response {font-size:11px; color:#C60; line-height:normal; margin-top:5px; text-align:left;}
#mce-success-response {font-size:11px; color:#666; line-height:normal; margin-top:5px;}

#contact { background:url(../images/icon_tel.gif) 480px 4px no-repeat; text-align:right; font-size:12px; margin-bottom:11px;}

#slider_container { background:#181818; padding:11px; margin-bottom:20px;}
#slider {
	float: left;
	width: 641px;
	height: 394px;
	overflow: hidden;
}
#banner {
	width: 641px;
	height: 200px;
	overflow: hidden;
}

#home_content { width:205px; padding:15px 16px; background:#333; border:1px solid #464646; float:left; margin-right:18px;}
#home_content .title { font-family:"Times New Roman", Times, serif; border-bottom:double #464646; font-size:17px; text-transform:uppercase; padding-bottom:10px; margin-bottom:15px; text-align:center;}
#home_content img { border:5px solid #616161;}
#home_content ul { margin:15px 0 20px 0; padding:0;}
#home_content li { margin:0; padding:5px 8px; list-style:none; line-height:normal;}
#home_content li.even { background:#464646;}
#home_content a.more { background:url(../images/btn_gr.gif) top left no-repeat; width:85px; line-height:21px; color:#fff; text-align:center; display:block; }
#home_content a:hover.more {background:url(../images/btn_gr.gif) bottom left no-repeat; }

a.home_promo { background:url(../images/promotion.jpg) top right no-repeat; width:148px; height:261px; display:block; float:right;}
a:hover.home_promo { background:url(../images/promotion.jpg) top left no-repeat;}

.home_promo { background:url(../images/promotion.jpg) top right no-repeat; width:148px; height:261px; display:block; float:right;}

#content { padding:0 5px; /*padding:5px 16px 25px 16px; background:#333; border:1px solid #464646;*/}
#content .title { font-family:"Times New Roman", Times, serif; color:#fff; line-height:40px; border-bottom:double #464646; font-size:18px; text-transform:uppercase; margin:10px 0 25px 0;}

#content a {color:#6dcff6;}
#content a:hover {color:#0072ba;}

#content table { margin:0 auto;}
#content td { vertical-align:top;}
#content form {background:#333; border:1px solid #464646; padding:20px 10px 10px 10px; margin:0 auto;}

#logo_container { /*background:#444;*/ padding:10px; color:#fff; line-height:normal; text-align:center; margin:0 10px 10px 0; width:120px;}
#logo_container.last { margin-right:0;}
#logo_container img { margin-bottom:5px;}

#logos_container { padding:5px 31px 0 31px;}

.list { margin:0; padding:0;}
.list li { margin:0; padding:0; list-style:none; font-size:12px; }
.list li a {/*padding:5px 10px;*/ padding-bottom:14px; background:/*#0072ba*/url(../images/tab_grow.jpg) top left no-repeat; text-align:center; color:#fff !important; height:40px; line-height:40px; width:137px; overflow:hidden; display:block; float:left; margin-right:10px; }
.list li a:hover { background:/*#000*/url(../images/tab_grow.jpg) bottom left no-repeat;}
.list li a.dato {background:/*#0072ba*/url(../images/tab_grow_long.jpg) top left no-repeat; width:192px;}
.list li a:hover.dato { background:/*#000*/url(../images/tab_grow_long.jpg) bottom left no-repeat;}

#effect {overflow:hidden; width:600px; height:560px;}
.para { width:580px; height:510px; float:left; padding:20px; padding-top:10px;}

.container { border:groove 5px #444; padding:10px; margin:10px 0;}
.container ul { margin:0; padding:0 0 0 10px;}
.container li ul { list-style:none;}

.btn { background:url(../images/btn_trans.png) top left no-repeat; width:85px; height:21px; color:#fff; text-align:center; display:block; border:0; margin:10px; cursor:pointer;}
.btn:hover {background:url(../images/btn_trans.png) bottom left no-repeat; }

.txt-14 { font-size:14px; color:#fff;}
.subtitle { font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase;}
.small_title { font-size:12px; color:#fff; font-weight:bold;}
.subtitle2 { color:#fff; font-size:18px; line-height:28px;}
.big_cap { font-size:24px; text-transform:uppercase;}

#featured_title_container {background:url(../images/featured_top.gif) 0 0 no-repeat;}
#content .featured_title { background:url(../images/title_bg.gif) 0 0 repeat-x; line-height:44px; padding:0 15px; margin-right:56px; float:right; font-size:16px; font-weight:bold; text-transform:uppercase; color:#fff;}
#content .featured_box { background:#333; border:1px solid #464646; border-top:0; padding:0 15px 20px 8px;}
#content .featured_box .mainimg { margin:20px 10px; border:10px solid #3c486e;}
#content .featured_box p { margin-bottom:auto; text-align:justify;}
#content .featured_box a { color:#00ffff; background:url(../images/btn_dark.gif) 0 0 no-repeat; line-height:27px; display:block; text-align:left; padding:0 12px 0 29px; width:172px; margin-bottom:5px; }
#content .featured_box a.apartment {color:#33c8fd;}
#content .featured_box a.townhosue {color:#c6fe5a;}
#content .featured_box a:hover { color:#fff;} 

#content .featured_box a.promo { background:url(../images/promotion.png) top right no-repeat; width:143px; padding:0; height:261px; display:block; float:right; margin:10px 0 0 20px;}
#content .featured_box a:hover.promo { background:url(../images/promotion.png) top left no-repeat;}

#content .featured_box .promo { background:url(../images/promotion.png) top right no-repeat; width:143px; padding:0; height:261px; display:block; float:right; margin:10px 0 0 20px;}

#content .featured_box a.lang_btn {background:url(../images/btn_trans.png) top left no-repeat; width:39px; height:21px; padding:0 23px; line-height:21px; color:#fff; display:block; float:right;}
#content .featured_box a.lang_btn:hover {background:url(../images/btn_trans.png) bottom left no-repeat; }

#hot1 {padding:196px 0 0 9px; width:300px; margin-right:9px; background:url(../images/dev-current/crestin-park/hot-crestin-apartment.jpg) 0 0 no-repeat;}
#hot2 {padding:196px 0 0 9px; width:300px; background:url(../images/dev-current/crestin-park/hot-crestin-townvilla.jpg) 0 0 no-repeat;}
#hot3 {padding:196px 0 0 9px; width:300px; margin-right:9px; background:url(../images/dev-current/crestin-park/hot-crestin-7-apartment.jpg) 0 0 no-repeat;}
#hot4 {padding:196px 0 0 9px; width:300px; background:url(../images/dev-current/crestin-park/hot-crestin-semi-d.jpg) 0 0 no-repeat;}
#hot1 .title, #hot2 .title, #hot3 .title, #hot4 .title { line-height:35px; font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-transform:capitalize; border:0;}

#crestin1 {padding:196px 0 0 9px; width:300px; margin-right:9px; background:url(../images/dev-current/crestin-park/crestin-apartment.jpg) 0 0 no-repeat;}
#crestin2 {padding:196px 0 0 9px; width:300px; background:url(../images/dev-current/crestin-park/crestin-townvilla.jpg) 0 0 no-repeat;}
#crestin1 .title, #crestin2 .title { line-height:35px; font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-transform:capitalize; border:0;}

h1.phase {font-size:24px; font-family:'Times New Roman', Times, serif; color:#ffea00; font-style:italic; margin:0 10px 20px 10px; padding:15px 15px 0 15px; /*border-bottom:1px #666 dashed;*/}

.topbox { padding-top:0px; margin-left:10px; line-height:30px;}
.topbox img { background:url(../images/topbox_img_bg.gif) top left repeat-x; padding:5px;}
.last { margin-right:0;}

.hotline_s {background:url(../images/icon_tel_red.gif) 2px 2px no-repeat; line-height:25px; padding-left:30px; margin:0;}
.freehold {background:url(../images/icon_freehold.jpg) 0 0 no-repeat; width:160px; height:160px; display:block; margin:40px 100px 0 0;}

#current.gallery li { width:306px; padding:0; margin:0; margin-bottom:20px; text-align:left; list-style:none; }
#current.gallery li img { margin-bottom:7px;}

.gallery { padding:0; margin:0;}
.gallery li.left { width:208px; padding:0; margin:0; margin-right:14px; text-align:left; list-style:none; }
.gallery li.last { margin-right:0;}
.gallery li .small_title { font-size:11px; }

#current a.btn {color:#fff; line-height:21px; margin-left:0;}

.red_sticker {background:url(../images/red_sticker_bg.gif) 0 0 no-repeat; padding:20px 18px; width:145px; height:60px; overflow:hidden; font-weight:bold; font-size:13px; color:#fff; line-height:normal;}
.red_sticker .phone { font-size:15px; color:#FF0; line-height:30px;}

.img_border { border:5px solid #616161;}

.mark {color:#FF0000;}

#footer {
	background:#000;
	color:#969696;
	padding:0 20px;
	line-height:64px;
}
#footer a {color: #969696; text-decoration:none; font-style:italic;}
#footer a:hover {color: #c6efff;}