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

@font-face {
 font-family: "RSU";
 src: url("font/RSU_Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: "RSU";
 src: url("font/RSU_Regular.ttf") /* TTF file for CSS3 browsers */
}


@font-face {
 font-family: "DIN";
 src: url("font/DINMittelschriftStd.eot") /* EOT file for IE */
}
@font-face {
 font-family: "DIN";
 src: url("font/DINMittelschriftStd.ttf") /* TTF file for CSS3 browsers */
}



body{
	background:#ffffff;
	margin:0px;
	padding:0px;
	font-family: Arial,Tahoma;
	font-size:12px;
	color:#464646;
	line-height:140%;
}

a{
	font-family: Arial,Tahoma;
	font-size:13px;
	color:#666666;
}
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:active {  text-decoration: none }
a:hover {
	color:#999;
	text-decoration: none;
}

a img:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}

a img{
	border:0;
}



.area_content{
 width:920px;	
}



.header{	
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	width:920px;
	height:152px;
	border:0px #F00 solid;
	text-align:left;
}

.header a{
	text-indent:-9999px;
	position:absolute;
	width:920px;
	height:152px;
}
.header a.logo{
	background:url(../img/bg_template-th.png) no-repeat -423px -0px; 
	margin-top:13px; margin-left:423px;
	width:72px; height:64px;
}
.header a.logo:hover{
	background:url(../img/bg_template-th.png) no-repeat -423px -200px; 
	margin-top:13px; margin-left:423px;
	width:72px; height:64px;
}

.header a.about{
	background:url(../img/bg_template-th.png) no-repeat -104px -80px; 
	margin-top:80px;
	margin-left:104px;
	width:100px; height:30px;
	border:0px #F00 solid;
	
}
.header a.about-active , .header a.about:hover{
	background:url(../img/bg_template-th.png) no-repeat -104px -280px; 
	margin-top:80px;
	margin-left:104px;
	width:100px; height:44px;
	border:0px #F00 solid;
	z-index:5;
}



.header a.service{
	background:url(../img/bg_template-th.png) no-repeat -240px -80px; 
	margin-top:80px;
	margin-left:240px;
	width:80px; height:30px;
	border:0px #F00 solid;
}
.header a.service-active , .header a.service:hover{
	background:url(../img/bg_template-th.png) no-repeat -240px -280px; 
	margin-top:80px;
	margin-left:240px;
	width:80px; height:30px;
	border:0px #F00 solid;
}



.header a.client{
	background:url(../img/bg_template-th.png) no-repeat -395px -80px; 
	margin-top:80px;
	margin-left:395px;
	width:110px; height:46px;
	border:0px #F00 solid;
		z-index:5;
}
.header a.client-active , .header a.client:hover{
	background:url(../img/bg_template-th.png) no-repeat -395px -280px; 
	margin-top:80px;
	margin-left:395px;
	width:110px; height:44px;
	border:0px #F00 solid;
		z-index:5;
}



.header a.find{
	background:url(../img/bg_template-th.png) no-repeat -540px -80px; 
	margin-top:80px;
	margin-left:540px;
	width:150px; height:30px;
	border:0px #F00 solid;
}
.header a.find-active , .header a.find:hover{
	background:url(../img/bg_template-th.png) no-repeat -540px -280px; 
	margin-top:80px;
	margin-left:540px;
	width:150px; height:30px;
	border:0px #F00 solid;
}


.header a.contact{
	background:url(../img/bg_template-th.png) no-repeat -746px -80px; 
	margin-top:80px;
	margin-left:746px;
	width:70px; height:30px;
	border:0px #F00 solid;
}
.header a.contact-active , .header a.contact:hover{
	background:url(../img/bg_template-th.png) no-repeat -746px -280px; 
	margin-top:80px;
	margin-left:746px;
	width:70px; height:30px;
	border:0px #F00 solid;
}


.header a.line{
	background:url(../img/bg_template-th.png) no-repeat left -110px; 
	margin-top:110px;
	margin-left:0px;
	width:920px; height:15px;
	border:0px #F00 solid;
	cursor:default;
}

.sub_client{
	width:250px; height:45px; border:0px #F00 solid; position:absolute;
		margin-top:124px;
	margin-left:402px;
}

.sub_client a{
	text-indent:-9999px;
	position:absolute;
}

.sub_client a.developer{
	background:url(../img/bg_template-th.png) no-repeat -402px -124px; 
	margin-top:0px;
	margin-left:0px;
	width:94px; height:22px;
	border:0px #F00 solid;
}

.sub_client a.developer-active , .sub_client a.developer:hover{
	background:url(../img/bg_template-th.png) no-repeat -402px -324px; 
	margin-top:0px;
	margin-left:0px;
	width:94px; height:22px;
	border:0px #F00 solid;
}

.sub_client a.project{
	background:url(../img/bg_template-th.png) no-repeat -506px -124px; 
	margin-top:0px;
	margin-left:105px;
	width:72px; height:22px;
	border:0px #F00 solid;
}

.sub_client a.project-active , .sub_client a.project:hover{
	background:url(../img/bg_template-th.png) no-repeat -506px -324px; 
	margin-top:0px;
	margin-left:105px;
	width:72px; height:22px;
	border:0px #F00 solid;
}



.sub_about{
	width:300px; height:50px; border:0px #F00 solid; position:absolute;
		margin-top:124px;
	margin-left:111px;
}

.sub_about a{
	text-indent:-9999px;
	position:absolute;
}

.sub_about a.overview{
	background:url(../img/bg_template-th.png) no-repeat -111px -124px; 
	margin-top:0px;
	margin-left:0px;
	width:60px; height:22px;
	border:0px #F00 solid;
}
.header a.overview-active , .header a.overview:hover{
	background:url(../img/bg_template-th.png) no-repeat -111px -324px; 
	margin-top:0px;
	margin-left:0px;
	width:60px; height:22px;
	border:0px #F00 solid;
}


.header a.philosophy{
	background:url(../img/bg_template-th.png) no-repeat -186px -124px; 
	margin-top:0px;
	margin-left:75px;
	width:62px; height:22px;
	border:0px #F00 solid;
}
.header a.philosophy-active , .header a.philosophy:hover{
	background:url(../img/bg_template-th.png) no-repeat -186px -324px; 
	margin-top:0px;
	margin-left:75px;
	width:62px; height:22px;
	border:0px #F00 solid;
}


.header a.team{
	background:url(../img/bg_template-th.png) no-repeat -258px -124px; 
	margin-top:0px;
	margin-left:149px;
	width:62px; height:22px;
	border:0px #F00 solid;
}
.header a.team-active , .header a.team:hover{
	background:url(../img/bg_template-th.png) no-repeat -258px -324px; 
	margin-top:0px;
	margin-left:149px;
	width:62px; height:22px;
	border:0px #F00 solid;
}




.header a.thai{
	background:url(../img/bg_template.png) no-repeat -870px -15px; 
	margin-top:15px;
	margin-left:870px;
	width:18px; height:28px;
	border:0px #F00 solid;
}
.header a.thai-active , .header a.thai:hover{
	background:url(../img/bg_template.png) no-repeat -870px -215px; 
	margin-top:15px;
	margin-left:870px;
	width:18px; height:28px;
	border:0px #F00 solid;
}

.header a.spacelang{
	background:url(../img/bg_template-th.png) no-repeat -888px -15px; 
	margin-top:15px;
	margin-left:888px;
	width:14px; height:28px;
	cursor:default;
}

.header a.english{
	background:url(../img/bg_template.png) no-repeat -903px -15px; 
	margin-top:15px;
	margin-left:903px;
	width:16px; height:28px;
}

.header a.english-active , .header a.english:hover{
	background:url(../img/bg_template.png) no-repeat -903px -215px; 
	margin-top:15px;
	margin-left:903px;
	width:16px; height:28px;
}


.footer{	
	background-repeat:no-repeat;
	margin-top:40px;
	position:relative;
	width:920px;
	height:40px;
	border:0px #F00 solid;
	text-align:left;
}

.footer a{
	text-indent:-9999px;
	position:absolute;
	width:920px;
	height:40px;
}

.footer a.line{
	background:url(../img/bg_template.png) no-repeat left -110px; 
	margin-top:0px;
	margin-left:0px;
	width:920px; height:15px;
	border:0px #F00 solid;
	cursor:default;
}

.footer a.directory{
	background:url(../img/bg_template-th.png) no-repeat -104px -425px; 
	margin-top:10px;
	margin-left:104px;
	width:108px; height:24px;
	border:0px #F00 solid;
}
.footer a.directory-active , .footer a.directory:hover{
	background:url(../img/bg_template-th.png) no-repeat -104px -475px; 
	margin-top:10px;
	margin-left:104px;
	width:108px; height:24px;
	border:0px #F00 solid;
}

.footer a.job{
	background:url(../img/bg_template-th.png) no-repeat -250px -425px; 
	margin-top:10px;
	margin-left:250px;
	width:72px; height:24px;
	border:0px #F00 solid;
}
.footer a.job-active , .footer a.job:hover{
	background:url(../img/bg_template-th.png) no-repeat -250px -475px; 
	margin-top:10px;
	margin-left:250px;
	width:72px; height:24px;
	border:0px #F00 solid;
}


.footer a.propose{
	background:url(../img/bg_template-th.png) no-repeat -366px -425px; 
	margin-top:10px;
	margin-left:366px;
	width:125px; height:24px;
	border:0px #F00 solid;
}
.footer a.propose-active , .footer a.propose:hover{
	background:url(../img/bg_template-th.png) no-repeat -366px -475px; 
	margin-top:10px;
	margin-left:366px;
	width:125px; height:24px;
	border:0px #F00 solid;
}

.footer a.member{
	background:url(../img/bg_template-th.png) no-repeat -662px -425px; 
	margin-top:10px;
	margin-left:692px;
	width:90px; height:45px;
	border:0px #F00 solid;
}


.footer a.facebook{
	background:url(../img/bg_template.png) no-repeat -760px -425px; 
	margin-top:10px;
	margin-left:790px;
	width:30px; height:24px;
	border:0px #F00 solid;
}

.footer a.facebook-active , .footer a.facebook:hover{
	background:url(../img/bg_template.png) no-repeat -760px -475px; 
	margin-top:10px;
	margin-left:790px;
	width:30px; height:24px;
	border:0px #F00 solid;
}

.footer a.twitter{
	background:url(../img/bg_template.png) no-repeat -795px -425px; 
	margin-top:10px;
	margin-left:795px;
	width:30px; height:24px;
	border:0px #F00 solid;
}

.footer a.twitter-active , .footer a.twitter:hover{
	background:url(../img/bg_template.png) no-repeat -795px -475px; 
	margin-top:10px;
	margin-left:795px;
	width:30px; height:24px;
	border:0px #F00 solid;	
}

/*/////////////////////////////////////////////////////////////////////////////  END TEMPLATE /////////////////////////////////////////////////////////////////////////////////*/



.txt_title{
	font-family: "RSU",Arial, Tahoma; font-weight:normal;
 	font-size:20px; color:#4d4d4d; line-height:120%;
}

.txt_title_property{
	font-family: "RSU",Arial, Tahoma; font-weight:normal;
 	font-size:20px; color:#10517c; line-height:140%;
}

.txt_title_client{
 	font-family: "RSU",Arial, Tahoma; font-weight:normal;
 	font-size:18px; color:#4d4d4d; line-height:120%;
}

.txt_medium{
	font-family: "RSU",Arial, Tahoma; font-weight:normal;
	font-size:16px;
	color:#808080;
	line-height:120%;
	
}

.txt_service{
	font-family: "RSU",Arial, Tahoma; font-weight:normal;
	font-size:14px;
	color:#ffffff;
}

.txt_title_job{
 	font-size:16px; color:#10517c; line-height:140%;
}



.clear{
	clear:both;	
}

.input_left{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	border-top:1px #cbc9c5 solid;
	border-left:1px #cbc9c5 solid;
	border-right: 1px #cbc9c5 solid;
	border-bottom: 1px #cbc9c5 solid;
	background:#f1f1f1;
	color:#666;
	height:25px;
	line-height:20px;
}

.input_left_error{
	font-family: Arial, Tahoma;
	font-size:13px;
	padding:1px;
	border-top:1px #c1c1c1 solid;
	border-left:1px #c1c1c1 solid;
	border-right: 1px #c1c1c1 solid;
	border-bottom: 1px #c1c1c1 solid;
	background:#10517c;
	color:#FFF;
	height:25px;
	line-height:20px;
}

.tab_philosophy{
		font-family: "RSU",Arial, Tahoma; font-weight:normal;
		margin-top:10px;
		padding-top:10px;
		float:left; width:220px; height:20px; background:#cccccc;
		color:#4d4d4d;
		font-size:18px;
}

.tab_philosophy-active{
	font-family: "RSU",Arial, Tahoma; font-weight:normal;
		margin-top:10px;
		padding-top:10px;
		float:left; width:220px; height:20px; background:#10517c;
		color:#ffffff;
		font-size:18px;
}

.txt_detail_team{
		font-family: "RSU",Arial, Tahoma;
		color:#808080; font-size:14px; 
		line-height:140%;
}

.txt_title_team{
		font-family: "RSU",Arial, Tahoma;
		color:#10517c; font-size:20px;
		line-height:140%;
}

.txt_title_team-en{
		font-family: "DIN",Arial, Tahoma;
		color:#10517c; font-size:20px;
		line-height:140%;
}


.page_number_ahref {
	background: #FFFFFF;
	border: solid 1px #CCC;
	color: #584A90;
	font-size:11px;
	padding: 2px 5px 2px;
	position: relative;
}

.page_number_ahref_active {
	background: #F0F0F0;
	border: solid 1px #999;
	color: #333;
	font-size:11px;
	font-weight:700;
	padding: 2px 5px 2px;
	position: relative;
}

.bg_content_service{
	width:214px; height:349px; background:#10517c; color:#FFF; position:absolute; display:none;
	opacity: .9;
	filter: alpha(opacity=90);
}

.bg_head_service{
	position:absolute; z-index:5; background:url(../img/service/bg_head.png) ; width:214px;  padding-top:3px; padding-bottom:10px;
}

.txt_title_project{
	font-family: "RSU",Arial, Tahoma; font-weight:normal;
 	font-size:20px; color:#4d4d4d; line-height:120%;
}

.txt_detail{
	font-size:14px;
	color:#808080;
}

.txt_title_property2{
	font-family: "RSU",Arial, Tahoma; font-weight:normal;
 	font-size:20px; color:#10517c; line-height:120%;
}