@font-face {
	font-family: Century Gothic;
    src: url(http://www.kamalanathonghouse.com/stylesheet/GOTHIC.ttf)format("truetype");
	/*font-family: "Century Gothic";
    src: url(http://www.kamalanathonghouse.com/stylesheet/GOTHIC.eot);*/
}
body{
	font-family: Arial, tahoma;
	font-size: 11px;
	color: #333;
	margin:0;
	background-color:#efefef;
}
a{
	font-family: Arial, tahoma;
	font-size: 11px;
	color: #333;
	text-decoration:none;
}
a:hover{
	font-weight:bold;
	color:#000;
}
img{
	border:0;
}
.topic26{
	font-family: "Century Gothic", Arial, Tahoma;
	font-size: 26px;
	color: #595959;
}
.topic20{
	font-family: "Century Gothic", Arial, Tahoma;
	font-size: 20px;
	color: #333;
}
.topic14{
	font-family: "Century Gothic", Arial, Tahoma;
	font-size: 14px;
	color: #1f1f1f;
}
.white16{
	font-family: "Century Gothic", Arial, Tahoma;
	font-size: 16px;
	color: #FFF;
	text-transform:uppercase;
}
.white11{
	font-family: Arial, tahoma;
	font-size: 11px;
	color: #FFF;
}
.white11 a{
	font-family: Arial, tahoma;
	font-size: 11px;
	color: #f1ca42;
	font-weight:normal;
	text-decoration:none;
}
.white11 a:hover{
	text-decoration:underline;
}
.white{
	font-family: Arial, tahoma;
	font-size: 11px;
	color: #FFF;
}
.white a{
	font-family: Arial, tahoma;
	font-size: 11px;
	color: #FFF;
	font-weight:normal;
	text-decoration:none;
}
.white a:hover{
	color: #f1ca42;
}
#bg-top{
	width:100%;
	height:535px;
	background:url(../images/template/bg-head.jpg) repeat-x;
}
#logo{
	width:1000px;
	height:32px;
	margin:auto;
	padding-top:35px;
}
#listmenu{
	width:1000px;
	height:50px;
	margin:auto;
}
ul.menu{
	width:1000px;
	height:30px;
	float:right;
	margin-top:20px;
	background:url(../images/template/bg-menu.jpg) no-repeat right;
}
ul.menu li{
	list-style:none;
	height:30px;
	width:110px;
	float:left;
}
ul.menu li a{
	font-family: "Century Gothic", Arial, Tahoma;
	font-size: 12px;
	color: #1f1f1f;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	line-height:30px;
	width:110px;
	height:30px;
}
ul.menu li a:hover{
	background-image:url(../images/template/bg-menu-over.png);
}
#slide{
	width:1000px;
	height:419px;
	margin:auto;
}
#detail{
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:auto;
}
#text{
	width:970px;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding:15px;
	background-color:#FFF;
}
#right{
	width:248px;
	height:auto;
	overflow:hidden;
	float:right;
	background-color:#dddddd;
	margin-top:5px;
	margin-bottom:5px;
}
#topic{
	width:228px;
	height:21px;
	float:right;
	background-image:url(../images/template/bg-topic.jpg);
	margin:15px 0 15px 0;
	text-align:right;
	padding-top:7px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:bold;
}
#text-right{
	width:200px;
	height:40px;
	margin:auto;
	background-color:#ebebeb;
	text-align:center;
	padding-top:8px;
	font-size:12px;
	line-height:18px;
}
#left{
	width:737px;
	height:auto;
	overflow:hidden;
	float:left;
	padding:15px 15px 5px 0;
}
#menu-foot{
	width:100%;
	height:23px;
	text-align:center;
	background-color:#f1ca42;
	padding-top:8px;
}
#menu-foot a{
	font-family: "Century Gothic", Arial, Tahoma;
	font-size: 12px;
	color: #1f1f1f;
	font-weight:normal;
	text-decoration:none;
	padding:8px 20px 8px 20px;
}
#menu-foot a:hover{
	background-color:#e4e4e4;
}
#foot{
	width:100%;
	height:149px;
	background-image:url(../images/template/bg-foot.jpg);
	text-align:center;
	padding-top:20px;
}
.shadow {
	/*border:solid 5px #FFF;*/
	-moz-box-shadow: 3px 3px 4px #bfbfbf;
	-webkit-box-shadow: 3px 3px 4px #bfbfbf;
	box-shadow: 3px 3px 4px #bfbfbf;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bfbfbf')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bfbfbf');
}