@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background:url(../images/background.jpg) repeat left;
	font-family: 'Archivo Narrow', sans-serif;
}
#wrapper{
	width:990px;
	height:auto;
	margin:0px auto;
}
#header{
	width:986px;
	height:113px;
	background:#ffffff;
	border:1px solid #f0f0f0;
	margin-top:15px;
}
.header_left{
	width:260px;
	height:113px;
	float:left;
}
.logo { 
	width:224px; 
	height:54px;
	float:left;
	margin-top:30px; 
	margin-left:30px;
}
.header_right { width:725px; height:113px; float:left;}
.nav_spacer { width:725px; height:45px; float:left;}	
.nav_out { width:725px; height:30px; float:left;}
.nav_in { width:auto; height:30px; float:right; border-bottom:2px solid #f0f0f0;}

.navlink1 { width:71px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase; }
.navlink1 a { width:71px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase;  text-decoration:none; }
.navlink1 a:hover { width:71px; height:30px; float:left; color:#FFF; background:url(../images/navback_1.png) no-repeat left; text-decoration:none; text-transform:uppercase; }
.navlink1_current { width:71px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#FFF; text-align:center; text-transform:uppercase; background:url(../images/navback_1.png) no-repeat left; text-decoration:none; }

.navlink2 { width:90px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase; margin-left:8px; }
.navlink2 a { width:90px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase;  text-decoration:none; }
.navlink2 a:hover { width:90px; height:30px; float:left; color:#FFF; background:url(../images/navback_2.png) no-repeat left; text-decoration:none; text-transform:uppercase; }
.navlink2_current { width:90px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase;  background:url(../images/navback_2.png) no-repeat left; text-decoration:none; }

.navlink3 { width:102px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase; margin-left:8px; margin-right:8px; }
.navlink3 a { width:102px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase;  text-decoration:none; }
.navlink3 a:hover { width:102px; height:30px; float:left; color:#FFF; background:url(../images/navback_3.png) no-repeat left; text-decoration:none; text-transform:uppercase; }
.navlink3_current { width:102px; height:30px; float:left; line-height:34px; font-size:14px; font-weight:normal; color:#000; text-align:center; text-transform:uppercase;  background:url(../images/navback_3.png) no-repeat left; text-decoration:none; }


/*********************** Dropdown Code *********************************/
ul.menu {width:auto; list-style:none; margin:0; padding:0; font-size:11px;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#000; text-decoration:none;}
ul.menu li { width:auto; position:relative; float:left; margin-right:2px; height:25px; line-height:25px; font-size:11px;}
ul.menu ul {position:absolute; top:30px; left:0px; background:#f0f0f0; display:none; opacity:0; list-style:none; font-size:11px; }
ul.menu ul li { position:relative; font-size:11px; background:none; border:1px solid #FFF; border-top:none; width:150px; margin:0; height:25px; line-height:25px;}
ul.menu ul li a {width:auto; font-size:11px; display:block; height:25px; padding:0 0 0 10px; line-height:25px; background:none;}
ul.menu ul li a:hover { width:140px; text-align:left; text-decoration:none; color:#FFF; background:#ec3237; height:25px; line-height:25px;}
/**********************************************************************/

/*********************** Dropdown Code *********************************/
ul.menu1 {width:auto; list-style:none; margin:0; padding:0; font-size:11px;}
ul.menu1 * {margin:0; padding:0;}
ul.menu1 a {display:block; color:#000; text-decoration:none;}
ul.menu1 li { width:auto; position:relative; float:left; margin-right:2px; height:25px; line-height:25px; font-size:11px;}
ul.menu1 ul {position:absolute; top:30px; left:0px; background:#f0f0f0; display:none; opacity:0; list-style:none; font-size:11px; }
ul.menu1 ul li { position:relative; font-size:11px; background:none; border:1px solid #FFF; border-top:none; width:150px; margin:0; height:25px; line-height:25px;}
ul.menu1 ul li a {width:auto; font-size:11px; display:block; height:25px; padding:0 0 0 10px; line-height:25px; background:none;}
ul.menu1 ul li a:hover { width:140px; text-align:left; text-decoration:none; color:#FFF; background:#ec3237; height:25px; line-height:25px;}
/**********************************************************************/


.navlinksml_in { width:auto; height:30px; float:right; margin-top:5px; margin-right:18px;}
.navlinksmll { width:auto; height:30px; float:left; line-height:30px; font-size:11px; font-weight:normal; color:#aaaaaa; text-align:center; text-transform:uppercase; }
.navlinksmll a { width:auto; height:30px; float:left; line-height:30px; font-size:11px; font-weight:normal; color:#aaaaaa; text-align:center; text-transform:uppercase; padding:0 5px; text-decoration:none; }
.navlinksmll a:hover { width:auto; height:30px; float:left; line-height:30px; font-size:11px; font-weight:normal; color:#ec3237; text-align:center; text-transform:uppercase; text-decoration:none; }
.navlinksmll_current { width:auto; height:30px; float:left; line-height:30px; font-size:11px; font-weight:normal; color:#ec3237; text-align:center; text-transform:uppercase; padding:0 5px; text-decoration:none; }

.banner_out{
	width:990px;
	height:417px;
	float:left;
	margin-top:15px;
}

.welcome_out { width:990px; height:auto; float:left; border:1px solid #f0f0f0; margin-top:15px; background:#FFF;}
.welcome_txt { width:970px; height:auto; margin-left:10px; margin-top:10px; line-height:20px; font-size:15px; margin-bottom:10px; color:#7d7d7d; }


.project_box { width:990px; height:40px; float:left; border-top:2px solid #f0f0f0; border-bottom:2px solid #f0f0f0; margin-top:15px;}
.projectbox_in { width:320px; height:40px; float:left;}
.pro_square { width:24px; height:40px; float:left;}
.pro_name { width:70px; height:40px; float:left; line-height:16px; text-align:left; font-size:12px; font-weight:bold; text-transform:uppercase; color:#ec3237; margin-left:8px;}
.pro_arrow { width:7px; height:40px; float:left; margin-left:8px;}
.pro_text { width:190px; height:40px; float:left; line-height:16px; text-align:justify; font-size:10.2px; font-weight:normal; color:#5f5f5f; margin-left:8px; text-transform:uppercase;}

.middle_container {
	width:990px;
	height:auto;
	float:left;
	margin-top:15px;
}

.projectshow_out { width:320px; height:171px; float:left;}
.projectshow_in { width:320px; height:140px; float:left; overflow:hidden;}

.projecttype_title { width:318px; height:30px; float:left; background:#f0f0f0; border-bottom:1px dashed #d9d9d9; line-height:29px; font-size:16px; font-weight:normal; color:#000; text-align:left; text-transform:uppercase;}

.pronav_out { width:305px; height:21px; float:left; background:#FFF; border-bottom:1px dashed #d9d9d9; margin-top:6px;}
.pronav_bullet { width:10px; height:21px; float:left; background:url(../images/nav_bullet.png) left top no-repeat #FFF;}

.pro_nav { width:295px; height:21px; float:left; line-height:21px; font-size:13px; font-weight:normal; color:#000; text-align:left; text-transform:uppercase;}
.pro_nav a { width:295px; height:21px; float:left; line-height:21px; font-size:13px; font-weight:normal; color:#000; text-align:left; text-transform:uppercase; text-decoration:none;}
.pro_nav a:hover { width:295px; height:21px; float:left; line-height:21px; font-size:13px; font-weight:normal; color:#ec3237; text-align:left; text-transform:uppercase; text-decoration:none; }

.project_select { width:328px; height:171px; float:left; margin-left:10px; margin-right:10px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; }
.proshow_out { width:308px; height:170px; float:left; margin-left:10px; border-bottom:1px dashed #d9d9d9;}
.proshow_title { width:308px; height:30px; float:left; background:#f0f0f0; border-bottom:1px dashed #d9d9d9; line-height:29px; font-size:16px; font-weight:normal; color:#000; text-align:left; text-transform:uppercase;}
.red_square { width:16px; height:30px; float:left; margin-left:8px; margin-right:8px;}
.proshow_in { width:308px; height:129px; float:left; margin-top:10px; background:#FFF;}
.pro_img { width:125px; height:112px; float:left; margin-left:8px; margin-top:8px;}
.pro_txt { width:160px; height:90px; float:left; margin-left:8px; margin-top:8px; line-height:18px; text-align:justify; font-size:12px; font-weight:normal; color:#5f5f5f; }
.readmore_out { width:160px; height:15px; float:left; margin-top:7px; margin-left:8px;}
.readmore { width:70px; height:15px; float:right; line-height:15px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#f47334;}
.readmore a { width:70px; height:15px; float:right; line-height:15px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#f47334; text-decoration:none;}
.readmore a:hover { width:70px; height:15px; float:right; line-height:15px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#ec3237;}

.readmore1 { width:70px; height:20px; float:right; line-height:20px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#f47334;}
.readmore1 a { width:70px; height:20px; float:right; line-height:20px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#f47334; text-decoration:none;}
.readmore1 a:hover { width:70px; height:20px; float:right; line-height:20px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#ec3237;}


a.gallery { width:70px; height:20px; float:left; line-height:20px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#f47334; text-decoration:none;}
a:hover.gallery  { width:70px; height:20px; float:left; line-height:20px; text-align:center; font-size:11px; font-weight:normal; color:#FFF; text-transform:uppercase; background:#ec3237;}

.page_title { width:990px; height:30px; float:left; background:#f0f0f0; border-bottom:1px dashed #d9d9d9; line-height:29px; font-size:16px; font-weight:normal; color:#000; text-align:left; text-transform:uppercase;}
.content_container { width:990px; height:auto; float:left; margin-top:15px; background:#FFF; border-bottom:1px dashed #d9d9d9; }
.content { width:970px; height:auto; float:left; margin-left:10px; margin-top:10px; line-height:18px; text-align:justify; font-size:15px; font-weight:normal; color:#7d7d7d; margin-bottom:10px; }
.pro_content { width:813px; height:auto; float:left; margin-top:10px; line-height:18px; background:#FFF; border:1px solid #f0f0f0; margin-bottom:10px;}
.procontent_in { width:793px; height:auto; float:left; margin-left:10px; margin-top:10px; line-height:20px; text-align:justify; font-size:15px; font-weight:normal; color:#7d7d7d; margin-bottom:10px;}




.footer{
	width:990px;
	height:35px;
	float:left;
	background:#f0f0f0;
	margin-top:15px;
	margin-bottom:15px;
	text-align:left; font-size:11px; font-weight:normal; color:#7d7d7d; text-transform:uppercase;
}
.copyright { width:auto; height:35px; float:left; margin-left:10px; line-height:36px; }
.follow_out { width:auto; height:35px; float:right; margin-right:10px;}
.follow { width:auto; height:35px; float:left; line-height:36px;}
.link { color:#7d7d7d; text-decoration:none;}
.link a { color:#7d7d7d; text-decoration:none;}
.link a:hover { color:#000; text-decoration:none;}
.social_icon { width:15px; height:35px; float:left; margin-left:5px;}





.slik_banner { width:990px; height:150px; float:left; margin-top:15px;}
.right_navigation { width:160px; height:auto; float:left; margin-left:15px; margin-top:10px;}

.right_nav { width:160px; height:25px; line-height:25px; float:left; background:#FFF; text-align:center; color:#333; font-size:13px; text-transform:uppercase;}
.right_nav a { width:160px; height:25px; line-height:25px; float:left; border:1px solid #f0f0f0; background:#FFF; text-align:center;  color:#333; font-size:13px; text-transform:uppercase; text-decoration:none;}
.right_nav a:hover { width:160px; height:25px; line-height:25px; float:left; border:1px solid #ec3237; background:#f47334; text-align:center; color:#FFF; font-size:13px; text-transform:uppercase; text-decoration:none;}
.right_nav_current { width:160px; height:25px; line-height:25px; float:left; border:1px solid #ec3237; background:#f47334; text-align:center; color:#FFF; font-size:13px; text-transform:uppercase; text-decoration:none;}

.rightnav_divider { width:160px; height:1px; float:left; border-bottom:1px dashed #d9d9d9; margin-top:8px; margin-bottom:8px;}
.floor_thumb { width:200px; height:181px; float:left; margin-bottom:30px; margin-right:30px;}
.floor_thumb1 { width:160px; height:120px; margin-bottom:25px; float:left; margin-right:31px;}
.floor_img { width:200px; height:156px; float:left; }
.floor_txt { width:200px; height:30px; float:left; line-height:30px; text-align:center; font-size:14px; color:#333;}

.ongpro_box { width:480px; height:auto; float:left; border:1px solid #f0f0f0; margin-left:8px; margin-top:10px; margin-bottom:10px;}
.ongpro_img { width:125px; height:112px; float:left; padding:10px;}
.ongpro_txt { width:325px; height:83px; float:left; padding:10px; padding-left:0px; text-align:justify; font-size:14px; font-weight:normal; color:#7d7d7d; line-height:20px;}
.ongpro_read { width:325px; height:20px; float:left;}
/**************************** Code ***********************************/

	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		width: 100%;
		font-family:Arial;
		background:#f0f0f0;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 31px;
		line-height: 31px;
		border: 1px solid #dddddd;
		border-left: none;
		font-family:Arial;
		font-size:13px;
		font-weight: bold;
		background: #EEEEEE;
		overflow: hidden;
		position: relative;
	}
	ul.tabs li:hover {
		background: #CCCCCC;
	}	
	ul.tabs li.active{
		background: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	.tab_container {
		border: 1px solid #dddddd;
		border-top: none;
		clear: both;
		float: left; 
		width: 100%;
		background: #FFFFFF;
	}
	.tab_heading{
		padding: 10px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:18px;
		font-weight: normal;
		float:inherit;
		}
		#tab_heading{
		padding: 10px 0px 0px 40px;
		width:960px;
		height:250px;		
		
		float: inherit;
		
		}
	.tab_content {
		padding: 10px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:12px;
		font-weight:600;
		color:#666;
		display: none;
	}
	#container_tab {
		width: 793px;
		float:left;
	}
	#container_tab1 {
		width: 985px;
		float:left;
	}



.red { color:#ec3237; font-weight:bold;}
.blue { color:#006eab;  font-weight:bold;}
.green { color:#00a35e;}
img.img-thumb{ width:160px; height:120px; display:block; float:left;}