@import url("combine_css.php?files=reset.css,style-print.css,dropdown-2012.css,style-slidearea.css,style-menuhotel-2012.css,prettyPhoto.css,style-box-2012.css,style-wrap_top.css,style-footer-2012.css,style-table.css");

body {
  background:url(../images/backgrounds/sand-bg.gif) left top repeat;
  padding:0;
  margin:0px;
  font:12px/16px Arial, Helvetica, sans-serif;
  color:#333333;
  background-color:#006a83;
}
/** Heading*/
h1,h2,h3{
  clear:both;
  padding:8px 0;
  color:#00a7a4;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
h1{ font-size:30px; }
h2{ font-size:22px; }
h3{ font-size:16px;/*font-size:12px; */}
h4,h5,h6{
  font-size:12px;
  padding:6px 0;
  color:#666;
}
div.clear10{
  clear:both;
  display:block;
  width:100%;
  height:10px;
  margin:0;
  padding:0;
}

a:link, a:visited, a:active{
  color:#b37001;
  text-decoration:none;
  font:12px/16px Arial, Helvetica, sans-serif;
  /*font-weight:bold;*/
}
a:hover{
  color:#924501;
  text-decoration:none;
}
a.moreinfo{
  float:right;
  padding:0 8px;
  margin:-20px 2px -20px 0;
  display:inline;
  height:16px;
  font:11px/16px Arial, Helvetica, sans-serif !important;
  background:url(../images/list/arrow-right.gif) no-repeat left center;
  white-space:nowrap;
}
a.a_moreinfo{
  float:right;
  padding:0 8px;
  margin:-20px 2px 20px 0;
  display:inline;
  height:16px;
  font:11px/16px Arial, Helvetica, sans-serif !important;
  background:url(../images/list/arrow-right.gif) no-repeat left center;
  white-space:nowrap;
}
a.gotop{
  clear:both;
  float:left;
  margin:20px 2px 0 0;
  padding:0 2px 0 15px;
  font:bold 12px/16px Arial, Helvetica, sans-serif;
  white-space:nowrap;
  text-decoration: none;
  background:url(../images/list/arrow-up.gif) no-repeat left center;
}

.arrow{
  padding:0 8px;
  background:url(../images/list/arrow-right.gif) no-repeat 0 5px;
}
ul.qlink{
  float:left;
  padding:0 0 5px 0;
  margin:0;
  _margin:0 0 0 -5px;
  width:200px !important;
  list-style:none;
}
ul.qlink li.arrow{
  clear:both;
  float:left;
  padding:0 2px 0 10px;
  margin:5px 0 0 10px;
  width:186px !important;
  _margin:0 0 2px 5px;
}
ul.qlink li.disc{
  float:left;
  padding:0 0 0 15px;
  margin:5px 0 0 20px;
  width:183px !important;
  background:url(../images/list/black-list.gif) no-repeat left 5px;
  _margin:0 0 2px 10px;
}
ul li.disc{
  float:left;
  width:330px;
  padding:0 0 0 15px;
  background:url(../images/list/black-list.gif) no-repeat left 5px;
}
ul.full_disc{
  float:left;
  margin:0 0 0 15px;
  width:655px;
  list-style:none;
  _margin:0 0 0 5px;
}
ul.full_disc li{
  clear:both;
  float:left;
  padding:0 0 0 15px;
  width:640px;
  background:url(../images/list/black-list.gif) no-repeat left 5px;
}

ul.biglist{
  list-style:none;
  margin:0;
  padding:0;
}
ul.biglist li{
  clear:both;
  float:left;
  margin:0 0 10px 0;
  width:661px;
}
ul.biglist li img{
  float:left;
  margin:0 10px 10px 0;
}
ul.biglist li h3{
  clear:none;
  float:left;
  padding:10px 0 0 0;
  width:325px;
}
ul.biglist li p{
  clear:none;
  float:left;
  padding:0 0 20px 0;
  width:325px;
}

ul.smalllist{
  list-style:none;
  margin:0;
  padding:0;
}
ul.smalllist li{
  border-bottom: 1px solid #d7dfe6;
  clear:both;
  float:left;
  margin:10px 0;
  width:663px;
}
ul.smalllist li img{
  float:left;
  margin:0 10px 10px 0;
}
ul.smalllist li h3{
  clear:none;
  float:left;
  padding:0;
  width:503px;
}
ul.smalllist li p{
  clear:none;
  float:left;
  padding:0;
  width:503px;
}
ul.promotionlist{
  clear:both;
  float:left;
  margin:0;
  padding:0;
  width:661px;
  list-style:none;
}
ul.promotionlist li{
  clear:both;
  float:left;
  margin:5px 0;
  padding:10px;
  width:651px; 
  -webkit-border-radius: 5px;;
  -moz-border-radius: 5px;;
  border-radius: 5px;
  border:1px #ccc solid;
}
ul.promotionlist li h3{
  clear:none;
  float:left;
  padding:0;
  width:450px;
}
ul.promotionlist li img{
  float:left;
  margin:0 10px 0 0;
}
ul.promotionlist li p{
  float:left;
  margin:0 !important;
  padding:0;
  min-height:70px;
  width:485px;
}
ul.promotionlist a.linkmore{
  float: right;
  display:block;
  margin:0 2px -20px 0;
  height: 16px;
  padding:0 2px 0 8px;
  text-decoration: none;
  font-size:11px;
  font-weight:bold;
  background:url(../images/list/arrow-right.gif) no-repeat left center;
  white-space:nowrap;
}

ul.questlist{
  clear:both;
  float:left;
  margin:0;
  padding:0;
  width:661px;
  list-style:none;
}
ul.questlist li{
  clear:both;
  float:left;
  margin:5px 0;
  padding:10px;
  width:651px;
  /*
  -webkit-border-radius: 5px;;
  -moz-border-radius: 5px;;
  border-radius: 5px;
  border:1px #ccc solid;
  */
}
ul.questlist li h3{
  clear:none;
  float:left;
  padding:0;
  width:450px;
}
ul.questlist li img{
  float:left;
  margin:0 10px 0 0;
}
ul.questlist li p{
  float:left;
  margin:0 !important;
  padding:0;
  min-height:70px;
  width:485px;
}
ul.questlist a.linkmore{
  float: right;
  display:block;
  margin:0 2px -20px 0;
  height: 16px;
  padding:0 2px 0 8px;
  text-decoration: none;
  font-size:11px;
  font-weight:bold;
  background:url(../images/list/arrow-right.gif) no-repeat left center;
  white-space:nowrap;
}
ul.shortlist{
  float:left;
  list-style:none;
  margin:0 0 0 -10px;
  padding:0;
  width:670px;
}
ul.shortlist li{
  float:left;
  width:305px !important;
  margin:0 0 0 10px;
}
.pdf{
  clear:both;
  list-style:none;
  margin:0;
}
.pdf li{
  clear:both;
  float:left;
  background:url(../images/list/pdf-icon.gif) no-repeat left center !important;
  padding:2px 0 2px 20px;
  white-space:nowrap;
}
ul.pdf li a{ 
  white-space:nowrap;
}


.pdf_indent{
  list-style:none;
}
.pdf_indent a, .pdf_indent span{
  float:left;
  padding:0 10px 0 0;
}
.pdf_indent span{
  width:82px;
  padding:0;
}
.pdf_indent a.pdf_name{
  width:560px;
  padding:0;
}

/**Wrapper*/
#wrapper{
  padding:0;
  margin:0 auto;
  width:955px;
  background: url(../images/curve/main-v-2012.gif) left top repeat-y;
}
#wrapper .wrap_curv{
  background: url(../images/curve/main-curve-2012.gif);
  float:left;
  width:20px;
  height:20px;
}
#wrapper .wrap_line{
  background: url(../images/curve/main-h-2012.gif);
  float:left;
  width:915px;
  height:20px;
}

#wrapper #wrap-top-left, #wrapper #wrap-top-cen{
  background-position:top left;
}
#wrapper #wrap-top-right{
  background-position:top right;
}
#wrapper #wrap-bot-left,#wrapper #wrap-bot-cen{
  margin:-12px 0 0 0;
  background-position:bottom left;
}
#wrapper #wrap-bot-right{
  margin:-12px 0 0 0;
  background-position:bottom right;
}

#wrapper #wrap-body{
  display:block;
  margin:0;
  padding:0 20px;
  width:915px;
}

/** Top*/
#wrapper #wrap-body div#LagunaTop{
  background:url(../images/backgrounds/top-bg.gif) left top repeat-x;
  clear:both;
  width:933px;
  height:130px;
  margin:0 -9px;
  position:relative;
  z-index:900;
}
#wrapper #wrap-body div.top #logo{
  position:absolute;
  top:8px;
  left:20px;
  width:138px;
  height:67px;
}
#wrapper #wrap-body div.top #description{
  position:absolute;
  top:0;
  right:10px;
  font-size:28px;
  font-weight:100;
  line-height:80px;
  color:#b2b2b2;
} 

/** Left*/
.body-left{
  clear:both;
  float:left;
  margin:0;
  padding:0;
  width:693px;
}
.body-left .left-content{
  display:block;
  margin:0;
  padding:10px;
  width:673px;
}
.body-left .right-up{
  clear:both;
  float:right;
  margin:-20px 10px 0 0;
  background:#fff;
}
/** Right*/
.body-right{
  float:right;
  margin:0 0 0 0;
  padding:0;
  width:222px;
  font:11px/16px Arial, Helvetica, sans-serif;
}


/** Content */
.leftcontent{
  float:left;
  width:360px;
}
.leftcontent h3{
  float:left;
  padding:2px 0;
  margin:0;
  width:360px;
  font:bold 14px/18px Helvetica, Arial, sans-serif;
  color:#308eab;
}
.leftcontent p{
  clear:both;
  float:left;
  padding:0;
  margin:5px 0 10px 0;
  width:360px;
}
.pinkcontent{
  float:right;
  padding:10px;
  margin:0 5px;
  width:300px;
  border:1px solid #d07;
  background:#fff2fa;
}
.pinkcontent h3{
  float:left;
  margin:0;
  padding:10px;
  width:280px;
  background:#d07;
  font:bold 14px/18px Helvetica, Arial, sans-serif;
  color:#fff;
}
.pinkcontent p{
  clear:both;
  float:left;
  margin:0;
  padding:10px;
  width:280px;
}
.pinkcontent p.free{
  clear:both;
  float:left;
  font:bold 26px/30px Century Gothic, Arial, Helvetica, sans-serif;
  color:#0ab;
  text-align:center;
}
.pinkcontent ul{
  clear:both;
  float:left;
  padding:0;
  margin:20px 10px 20px 20px;
  list-style:circle !important;
  line-height:24px;
  color:#f39;
}
.pinkcontent ul li strong{
  color:#000;
}
.bluecontent{
  clear:both;
  float:left;
  margin:5px 0;
  padding:10px;
  width:643px;
  border:1px solid #cdd;
  background:#dee;
}
.bluecontent h3{
  clear:both;
  float:left;
  margin:0;
  padding:10px 0;
  font:bold 14px/18px Helvetica, Arial, sans-serif;
  color:#308eab;
}
.bluecontent p{
  float:left;
  clear:both;
  margin:5px 0;
}
.bluebox{
  clear:both;
  float:left;
  margin:5px 0;
  padding:10px;
  width:643px;
  border:1px solid #cdd;
  background:#dee;
}
.bluebox h3{
  clear:both;
  float:left;
  margin:0;
  padding:10px 0;
  font:bold 14px/18px Helvetica, Arial, sans-serif;
  color:#308eab;
}
.bluebox p{
  float:left;
  clear:both;
  margin:5px 0;
}
.text_11, .text_11_red{
  font-size:11px;
}
.text_11_red{
  color:#F00;
}
.text_11 *{
  font-size:11px;
}

/* TABLE STYLE */	
table.grid {border: 0px groove #CCC; border-collapse: separate; border-spacing: 1px; padding: 0 10px;}
table.grid th {border: 1px solid #CCC; vertical-align:middle;}
table.grid td {background:#fafafa; border: 1px solid #e1e4e4; padding: 0 10px; vertical-align:middle;}

/* RATE TABLE STYLE */	
table.rate {border: 1px solid #66c1b9; -moz-border-radius:5px; border-radius:5px;}
table.rate td { padding: 5px 10px; }
table.rate table td { padding: 0;}
table.rate input[type="text"]{ width:200px;}
table.rate td.title1 {background:#66c1b9; color:#fff; font-weight:bold;}
table.rate td.title2 {background:#c2e6e3; color:#000; font-weight:bold;}
table.rate td.title3 {background:#E1EFF7; color:#000;}
table.rate td {vertical-align:top}
table.rate td.r1 {background:#66c1b9; color:#fff; font-weight:bold;}
table.rate td.r2 {background:#c2e6e3; color:#000; font-weight:bold;}
table.rate td.r3 {background:#E1EFF7; color:#000;}
table.rate td.r4 {background:#eef6fb; color:#000;}
table.rate td.r5 {background:#fff; color:#000;}

/* Form Style*/	
#form {border: 1px solid #66c1b9; font-size:11px; padding:10px; margin:10px;}
#form .title1 {font: bold 11px/16px Arial, Helvetica, sans-serif; color:#fff; background-color:#66c1b9; padding: 5px 10px; }
#form .title2 {font: bold 11px/16px Arial, Helvetica, sans-serif; color:#000; background-color:#c2e6e3; padding: 5px 10px; }
#form .title3 {font: 11px/16px Arial, Helvetica, sans-serif; color:#000; background-color:#E1EFF7; padding: 5px 10px; }
#form .text-gray {color: #666;}


/*blog style*/	
.blog {margin:0; padding:0; width:583px;}
.blog h3 {font: bold 12px/16px Arial, Helvetica, sans-serif; float:left; background: url(../images/gray-dot.gif) bottom right no-repeat; width:484px; padding-bottom:13px; margin:0px; color:#308eab;}
.blog_col1 {float:left; width:89px; vertical-align:top;}
.blog_col2 {float:right; width:484px; vertical-align:top;}
.blog .date {float:left; background: url(../images/note-paper.gif) top left no-repeat; color:#b91114; font: bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; width:89px; height:98px; padding:20px 0px 0px 0px; }
.blog .detail {width:484px;float:right; color:#333;}


/**Breadcrumb*/
#breadcrumb-l{
  float:left;
  margin:10px -1px;
  width:5px;
  height:40px;
  background:url(../images/curve/breadcrumb-curve.gif) 0 -40px;
}
#breadcrumb-r{
  float:right;
  margin:10px -1px;
  width:5px;
  height:40px;
  background:url(../images/curve/breadcrumb-curve.gif) -5px -40px;
}
ul#breadcrumb{
  float:left;
  margin:10px 0;
  padding:5px 5px 5px 10px;
  width:894px;
  height:25px;
  border-bottom:1px solid #a8a8a8;
  background:url(../images/curve/breadcrumb-curve.gif) 0 0 repeat-x;
  list-style:none;
}

ul#breadcrumb li{
  float:left;
  padding:5px 2px;
  margin:0;
  font:normal 11px/16px Arial, Helvetica, sans-serif;
}
ul#breadcrumb li.lisearch{
  float:right;
  padding:0;
  margin:0;
}
ul#breadcrumb li.lisearch form{
  float:right;
  display:block;
  margin:0;
  padding:0;
}
ul#breadcrumb li.lisearch form input{
  font:normal 11px/16px Arial, Helvetica, sans-serif
  width:170px;
}
ul#breadcrumb a{
  font:normal 11px/16px Arial, Helvetica, sans-serif;
}
ul#breadcrumb a.arrow{
  padding:0 3px 0 6px;
  background:url(../images/list/arrow-right.gif) no-repeat 0 4px;
}


/** Search*/
.go{
  float:left;
  margin:1px -3px 0 5px;
  _margin:3px -3px 0 2px;
  height: 25px !important;
  width: 36px !important;  
  /**background*/
  background:url(../images/curve/go-bttn.gif) 0 0 no-repeat;
  text-indent:-9999px;
}

.go:hover{
  background:url(../images/curve/go-bttn.gif) 0 -25px;
}

.button{
  float:left;
  right:32px;
  margin:2px 0 0 0;
  padding:2px 2px 3px 8px;
  width:162px;
  font:11px/16px Arial, Helvetica, sans-serif;
  outline: none;
}

/* page_nav */	
#paginate {
  font: bold 11px/16px Arial, Helvetica, sans-serif !important;
  text-align:right;
  margin:0 0 20px 0;
  padding:0;
  width:663px;
}	
.paginate_gal {
  float:right !important;
  margin:20px 10px -40px 0 !important;
  _margin:20px 0 0 0 !important;
}	
#paginate a:link,#paginate a:visited,#paginate a:active{
  background: #fff;
  border: 1px solid #c27211;
  color:#c27211;
  text-decoration:none;
  margin:2px 3px;
  padding:2px 5px;
  font:bold 11px/16px Arial, Helvetica, sans-serif !important;
}		
#paginate a:hover{
  background: #c27211;
  border: 1px solid #c27211;
  color:#fff;
  text-decoration: none;
  margin:2px 3px;
  padding:2px 5px;
}	
#paginate .page_active{
  background: #c27211;
  border: 1px solid #c27211;
  color:#fff;
  margin:2px 3px;
  padding:2px 5px;
}

.language_list{
  float:left;
  padding:0;
  list-style:none;
  overflow:hidden;
}

.language_list li{
  float:left;
  margin:0 0 5px 0;
  width:27px;
}
.language_list li a{
  float:left;
  margin:0 5px;
  width:22px;
  height:16px;
  background-image:url(../images/list/flag-icons.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  outline:none;
  text-indent:-9999px;
}

.language_list .en a{background-position:0 -16px;}
.language_list .th a{background-position:-23px -16px;}
.language_list .ru a{background-position:-46px -16px;}
.language_list .cn a{background-position:-69px -16px;}
.language_list .id a{background-position:-92px -16px;}
.language_list .en a:hover,.language_list .en a.hover{background-position:0 0;}
.language_list .th a:hover,.language_list .th a.hover{background-position:-23px 0;}
.language_list .ru a:hover,.language_list .ru a.hover{background-position:-46px 0;}
.language_list .cn a:hover,.language_list .cn a.hover{background-position:-69px 0;}
.language_list .id a:hover,.language_list .id a.hover{background-position:-92px 0;}


/* SOC APP */
ul.soc_app {border-top:1px solid #d7dfe6; border-bottom: 1px solid #d7dfe6; list-style:none; padding:5px 0; margin:10px 0 15px 0; width:663px; height:21px !important;}
ul.soc_app li {list-style:none; float:left; padding:0; margin:0 5px 0 0;}
.fb_like {width:110px;}
.fb_flike {width:90px;}
.fb_share {width:110px !important;}
.tweet {width:95px;}
.plusone {width:95px !important;}
.addthis {margin-top:3px !important;}

/* Slideshow Gallery */
#right_gallery {
	position:relative;
	float:right;
	margin:0 0 20px 20px;
	width:350px;
	height:277px;
}
#right_gallery #slider {
	position:absolute;
	left:0;
	top:0;
}
#right_gallery #slider div {
	display:none;
	position:absolute;
	width:350px;
	height:263px;
}
#right_gallery .spotlighttabs{
    top:280px !important;
  }
  
/*  Footer Gallery */
.gallery_663 {margin:0; padding:0;}
ul.gallery_663 {margin:0; padding:0; width:663px;}
ul.gallery_663 li {float:left; margin:0 15px 15px 0; padding:0; list-style:none; width:150px; height:113px;}
ul.gallery_663 li.last_thb {margin:0 0 15px 0;}
ul.gallery_663 li img { border:none; outline:none;}  

/*  583 Gallery */
.gallery_583 {margin:0; padding:0;}
ul.gallery_583 {margin:0; padding:0; width:583px;}
ul.gallery_583 li {float:left; margin:0 10px 10px 0; padding:0; list-style:none; width:150px; height:113px;}
ul.gallery_583 li.last_thb {margin:0 0 10px 0;}
ul.gallery_583 li img { border:none; outline:none;}  

/* CSR Project */
.label_csr_project_start, .label_csr_project_end, .label_csr_project_details {
	float:left;	
	font-size:14px;
	color:#308eab;
	font-weight:bold;
	margin:0;
	padding:2px 0;
	width:80px;}
	
.csr_project_start, .csr_project_end, .csr_project_details {
	float:left;
	font-size:12px;
	margin:0;
	padding:2px 0;
	width:583px;
	}

/* Related Blogs */
.related_blogs_583 {margin:0; padding:0;}
ul.related_blogs_583 {margin:10px 0 0 20px; padding:0; width:583px;}
ul.related_blogs_583 li {background:url(../images/file.gif) left top no-repeat; float:left; margin:0 10px 10px 0; padding:0 0 0 20px; list-style:none; width:261px;}