/* CSS Document */
*
{
	padding:0px;
	margin:0px;
}
#container
{
	width:750px;
	margin-top:15px;
	padding-bottom:15px;
}
#container .email
{
	background:url(images/content-background.gif) left top repeat-y;
		padding-bottom:0px;
}
#header{
	position:relative;
	height:68px;
}
#sub_head{
	float:left;
	width:150px;
	margin-left:5px;
}
#sub_head2{
	float:right;
	width:560px;
}
#logo
{
	position:absolute;
}
#logo_phone
{
	display:none;
}
#client7_phone
{
	display:none;
}
#eng-kh
{
	text-align:right;
	float:right;
	width:500px;
	height:41px;
	margin:0px;
	padding:0px;
}
#eng-kh .fontLink-kh
{
	font-family:"Limon S1";
	font-size:23px;
}
#eng-kh .fontLink-en
{
	font-family:"Trebuchet MS";
	font-size:11px;
}
#eng-kh a:link
{
	text-decoration:none;
}
#eng-kh a:visited
{
	text-decoration:none;
}
#eng-kh a:hover
{
	text-decoration:none;
}
#eng-kh p a img{
	margin:0px;
	padding:0px 3px 0px 0px;
}
span
{
	font: 13px Trebuchet MS, Helvetica, sans-serif;
	color:#333333;	
}
#navbar
{
	float:right;
	text-align:right;
	margin:0px;
	padding:0px;
}
#navbar .email
{
	background-color:#FFF;
}
#navbar ul
{
	padding:0;
	margin:0;
	list-style:none;
}
#navbar li
{
	float:left;
	width:110px;
	text-align:center;
	margin-bottom:0px;
	list-style:none;
}
#navbar li.blank
{
	width:120px;
}
a.nav-style:link
{
	display:block;
	text-decoration: none;
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;
	color: #376D65;
}
a.nav-style:visited
{
	display:block;
	text-decoration: none;
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;
	color: #376D65;
}
a.nav-style:hover
{
	display:block;
	text-decoration: none;
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;
	color: #87517f;
}


#navbar li a:link
{
	display:block;
	text-decoration: none;
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;
	color: #376D65;
}
#navbar li a:visited{
	display:block;
	text-decoration: none;
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;
	color: #376D65;
}
#navbar li a:hover
{
	display:block;
	text-decoration: none;
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;
	color: #87517f;
}
#navbar li#length
{
	width:60px;
	text-align:right;
}
#navbar li.current
{
	font: bold 15px Trebuchet MS, Helvetica, sans-serif;
	background-color:#FFF;
	color:#376D65;
}
#content-home
{
	clear:both;
	width:750px;
	height:555px;
	border-top:1px solid #ccc;
/*	border-bottom:1px solid #ccc;*/
}

#content-home-ie{
	clear:both;
	width:750px;
	height:550px;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
	/*margin-top:30px;*/
}
.image
{
	float:right;
	margin:10px 0px 0px 0px;
	padding:0px;
	border:0px;
		
}

p
{
	font: 12px Trebuchet MS, Helvetica, sans-serif;
	color:#5D6D65;
	padding-bottom:10px;
	
}
p.big
{
	font:13px Trebuchet MS, Helvetica, sans-serif;
	padding:10px 0 10px 20px ;
	
}

h3
{
	font: bold 16px Trebuchet MS, Helvetica, sans-serif;
	color:#87517F;
	padding-top:15px;
	padding-bottom:5px;
	text-transform:lowercase;
}
h4
{
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;
	color:#87517F;
	padding-top:5px;
	padding-bottom:10px;
	
}
h4.center
{
  text-align:center;
  margin-top:10px;
}

a:link
{	
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: #87517F;
}
a:visited
{
	font: normal 11px Trebuchet MS, Helvetica, sans-serif;
	color: #87517F;
	text-decoration: underline;
}
a:hover
{
	font: normal 11px Trebuchet MS, Helvetica, sans-serif;
	color: #517c71;
	text-decoration: underline;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.toptxt
{
	margin-top:20px;
	margin-left:30px;
}
.toptxt p
{
	font-size:13px;
	margin-bottom:-5px;
	padding-left:0px;
}
#cover-home img
{
	border:2px solid #B0BBB6;
}
#cover-home p
{
	padding-right:5px;
	width:203px;
}
#cover-home
{
	width:717px;
	height:392px;
	margin-top:20px;
	margin-left:30px;
	
}
#cover-home .lhs
{
	width:205px;
	float:left;
	
}
#cover-home .rhs
{
	width:203px;
	float:left;
	margin-left:15px;
	
}
#cover-home .mid
{
	width:203px;
	margin-left:9px;
	float:left;

}
#cover-home a
{
	font-size:11px;
	}
.title_pro
{
	width:203px;
	font-size:23px;
	color:#87517F;
	font-weight:bold;
	line-height:22px;
}
ul
{
	margin-left:20px;

}
li
{
	font: normal 12px Trebuchet MS, Helvetica, sans-serif;
	list-style-image:url(images/home-list.gif);
	width:203px;
	color:#5D6D65;
}
.homelinedown
{
	width:1px;
	float:left;
	margin-left:15px;
	margin-right:5px;
}
#cover-home .homelinedown .none-bd
{
	border:none;
}
.person-finger
{
	margin-top:15px;
	padding-bottom:0px;
}
.update
{
	margin-left:30px;
}
.toptxt a:link
{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#5D6D65;
}
.toptxt a:visited
{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#5D6D65;
}
.toptxt a:hover
{
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#5D6D65;
}
.index-bottom
{
	width:720px;
	height:60px;
	background-color:#E4E9E7;
	margin-left:30px;
	/*border:1px solid red;*/
	
	}
.index-bottom p
{
	padding-top:5px;
	padding-left:5px;
	}
.twitter
{
	width:210px;
	float:left;
	font-size:11px;
	}

.sp-color
{
	font-size:13px;
	color:#87517F;
	float:left;
	width:489px;
	padding-bottom:0px;
	}
.sp-color a:link, a:visited
{
	font-size:13px;
	}
.timeanddate
{
	font-style:italic;
	font-size:11px;
	color: #376D65;
	}
.index-bottom img
{
	margin:0px;
	padding:0px;
	}
#trademark
{
	width:719px;
	height:75px;
	
	margin-left:30px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#trademark p
{
	padding-bottom:0px;
	}
.joomla
{
	width:347px;
	float:left;
	margin-top:5px;
	}
.joomla p
{
	font-size:8pt;
	color:#5D6D65;
	}
.mysql
{
	width:350px;
	float:right;
	margin-top:5px;
	}
.mysql p
{
	font-size:8pt;
	color:#5D6D65;
	}
.jo-my
{
	height:55px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	border-left:1px solid #ccc;
	}