/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

/* Fix the flicking image on background-image on IE6 */ 
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } 

h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;} 
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
/*table {	border-left:0px solid #000; border-top:0px solid #000; margin: 0;padding:0px;}
th,td{border-right:0px solid #000; border-bottom:0px solid #000; padding:.2em; margin: 0;}
th{font-weight:bold;text-align:center;}*/
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,pre{margin-bottom:1em;}
input[type=text],input[type=password],textarea {width:11.923em;*width:11.652em;}


/* global  */

html { }
body { padding: 0; margin: 0; }
.clear {clear:both;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:inherit;}
#custom-doc {	margin: 0; font-family: Tahoma; font-size: 12px;  width: 960px;	margin: 0 auto 0 auto;}
input, select, textarea {	font-family: Tahoma;}
img{padding:0px;margin:0px;outline-:none;}

#hd ul li, #ft ul li { list-style: none;}
#hd #top {	float: left; width: 960px;}
#hd #top div {	float: left;}
#hd #top .logo {width: 313px;}
#hd #top .service {	width: 486px;}
#hd #top .service ul { margin: 0; padding: 0 0 0 0;  float: left;}
#hd #top .service ul li { float: left; }
#hd #top .service ul.language {  padding:40px 0 0 320px; }	
#hd #top .service ul.language li {	padding: 0 0 0 5px;}
#hd #top .service ul.language li.txt {	padding-top: 4px;  font-weight: bold; color: #727272;}
#hd #top .service ul.link { padding-left: 10px;  font-size: 13px;}
#hd #top .service ul.link li { 	padding: 10px 2px 5px 5px; color: #727272;}
#hd #top .service ul.link li a { color: #727272; text-decoration: none;}
#hd #top .service ul.link li a:hover {	text-decoration: underline;}

#hd #navigation {	float: left; width: 960px;}
#hd #navigation ul { margin: 10px 0 10px 0;  float: left;}
#hd #navigation ul li { float: left; position: relative;}
#hd #navigation ul li a { float: left; height: 56px; outline: 0 ;}
#hd #navigation ul li a:hover {  background-position: 0% -56px; outline: 0 ;}
#hd #navigation ul li .subMenu {position: absolute; z-index: 101;   font-size: 14px; background-position: bottom; left: -5px; top:56px;
	background-image: url(bg/navbar.png); width: 325px; background-repeat: no-repeat; text-align: left;  padding: 5px;	
}
#hd #navigation ul li .subMenu .head { width: 315px;}
#hd #navigation ul li .subMenu ul {	 margin: 8px 0 0 5px; 	width: 300px; float: left;  *margin-top: 0;}
#hd #navigation ul li .subMenu ul li {	padding: 0; margin: 0; display: block; width: 280px;}
#hd #navigation ul li .subMenu .text {	margin-top: 10px;}
	
#hd #navigation ul li#navI .subMenu ul li a, #hd #navigation ul li#navII .subMenu ul li a, #hd #navigation ul li#navIII .subMenu ul li a {
	background-repeat: no-repeat; color: #999999; text-decoration: none; font-weight: bold; height: 17px; padding: 0 0 0 15px; 
}
#hd #navigation ul li#navI .subMenu ul {	width: 135px;}
#hd #navigation ul li#navI .subMenu ul li { width: 130px;}


#hd #navigation ul li#navI a {	background-image: url(en/nav10.gif);}

#hd #navigation ul li#navII a {	background-image: url(en/nav20.gif);}
#hd #navigation ul li#navIII a {	background-image: url(en/nav30.gif);}
#hd #navigation ul li#navIV a {	background-image: url(en/nav40.gif);}
#hd #navigation ul li#navV a {	background-image: url(en/nav50.gif);}
#hd #navigation ul li#navVI a {	background-image: url(en/nav60.gif);}

#hd #navigation ul li#navI .subMenu { height: 115px;  display: none;}
#hd #navigation ul li#navI .subMenu .head {	border-top: 5px solid #0099ff;	}
#hd #navigation ul li#navI .subMenu ul li  a {	 background-image: url(bg/arrow_nav_I.gif); }
#hd #navigation ul li#navI .subMenu ul li  a:hover {  background-position: 0% -15px; outline: 0 ; color: #0099ff;}

#hd #navigation ul li#navII .subMenu { height: 145px;  display: none;}
#hd #navigation ul li#navII .subMenu .head {	border-top: 5px solid #ff00ff;}
#hd #navigation ul li#navII .subMenu ul li  a {	 background-image: url(bg/arrow_nav_II.gif); }
#hd #navigation ul li#navII .subMenu ul li  a:hover {  background-position: 0% -15px; outline: 0 ; color: #ff00ff;}

#hd #navigation ul li#navIII .subMenu { height: 145px; display: none;}
#hd #navigation ul li#navIII .subMenu .head {	border-top: 5px solid #ff9900;}
#hd #navigation ul li#navIII .subMenu ul li  a {	 background-image: url(bg/arrow_nav_III.gif); }
#hd #navigation ul li#navIII .subMenu ul li  a:hover {  background-position: 0% -15px; outline: 0 ; color: #ff9900;}



#bd .yui-b .yui-gc {	margin: 5px 0 30px 0; background-image: url(bg/body_line.gif); background-repeat: repeat-y;}
#bd .yui-b .yui-gc h1, #bd .yui-b .yui-gc h2, bd .yui-b .yui-gc h3 {	background-repeat: no-repeat;}
#bd .yui-b .yui-gc h1 span, #bd .yui-b .yui-gc h2 span,  #bd .yui-b .yui-gc h3 span {	display: none;}
#bd .yui-b .yui-gc .first { width: 625px; text-align: left;}
#bd .yui-b .yui-gc .rightBar { width: 305px; margin-left: 0; padding-left: 15px; border-left: 2px solid #cfcfcf; }
#bd .yui-b .yui-gc .rightBar #search { }
#bd .yui-b .yui-gc .rightBar #search ul { 	padding: 0; margin: 0; float: left; }
#bd .yui-b .yui-gc .rightBar #search ul li {	padding: 0; margin: 0; list-style: none; float: left;}
#bd .yui-b .yui-gc .rightBar #search ul li a { 	width: 100px; height: 48px; display: block; background-repeat: no-repeat;}
#bd .yui-b .yui-gc .rightBar #search ul li#tagBTS, #bd .yui-b .yui-gc .rightBar #search ul li#tagAdvance {	margin-right: 2px;}
#bd .yui-b .yui-gc .rightBar #search ul li#tagBTS a {	background-image: url(en/search_bts_gray.gif); }
#bd .yui-b .yui-gc .rightBar #search ul li#tagAdvance a {	background-image: url(en/search_advance_gray.gif); }
#bd .yui-b .yui-gc .rightBar #search ul li#tagBasic a {	background-image: url(en/search_basic_gray.gif); }
#bd .yui-b .yui-gc .rightBar #search ul li#tagBTS a.highLight {	background-image: url(en/search_bts.gif); }
#bd .yui-b .yui-gc .rightBar #search ul li#tagAdvance a.highLight {	background-image: url(en/search_advance.gif); }
#bd .yui-b .yui-gc .rightBar #search ul li#tagBasic a.highLight {	background-image: url(en/search_basic.gif); }

#bd .yui-b .yui-gc .rightBar #search .advanceSearch, #bd .yui-b .yui-gc .rightBar #search .basicSearch {  width: 304px; 
	background-image: url(bg/searchbox.gif); background-repeat: no-repeat; background-position: bottom; float: left; background-color: #333333; 
	color: #ffffff; position: relative; float: left;
}

#bd .yui-b .yui-gc .rightBar #search .advanceSearch { height:275px;  display: none;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch div { position: absolute;  position: absolute; border: 0px solid yellow; background-repeat: no-repeat;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch select  {	width: 137px;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch #lineI {	position: absolute; top: 8px; left: 150px;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch #lineII { position: absolute; top: 222px; left: 150px;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .I { top: 5px; left: 5px; padding: 0 0 0 30px; background-image: url(bg/01.gif); }
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .I  td {padding: 2px; text-align: left;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .II {  top: 5px; left: 160px;  padding: 20px 0 0 0; background-image: url(bg/02.gif);}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .II input {	width: 133px; padding: 1px;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .III { 	top: 50px; left: 5px;  padding: 20px 0 0 0; background-image: url(bg/03.gif);}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .IV { 	top: 50px; left: 160px;  padding: 20px 0 0 0; background-image: url(bg/04.gif);}  
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .V  { 	top: 95px; left: 5px;  padding: 20px 0 0 0; background-image: url(bg/05.gif); width: 293px;}  
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .V span {	width: 18px; text-align: center; display: block; float: left;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .V select { float: left;}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .VI  { 	top: 140px; left: 5px; width: 292px; padding: 20px 0 0 0; background-image: url(bg/06.gif);}  
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .VII { top: 185px; left: 5px;  padding: 3px 0 6px 30px; background-image: url(bg/07.gif); }
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .VII ul li {width: 18px; }
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .VII ul li.txt { text-align: left;	width: 65px;}


#bd .yui-b .yui-gc .rightBar #search .advanceSearch .VIII   {top: 215px; left: 5px;  padding: 20px 0 0 0; background-image: url(bg/08.gif);}
#bd .yui-b .yui-gc .rightBar #search .advanceSearch .IX   {top: 220px; left: 160px;  padding: 0 0 0 30px; background-image: url(bg/09.gif);}



#bd .yui-b .yui-gc .rightBar #search .basicSearch {	height: 150px;}
#bd .yui-b .yui-gc .rightBar #search .basicSearch div { position: absolute;  position: absolute; border: 0px solid yellow; background-repeat: no-repeat;}
#bd .yui-b .yui-gc .rightBar #search .basicSearch select  {	width: 137px;}
#bd .yui-b .yui-gc .rightBar #search .basicSearch #line {	position: absolute; top: 8px; left: 150px;}
#bd .yui-b .yui-gc .rightBar #search .basicSearch .I { top: 5px; left: 5px; padding: 0 0 0 30px; background-image: url(bg/01.gif); }
#bd .yui-b .yui-gc .rightBar #search .basicSearch .I  td {padding: 2px; text-align: left;}
#bd .yui-b .yui-gc .rightBar #search .basicSearch .II {  top: 50px; left: 5px;  padding: 20px 0 0 0; background-image: url(bg/02.gif);}
#bd .yui-b .yui-gc .rightBar #search .basicSearch .II input {	width: 133px; padding: 1px;}
#bd .yui-b .yui-gc .rightBar #search .basicSearch .III { 	top: 5px; left: 160px;  padding: 20px 0 0 0; background-image: url(bg/03.gif);}
#bd .yui-b .yui-gc .rightBar #search .basicSearch .IV { 	top: 50px; left: 160px;  padding: 20px 0 0 0; background-image: url(bg/04.gif);}  
#bd .yui-b .yui-gc .rightBar #search .basicSearch .V   {top: 95px; left: 5px;  padding: 20px 0 0 0; background-image: url(bg/05.gif);}
#bd .yui-b .yui-gc .rightBar #search .basicSearch .VI   {top: 110px; left: 160px;  padding: 0 0 0 30px; background-image: url(bg/06.gif);}  
  
#bd .yui-b .yui-gc .rightBar .rightbanner{ dispaly:block; padding: 15px 0 5px 0;} 

#bd .yui-b .yui-gc .rightBar #subscribeEmail { 	border-top: 2px solid #cfcfcf;  border-bottom: 1px solid #cfcfcf;  padding: 15px 0 15px 0; 	float: left; }
#bd .yui-b .yui-gc .rightBar #subscribeEmail table {margin: 0;}
#bd .yui-b .yui-gc .rightBar #subscribeEmail td { 	padding: 3px; vertical-align: top; text-align: left;}
#bd .yui-b .yui-gc .rightBar #subscribeEmail input.txtEmail { padding: 3px; width: 240px; }
#bd .yui-b .yui-gc .rightBar #subscribeEmail td table {	margin-top: 8px;}
#bd .yui-b .yui-gc .rightBar #subscribeEmail .head {	margin-bottom: 20px;}

#bd .yui-b .yui-gc .rightBar #share { float: left; width: 304px; text-align: left; padding: 15px 0 20px 0; border-bottom: 1px solid #cfcfcf; margin-bottom: 15px;  }
#bd .yui-b .yui-gc .rightBar #share a img { opacity: 1.0; filter:alpha(opacity=100);}
#bd .yui-b .yui-gc .rightBar #share a:hover img { opacity: 0.75; filter:alpha(opacity=75);}





#bd .yui-b .yui-gc .rightBar #keywordTag { float: left; width: 304px; 	text-align: left; }
#bd .yui-b .yui-gc .rightBar #keywordTag h2 {	font-size: 25px;  color: #ff0000; font-weight: normal; margin: 10px 0 10px 0;}
#bd .yui-b .yui-gc .rightBar #keywordTag span a{ color: #000000; text-decoration: none; }
#bd .yui-b .yui-gc .rightBar #keywordTag span a:hover {	text-decoration: underline;}
#bd .yui-b .yui-gc .rightBar #keywordTag span.I a{ font-size: 18px; color: #a5a5a5;  font-weight: bold; }
#bd .yui-b .yui-gc .rightBar #keywordTag span.II a{ font-size: 24px; color: #a5a5a5;  }
#bd .yui-b .yui-gc .rightBar #keywordTag span.III a{  font-size: 24px; }
#bd .yui-b .yui-gc .rightBar #keywordTag span.IV a{color: #a5a5a5;  }




/* projecrt detail */

.project {	position: relative; margin-bottom: 15px; height: 186px; background-image: url(en/no_photo.gif); background-repeat: no-repeat; background-position: top left;}
.project .projectmask { position: absolute; left: 0; top: 0;	}
.project .detail {
	background-color: Aqua; border-top: 7px solid #0099ff; background-color: #ffffff; padding-top: 5px; height: 174px; 
	width: 371px; float: right; background-image: url(bg/projectprice.gif); background-position: bottom right; background-repeat: no-repeat;
}

.project .detail .ref {	font-size: 13px; font-weight: bold; color: #0099ff; display: block; padding-left: 8px}
.project .detail b.name {	font-size: 16px; display: block;  padding: 5px 5px 5px 8px;}
.project .detail b.name a {color: #000000;  text-decoration: none;}
.project .detail b.name a:hover {	text-decoration: underline;}
.project .detail p.txt {	padding-left: 8px; height: 30px; margin: 0 0 3px 0;}
.project .detail ul { padding: 0; margin: 0 0 0 8px; }
.project .detail ul li { padding: 0; margin: 0; list-style: none; float: left; border-right: 1px solid #cfcfcf; height: 30px; padding: 5px 0px 5px 5px; width: 70px;}
.project .detail ul li.right {	border: 0;}
.project .detail ul li.type {	width: 120px;}
.project .detail ul li span { display: block; font-size: 12px; color: #0099ff; font-weight: bold; }
.project .detail p.location {	padding-left: 14px; margin:5px 0px 0px 0px;}
.project .detail p.location span {  display: block; font-size: 12px; color: #0099ff; width: 100px; float: left; font-weight: bold;  }
.project .detail p.price {  margin-bottom: 0px; text-align: center; font-weight: bold; color: #ffffff; padding-top: 16px; *padding-top: 15px;}






/* Footer */

#ft {	text-align: left;}
#ft .banner, #ft .soleAgent  {width: 960px; 	float: left; }
#ft .banner {	background-image: url(bg/footer_banner.gif); background-repeat: no-repeat; background-color: #999999; margin-bottom: 15px; }
#ft .banner ul {	float: left; margin: 10px;}
#ft .banner ul li {	float: left; padding: 10px 18px 10px 18px; border-right: 1px solid #aaaaaa;}
#ft .banner ul li.last {border-right: 0;}
#ft .soleAgent {padding: 0 0 0 15px;}
#ft .soleAgent h2 { margin: 0;  font-size: 15px; color: #888; font-family:Leelawadee,Verdana,Tahoma; }
#ft .soleAgent table {	margin: 0;}
#ft .soleAgent table a { color: #4F91C6; text-decoration:none }
#ft .soleAgent table a:hover {	text-decoration: underline;}
#ft .soleAgent ul {	float: left; border-bottom: 1px solid #cccccc; margin: 15px 0 0px 0; width: 935px;}
#ft .soleAgent ul li {	float: left; padding:0  20px 10px 0;}
#ft .copyRight {color: #666; width: 940px;  float: left; padding: 0px 0px 20px 15px; font-size: 11px;}
#ft .copyRight .apLogo {	padding-right: 20px;}
#ft .copyRight a {	color: #999; text-decoration: underline;}
#ft .copyRight a:hover { text-decoration: none;}