body {
	background: #971b33;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

/* HTML */
img{
	border: none;
}
a{
	color: #971b33;
	text-decoration: none;
}
a:hover{
	color: #6e6e6e;
	text-decoration: underline;
}
h1,h2,h3{
	margin: 0 0 12px 0;
}
h2{
	font-size: 14px;
}

/* CONTAINER */
#container{
	width: 930px;
	padding: 0 10px;
	margin: 0px auto;
	background: #ffffff;
}

/* HEAD */
#headerbox{
	color: #971b33;
}
#headertop{
	padding: 20px 20px 0 20px;
}
#logo{
	float: left;
	width: 230px;
	
}
#about{
	margin: 0;
	float: left;
	width: 350px;
	padding: 0 70px 0 10px;
}
#headertopright{
	float: left;
}
#office{
	float: right;
	margin: 0;
	padding: 10px;
	width: 170px;
	background: url(/assets/images/world-map.jpg) no-repeat center;
	border: 1px solid #dcdcdc;
}
	#office ul{
		margin: 8px 0 0 0;
		padding: 0;
		list-style: none;
	}
	#office li{
		float: left;
		width: 60px;
		padding-left: 18px;
		margin-bottom: 3px;
	}
		#office li.thailand,
		#office li.bangkok,
		#office li.phuket{
			background: url(/images/flag/tha.gif) no-repeat left center;
		}
		#office li.cambodia{
			background: url(/images/flag/khm.gif) no-repeat left center;
		}
		#office li.dhaka{
			background: url(/images/flag/bgd.gif) no-repeat left center;
		}
		#office li.laos{
			background: url(/images/flag/lao.gif) no-repeat left center;
		}
		#office li.myanmar{
			background: url(/images/flag/mmr.gif) no-repeat left center;
		}
		#office li.vietnam{
			background: url(/images/flag/vnm.gif) no-repeat left center;
		}
		#office li.maldives{
			background: url(/images/flag/mdv.gif) no-repeat left center;
		}
		#office li.indonesia{
			background: url(/images/flag/idn.gif) no-repeat left center;
		}
#headerbottom{
	margin: 15px 0;
}

/* TOPMENU */
#headermenu{
	margin: 15px 0;
	padding: 0;
	list-style: none;
	font-family: Geneva;
	text-transform: uppercase;
	font-size: 11px;
	background: #f1dbdd;
}
#headermenu li{
	float: left;
	cursor: pointer;
}
#headermenu li span{
	display: block;
}
#headermenu li a{
	display: block;
	height: 45px;
	padding: 10px 13.5px 10px 13.5px;
}
#headermenu li a:hover{
	background: #971b33;
	color: #ffffff;
	text-decoration: none;
}
	/* set here for another body class */
	.bg-slateblue #headermenu li a:hover{
		background: #0166ff;
	}
	.bg-purple #headermenu li a:hover{
		background: #9a349a;
	}
	.bg-orange #headermenu li a:hover{
		background: #ff6600;
	}
	.bg-olive #headermenu li a:hover{
		background: #979b00;
	}
	.bg-green #headermenu li a:hover{
		background: #98cb00;
	}
	.bg-crimson #headermenu li a:hover{
		background: #dd153c;
	}
	.bg-choco #headermenu li a:hover{
		background: #b97b00;
	}
	.bg-royalblue #headermenu li a:hover{
		background: #0067ff;
	}

/*** edit here for topmenu ***/	
#headermenu li a:active, #headermenu li a:link, #headermenu li a:visited{
	display: block;
	height: 45px;
	padding: 10px 13.5px 10px 13.5px;
}
#headermenu li ul{
	border-bottom: none;
}

#headermenu ul li{
	float: none;
	width: 150px;
}
#headermenu ul li a, #headermenu ul li a:active, #headermenu ul li a:link, #headermenu ul li a:visited{
	height: auto;
	padding: 2px 3px;
	display: block;
	width: 144px;
}
#headermenu ul li a:hover{
	color: #ffffff;
}
#headermenu li a.jd_menu_active_menubar, #headermenu li a.jd_menu_hover_menubar{
	color: #ffffff;
}
#headermenu li li.jd_menu_hover a.jd_menu_hover{
	color: #ffffff;
}
	/* SET FOR BORDER MENU LEVEL > 0 */
	.bg-slateblue #headermenu li ul{border: 1px solid #0166ff; border-bottom: none;}
	.bg-purple #headermenu li ul{border: 1px solid #9a349a; border-bottom: none;}
	.bg-orange #headermenu li ul{border: 1px solid #ff6600; border-bottom: none;}
	.bg-olive #headermenu li ul{border: 1px solid #979b00; border-bottom: none;}
	.bg-green #headermenu li ul{border: 1px solid #98cb00; border-bottom: none;}
	.bg-crimson #headermenu li ul{border: 1px solid #dd153c; border-bottom: none;}
	.bg-choco #headermenu li ul{border: 1px solid #b97b00; border-bottom: none;}
	.bg-royalblue #headermenu li ul{border: 1px solid #0067ff; border-bottom: none;}
	
	
	/* SET FOR BACKGROUND MENU LEVEL 0 */
	.bg-slateblue #headermenu li a:hover{ background: #0166ff; }
	.bg-purple #headermenu li a:hover{ background: #9a349a; }
	.bg-orange #headermenu li a:hover{ background: #ff6600; }
	.bg-olive #headermenu li a:hover{ background: #979b00; }
	.bg-green #headermenu li a:hover{ background: #98cb00; }
	.bg-crimson #headermenu li a:hover{ background: #dd153c; }
	.bg-choco #headermenu li a:hover{ background: #b97b00; }
	.bg-royalblue #headermenu li a:hover{ background: #0067ff; }
	
	/* SET FOR BACKGROUND MENU LEVEL 0 */
	.bg-slateblue #headermenu ul li a, .bg-slateblue #headermenu ul li a:active, .bg-slateblue #headermenu ul li a:link, .bg-slateblue #headermenu ul li a:visited{
		border-bottom: 1px solid #0166ff;
		background: #ffffff;
		color: #0166ff;
	}
	.bg-purple #headermenu ul li a, .bg-purple #headermenu ul li a:active, .bg-purple #headermenu ul li a:link, .bg-purple #headermenu ul li a:visited{
		border-bottom: 1px solid #9a349a;
		background: #ffffff;
		color: #9a349a;
	}
	.bg-orange #headermenu ul li a, .bg-orange #headermenu ul li a:active, .bg-orange #headermenu ul li a:link, .bg-orange #headermenu ul li a:visited{
		border-bottom: 1px solid #ff6600;
		background: #ffffff;
		color: #ff6600;
	}
	.bg-olive #headermenu ul li a, .bg-olive #headermenu ul li a:active, .bg-olive #headermenu ul li a:link, .bg-olive #headermenu ul li a:visited{
		border-bottom: 1px solid #979b00;
		background: #FEFFB1;
		color: #979b00;
		
	}
	.bg-green #headermenu ul li a, .bg-green #headermenu ul li a:active, .bg-green #headermenu ul li a:link, .bg-green #headermenu ul li a:visited{
		border-bottom: 1px solid #98cb00;
		background: #ffffff;
		color: #98cb00;
	}
	.bg-crimson #headermenu ul li a, #headermenu ul li a:active, #headermenu ul li a:link, #headermenu ul li a:visited{ 
		border-bottom: 1px solid #dd153c;
		background: #f1dbdd;
		color: #dd153c;
	}
	.bg-choco #headermenu ul li a, .bg-choco #headermenu ul li a:active, .bg-choco #headermenu ul li a:link, .bg-choco #headermenu ul li a:visited{
		border-bottom: 1px solid #b97b00;
		background: #ffffff;
		color: #b97b00;
	}
	.bg-royalblue #headermenu ul li a, .bg-royalblue #headermenu ul li a:active, .bg-royalblue #headermenu ul li a:link, .bg-royalblue #headermenu ul li a:visited{
		border-bottom: 1px solid #0067ff;
		background: #ffffff;
		color: #0067ff;
	}
	
	/* SET FOR BACKGROUND MENU LEVEL > 0 */
	.bg-slateblue #headermenu li a.jd_menu_active_menubar, .bg-slateblue #headermenu li a.jd_menu_hover_menubar, #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #0166ff;
		color: #ffffff;
	}
	.bg-purple #headermenu li a.jd_menu_active_menubar, .bg-purple #headermenu li a.jd_menu_hover_menubar, .bg-purple #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #9a349a;
		color: #ffffff;
	}
	.bg-orange #headermenu li a.jd_menu_active_menubar, .bg-orange #headermenu li a.jd_menu_hover_menubar, .bg-orange #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #ff6600;
		color: #ffffff;
	}
	.bg-olive #headermenu li a.jd_menu_active_menubar, .bg-olive #headermenu li a.jd_menu_hover_menubar, .bg-olive #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #979b00;
		color: #ffffff;
	}
	.bg-green #headermenu li a.jd_menu_active_menubar, .bg-green #headermenu li a.jd_menu_hover_menubar, .bg-green #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #98cb00;
		color: #ffffff;
	}
	.bg-crimson #headermenu li a.jd_menu_active_menubar, .bg-crimson #headermenu li a.jd_menu_hover_menubar, .bg-crimson #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #dd153c;
		color: #ffffff;
	}
	.bg-choco #headermenu li a.jd_menu_active_menubar, .bg-choco #headermenu li a.jd_menu_hover_menubar, .bg-choco #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #b97b00;
		color: #ffffff;
	}
	.bg-royalblue #headermenu li a.jd_menu_active_menubar, .bg-royalblue #headermenu li a.jd_menu_hover_menubar, .bg-royalblue #headermenu li li.jd_menu_hover a.jd_menu_hover{
		background: #0067ff;
		color: #ffffff;
	}
li.LOCKED {
	font-weight: bold;
}
/*** end ***/

#headertitle{
	width: 930px;
	height: 50px;
	margin: 0 auto;
	padding: 150px 0 0 0;
	background-repeat: no-repeat;
}

#headertitle h1{
	font-size: 22px;	
	height: 25px;
	color: #ffffff;
	font-family: georgia, "Times New Roman";
	text-transform: capitalize;
}
#headertitle h1 span{
	opacity:.45;
	filter: alpha(opacity=45); 
	-moz-opacity: 0.45;
	padding: 0 10px;
	display: block;
	background: #971b33;
	height: 25px;
}

	/* header images
	 * set here for another body class
	 */
	.bg-slateblue #headertitle h1 span{
		background: #0166ff;
	}
	.bg-purple #headertitle h1 span{
		background: #9a349a;
	}
	.bg-orange #headertitle h1 span{
		background: #ff6600;
	}
	.bg-olive #headertitle h1 span{
		background: #979b00;
	}
	.bg-green #headertitle h1 span{
		background: #98cb00;
	}
	.bg-crimson #headertitle h1 span{
		background: #dd153c;
	}
	.bg-choco #headertitle h1 span{
		background: #b97b00;
	}
	.bg-royalblue #headertitle h1 span{
		background: #0067ff;
	}	


#breadcrumb{
	font-size: 10px;
	margin: 10px 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

/* BODYBOX */
#bodybox{
	margin: 0 0 10px 0;
}

/* LEFTBOX */
#leftbox{
	float: left;
	width: 470px;
	margin: 0 5px 0 0;
}
	/* 2 cols layout */
	#page-2cols #leftbox{
		width: 664px;
		padding-right: 10px;
	}
#content .cdata{
	color: #4a4a4a;
}
#content .cdata p{
	margin-bottom: 0;
}
#content .contentbox{
	float: left;
	width: 145px;
	margin-right: 10px;
}
#content .contentbox h2{
	height: 40px;
}
#content .cdata{
	height: 240px;
	overflow: hidden;
}
#leftbox #feature-products{
	clear: both;
	background: url(/assets/images/bg-featured-l.jpg) no-repeat top left;
	width: 460px;
	border: 1px solid #dcdcdc;
}
#leftbox #feature-products h2{
	margin: 8px 8px 14px 8px;
	text-transform: uppercase;
	font-size: 14px;
	background: url(/assets/images/i-redbox.gif) no-repeat 0 5px;
	padding-left: 14px;
}
#leftbox #feature-products .cdata{
	background: url(/assets/images/bg-featured-r.jpg) no-repeat right bottom;	
	min-height: 0;
	height: auto;
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
}
#leftbox #feature-products .cdata li{
	float: left;
	text-align: center;
	width: 225px;
}
#leftbox #feature-products img{
	padding: 0 30px;
}
#leftbox #feature-products span{
	display: block;
	margin-top: 5px;
	text-align: center;
}
#title{
	font-size: 16px;
}
	/* set here the h2 title for another bodyclass for each themes */
	.bg-slateblue #title{
		color: #0166ff;
	}
	.bg-purple #title{
		color: #9a349a;
	}
	.bg-orange #title{
		color: #ff6600;
	}
	.bg-olive #title{
		color: #979b00;
	}
	.bg-green #title{
		color: #98cb00;
	}
	.bg-crimson #title{
		color: #dd153c;
	}
	.bg-choco #title{
		color: #b97b00;
	}
	.bg-royalblue #title{
		color: #0067ff;
	}
	
		
/* CENTERBOX */
#centerbox{
	float: left;
	border: 8px solid #dcdcdc;
	width: 180px;
	padding: 15px 10px;
	margin: 0 10px;
}
#page-3cols #centerbox{
	border: 1px solid #dcdcdc;
	background: url(/assets/images/bg-cb-brown.jpg) no-repeat;
}

#product-represented{
	margin: 0;
	padding: 0;
	list-style: none;
}
#product-represented li{
	text-align: center;
	margin: 4px 0;
	width: 180px;
	overflow: hidden;
}
#centerbox #feature-products h2{
	margin: 0 8px 14px 0;
	font-size: 14px;
	padding-left: 15px;
}
	.bg-slateblue #centerbox #feature-products h2{
		color: #0166ff;
		background: url(/assets/images/i-slateblue.gif) no-repeat 0 4px;
	}
	.bg-purple #centerbox #feature-products h2{
		color: #9a349a;
		background: url(/assets/images/i-purple.gif) no-repeat 0 4px;
	}
	.bg-orange #centerbox #feature-products h2{
		color: #ff6600;
		background: url(/assets/images/i-orange.gif) no-repeat 0 4px;
	}
	.bg-olive #centerbox #feature-products h2{
		color: #979b00;
		background: url(/assets/images/i-olive.gif) no-repeat 0 4px;
	}
	.bg-green #centerbox #feature-products h2{
		color: #98cb00;
		background: url(/assets/images/i-green.gif) no-repeat 0 4px;
	}
	.bg-crimson #centerbox #feature-products h2{
		color: #dd153c;
		background: url(/assets/images/i-crimson.gif) no-repeat 0 4px;
	}
	.bg-choco #centerbox #feature-products h2{
		color: #b97b00;
		background: url(/assets/images/i-choco.gif) no-repeat 0 4px;
	}
	.bg-royalblue #centerbox #feature-products h2{
		color: #0067ff;
		background: url(/assets/images/i-royalblue.gif) no-repeat 0 4px;
	}
	
#centerbox #feature-products .cdata{
	margin: 8px 0 0 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
#centerbox #feature-products .cdata li{
	margin-bottom: 30px;
	padding-bottom: 1px;
	list-style: none;
}
#centerbox #feature-products .cdata li span{
	display: block;
	margin-top: 5px;
	text-align: center;
}
#centerbox #feature-clients{
	width: 180px;
	overflow: hidden;
}

/* RIGHTBOX */
#rightbox{
	float: left;
	width: 210px;
}
#rightbox .contentbox{
	border: 1px solid #dcdcdc;
	margin-bottom: 15px;
	padding: 5px;
}
#rightbox #firstbox{ 
	border: none;
}
#whats-new{
	margin: 0;
	padding: 0;
	list-style: none;
}
#whats-new li{
	margin: 8px 0;
}
#whats-new span{
	display: block;
}
#whats-new .date{
	color: #000000;
	float: left;
	width: 50px;
	font-size: 11px;
}
#whats-new .short-news{
	margin: 0 0 0 50px;
	padding: 0;
	color: #971b33;
}
.short-news p{
	margin: 0;
	padding: 0;
}
#photo-thumbnail{
	margin: 0 0 0 -5px;
	position: relative;
	list-style: none;
	padding: 0;
}
#photo-thumbnail li{
	list-style: none;
	width: 208px;
	height: 157px;
	overflow: hidden;
}
#photo-thumbnail img{
	display: block;
	width: 208px;
	position: relative;
}
#photo-thumbnail .caption{
	background: #971b33;
	color: #ffffff;
	display: block;
	padding: 2px 5px;
	height: 14px;
	margin-right: -5px;
	position: absolute;
	bottom: 8px;
	opacity:.65;
	filter: alpha(opacity=65); 
	-moz-opacity: 0.65;
	font-weight: bolder;
}
/* Image Gallery */
#leftbox #photo-gallery{
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftbox #photo-gallery li{
	float: left;
	/*width: 130px;
	height: 130px;*/
	position: relative;
	/*background: url(/assets/images/bg-frame.gif) no-repeat;*/
	margin-right: 2px;
	margin-bottom: 5px;
}
#leftbox #photo-gallery a{
	display: block;
	text-decoration: none;
	padding: 10px 0 0 0;
	color: #627e97;
	font-size: 9px;
	width: 208px;
	/* height: 110px;*/
	overflow: hidden;	
}
#leftbox #photo-gallery a:hover{
	text-decoration: none;
}
#leftbox #photo-gallery a img{
	display: block;
	position: relative;
}
#leftbox #photo-gallery a span{
	display: block;
	background: #971b33;
	margin: -20px 10px 5px 0;
	padding: 2px 0 2px 3px;
	position: relative;
	opacity:.75;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	height: 12px;
	color: #fff;
	font-weight: bold;
	font-family: verdana;
}
#form_image_category{
	margin: 0 0 25px 0;
}
#form_image_category label{
	font-size: 11px;
}
#form_image_category select{
	border: 1px solid #627e97;
	font-size: 11px;
}
p.i-nav{
	margin: 10px 0 40px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
	font-family: verdana;
}
/* Page Navigation*/
.pagenav, .pagenav table{
	text-align: center;
	margin: 0 auto;
	width: 170px;
}


#sister-website{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sister-website li{
	float: left;
	width: 95px;
	margin: 0 2px 2px 0;
	overflow: hidden;
}

/* FOOTER */
#footerbox{
	background: #990002 url(/assets/images/bg-footer.jpg) repeat-x 0 0;
	border-bottom: 10px solid #ffffff;
}
#footerbox a{
	color: #ffffff;
}
#footertopleft{
	float: left;
	width: 40%;
	margin: 20px 0 0 10px;
	color: #ffffff;
}
#footertopleft h3{
	color: #ffffff;
	margin: 0;
	font-size:12px;
}
#footertopright{
	width: 50%;
	float: right;
}
#footertopright ul{
	float: right;
	list-style: none;
	margin: 20px 10px 0 0;
	padding: 0;
}
#footertopright li{
	float: right;
	border-right: 1px solid #ffffff;
	padding: 0 3px;
	text-align: right;
}
#footerbottombox{
	background: #790102;
	color: #ffffff;
	margin: 30px 0 10px 0;
	padding: 2px 10px;
	font-size: 11px;
}
#footerbottombox p{
	margin: 0;
}
#copyright-developer{
	clear: both;
}
span#copyright{
	float: left;
}
span#developer{
	float: right;
}
#footertopleft span.street{
	display: block;
}
#footertopleft span.email{
	display: block;
	
}

/* FORM */
.formwrapper{
	margin-bottom: 2px;
}
.formwrapper label{
	display: block;
	float: left;
	width: 150px;
}
#subscribe-bulletin label{
	width: 75px;
}
.bt{
	background: #971b33;
	color: #ffffff;
	border: none;
	font-size: 11px;
}

/* FUNCTION */
p#top{
	text-align: right;
	margin-right: 20px;
}
.subtitle{
	color: #971b33;
	font-family: Times New Roman;
	font-size: 12px;
	text-transform: uppercase;
}
p.more{
	margin: 4px 0 0 0;
}
p.more a{
	background: url(/assets/images/i-more.gif) no-repeat right 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 11px;
	margin: 0;
}
.warn{
	color: #ff0000;	
}
.centerwarn{
	color: #ff0000;
	text-align: center;
}
.slateblue{
	color: #0166ff;
}
.purple{
	color: #9a349a;
}
.orange{
	color: #ff6600;
}
.olive{
	color: #979b00;
}
.green{
	color: #98cb00;
}
.crimson{
	color: #dd153c;
}
.choco{
	color: #b97b00;
}
.brown{
	color: #9da013;
}
.royalblue{
	color: #0067ff;
}

body.bg-slateblue{
	background: #000000 url(/assets/images/bg-body-slateblue.jpg) repeat-x;
}
body.bg-purple{
	background: #000000 url(/assets/images/bg-body-purple.jpg) repeat-x;
}
body.bg-orange{
	background: #000000 url(/assets/images/bg-body-orange.jpg) repeat-x;
}
body.bg-olive{
	background: #000000 url(/assets/images/bg-body-olive.jpg) repeat-x;
}
body.bg-green{
	background: #000000 url(/assets/images/bg-body-green.jpg) repeat-x;
}
body.bg-crimson{
	background: #000000 url(/assets/images/bg-body-crimson.jpg) repeat-x;
}
body.bg-choco{
	background: #000000 url(/assets/images/bg-body-choco.jpg) repeat-x;
}
body.bg-royalblue{
	background: #000000 url(/assets/images/bg-body-royalblue.jpg) repeat-x;
}

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

.clear {display: inline-block;}

	/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
	/* End hide from IE-mac

	

/* FOR TABLE */
table.tableprojects{
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
table.tableprojects td, table.tableprojects tr{
	padding: 4px;
	border: 1px solid #cccccc;
}
table.tableprojects th{
	color: #ffffff;
	padding: 6px;
	background-color: #971B33;
}
table.tableprojects tr.even td{
	background: #FBEAED;
}
table.tableprojects tr.odd td{
	background: #ffffff;
}
table.tableprojects tr td.cellrowsubhead{
	background: #ffffff;
}
table.tableprojects tr td.cellrowhead{
	background: #ffffff;
	font-weight: bold;
	height: 100%;
}
table.tableprojects tr td.cellrowhead h2{
	margin: 1px;
	padding: 0;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
}