@font-face {
    font-family: Khmer OS System;
    font-style:  normal;
    font-weight: normal 80%;
    src: url('fontkhmerOS/KhmerOSsys.eot');
  }
@font-face {
    font-family: "Khmer OS";
    font-style:  normal;
    font-weight: normal 80%;
    src: url('fontkhmerOS/KhmerOSsys.ttf');
}
/*

------------------------------------------------------------------------------------- */
html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
	background:#fff url('images/background/background.gif') repeat-x;
	font: normal 75% 'sans-serif', 'Arial','Copperplate Gothic Bold';
	line-height: 1.8;
}

body {
	margin: 0 auto;
	width: 982px;
	border:0px solid #444;
	color:#0d7677;
}
a { text-decoration:none; color:#0d7677; }
/* 
   Layout 
------------------------------------------------------------------- */

#header {
	height:80px;
	background:url('images/background/header.gif') no-repeat;
	margin:0;
	border:solid 0px #444;
}
#site-wrapper {
	border:0px solid #ccc;
	padding:5px;
	
}
#banner {
	background:url('images/background/border-banner.gif') no-repeat;
	width:972px;
	height:250px;	
	border:0px solid #ccc;
	margin:0;
	text-align:center;
}
#banner img {
	width:972px;
	height:250px;
	border:none;
}
#banner object {
	width:970px;
	height:245px;
	border:none;
}
#main { margin:0; border:solid 0px red; float:left; width:972px; margin-top:5px; }
#main-left {
	width:727px;
	float:left;
	/*padding:5px;*/
	border:0px solid #ccc;
}
#main-right {
	width:237px;
	float:right;
	/*padding:5px;*/
	border:0px solid #ccc;
}
#main-footer {
	float:left;
	width:972px;
	height:70px;
	border:0px solid #ccc;
	margin-top:5px;
	color:#fff;	
	text-align:center;
}
#main-footer a { text-decoration:none; color:#fff; }
#main-footer a:hover { text-decoration:underline; color:#aaeb5d; }
#main-footer .body { background:#199083; float:left; width:962px; padding:5px; }
#main-footer .bottom{
	background:url('images/background/footer.gif') repeat-x bottom;
	width:972px;
	height:25px;
	float:left;
	font-weight:bold;
	padding-top:5px;
}
/* 
   Navigator 
------------------------------------------------------------------- */
#navigator {
	/*background:url('images/background/navigator_back.gif');*/
	width:972px;
	height:35px;
	border-bottom:solid 1px #444;
	padding:0 0 0 0px;
}
#navigator a {
	background:url('images/background/navigatk.gif');
	height:22px;
	float:left;
	text-decoration:none;
	padding:8px 15px 5px 15px;
	color:#fff;
	font-weight:bold;
	border-right:solid 1px #155258;
	/*border-left:solid 1px #146267;*/
}
#navigator a:hover {
	background:url('images/background/navigat_hover.gif');	
}
#navigator .visit {
	background:url('images/background/navigat_hover.gif');	
}

/* 
   Layout 
------------------------------------------------------------------- */
input.button {
	background:url('images/button/botton.gif');
	width:101px;
	height:25px;
	border:none;
	float:left;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

/* 
   Package 
------------------------------------------------------------------- */
#package {
	width:237px;
	margin:0 0 5px 0;
	float:left;
	height:100px;
	border:0px solid #ccc;
	background:url('images/background/package.gif');
	height:226px;
	color:#fff;
	font-weight:bold;
}
#package .p-title { height:30px; padding:10px 5px 5px 10px; font-size:1.5em; }
#package .p-page { height:69px; padding:0 5px; border:solid 0px #444; }
#package .product { float:left; margin:0px 0 0 5px; }
#package .p-price { float:right; margin:0 5px 0 0; color:#13454e; font-size:1.8em; }
.readmore { 
	background:url('images/button/readmore.gif');
	width:77px;
	height:22px;
	float:right;
	margin:5px;
}
span.red { color:#b00034; }
span.green { color:#508b05; }
span.navy { color:#0d7677; }


#package-right {
	width:237px;
	margin:0;
	float:right;
	height:100px;
	border:0px solid #ccc;
	background:url('images/background/package_right.gif');
	height:226px;
	color:#fff;
}
#package-right .pr-title { height:30px; padding:15px 5px 5px 15px; font-size:1.2em; }
#package-right .pr-page { height:155px; padding:5px; padding-top:3px; border:solid 0px #444; font-weight:bold; }
.pr-page li a { text-decoration:none; color:#fff; }
.pr-page li a:hover { color:#5fbff7; }
.pr-page ul { list-style-image:url('images/background/point_li.gif'); }
.pr-page li {
	line-height:7px;
	padding-bottom:16px;
}

#space {
	width:8px;
	float:left;
	margin:0;
	border:0px solid #ccc;
}
/* 
   Page Left 
------------------------------------------------------------------- */
#page-left {
	width:727px;
	float:left;
	/*margin-top:5px;*/
}
#left-top {
	background:url('images/background/left-top.gif') no-repeat;
	width:727px;
	height:35px;
	float:left;	
}
#left-body {
	background:#d0f3f3;
	width:687px;
	padding:0 20px 20px 20px;
	float:left;
}
#left-body .lb-title {
	font-size:2em;	
}
/* 
   Page Right 
------------------------------------------------------------------- */
#right-top {
	background:url('images/background/right-top.gif') no-repeat;
	width:237px;
	height:45px;
	float:right;	
	margin:5px 0 2px 0;
}
#right-top .rt-title { height:30px; padding:10px 5px 5px 15px; font-size:1.2em; }
#right-body {
	width:225px;
	border:solid 1px #b6ebeb;
	float:left;
	padding:5px;
	text-align:center;
}
#right-body img { width:210px; margin:0 auto; }
/* 
------------------------------------------------------------------- *//*
	Archievement
------------------------------------------------------------------- */

#archieve {	
	margin:0;
	float:left;
	border:solid 0px #ccc;
}
#archieve .block { border-top:solid 1px #0d7677; padding:10px; float:left; }
.block img { width:207px; height:auto; padding:5px; background:#fff; border:solid 1px #ccc; float:left; margin: 0 10px 10px 0; }
#archieve .title { font-size:1.3em; font-weight:bold; float:left; border:solid 0px #444; width:400px;}
#archieve .detail { float:left; border:solid 0px #ccc; width:400px }
p.more-detail { float:left; margin-left:10px; border:solid 0px #ccc;}

/* 
------------------------------------------------------------------- *//*
	Next Previouse
------------------------------------------------------------------- */
#nextpre { float:right; margin-top:5px; }
#nextpre a { padding:5px; border:solid 1px #ccc; margin-left:2px; font-size:1.1em; }
#nextpre a:hover { background:#0d7677; color:#fff; }

#nextpre a.current { padding:3px; border:solid 1px #ccc; margin-left:2px; background:#0d7677; color:#fff; }