@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family: Tahoma, "Lucida Sans Unicode", "Lucida Grande", Thonburi, Helvetica, sans-serif;
}

.embed, object, param {margin:0; padding:0;}



/**********************************************************
    BASIC STYLES
**********************************************************/

/*  thin headers */

.h1Thin
{    color: #655240;
    font: 32px;
}

.h2Thin
{    color: #655240;
    font: 28px; 
}

.h3Thin
{    color: #655240;
    font: 24px; 
}

.h4Thin
{    color: #655240;
    font: 20px; 
}

.h5Thin
{    color: #655240;
    font: 16px; 
}

/* normal headers */

.h1Normal
{    color: #655240;
    font: 32px;
}

.h2Normal
{    color: #655240;
    font: 28px; 
}

.h3Normal
{    color: #655240;
    font: 24px; 
}

.h4Normal
{    color: #655240;
    font: 20px; 
}

.h5Normal
{    color: #655240;
    font: 16px; 
}


/* bold headers */

.h1Bold
{    color: #655240;
    font: 32px;
}

.h2Bold
{    color: #655240;
    font: 28px; 
}

.h3Bold
{    color: #655240;
    font: 24px; 
}

.h4Bold
{    color: #655240;
    font: 20px; 
}

.h5Bold
{
	color: #655240;
	font: 16px;
	letter-spacing: 0.1em;
}


/* Text */
.text11_yellow {
	font-size: 11px;
	color: #796b2b;
	text-decoration: none;
}
.text12_yellow {
	font-size: 12px;
	color: #796b2b;
	text-decoration: none;
}
.text12_yellow_recommand {
	font-size: 12px;
	color: #796b2b;
	text-decoration: none;
	line-height: 14px;
	}
.text14_yellow {
	font-size: 14px;
	color: #796b2b;
	text-decoration: none;
}
.text16_yellow {
	font-size: 16px;
	color: #796b2b;
	text-decoration: none;
}
.text18_yellow {
	font-size: 18px;
	color: #796b2b;
	text-decoration: none;
	}
.text22_yellow {
	font-size: 22px;
	color: #796b2b;
	text-decoration: none;
	}
.text11_yellow1 {
	font-size: 11px;
	color: #b58f1e;
	text-decoration: none;
}
.text12_yellow1 {
	font-size: 12px;
	color: #b58f1e;
	text-decoration: none;
}
.text12_yellow1_recommand {
	font-size: 12px;
	color: #b58f1e;
	text-decoration: none;
	line-height: 14px;
	}
.text14_yellow1 {
	font-size: 14px;
	color: #b58f1e;
	text-decoration: none;
}
.text16_yellow1 {
	font-size: 16px;
	color: #b58f1e;
	text-decoration: none;
}
.text18_yellow1 {
	font-size: 18px;
	color: #b58f1e;
	text-decoration: none;
}
.text22_yellow1 {
	font-size: 22px;
	color: #b58f1e;
	text-decoration: none;
}
.text11_yellow2 {
	font-size: 11px;
	color: #97771a;
	text-decoration: none;
	}
.text12_yellow2 {
	font-size: 12px;
	color: #97771a;
	text-decoration: none;
	}
.text12_yellow2_recommand {
	font-size: 12px;
	color: #97771a;
	text-decoration: none;
	line-height: 14px;
	}
.text14_yellow2 {
	font-size: 14px;
	color: #97771a;
	text-decoration: none;
	}
.text16_yellow2 {
	font-size: 16px;
	color: #97771a;
	text-decoration: none;
	}
.text18_yellow2 {
	font-size: 18px;
	color: #97771a;
	text-decoration: none;
	}
.text22_yellow2 {
	font-size: 22px;
	color: #97771a;
	text-decoration: none;
	}
.text11_white {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	}
.text12_white {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	}
.text14_white {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	}
.text14_white_footer {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: 1pt;
	}
.text16_white {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	}
.text18_white {
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	}
.text22_white {
	font-size: 22px;
	color: #FFF;
	text-decoration: none;
	}
.text11_black {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	}
.text12_black {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	}
.text14_black {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	}
.text14_black_footer {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: 1pt;
	}
.text16_black {
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	}
.text18_black {
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	}
.text22_black {
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	}
.text11_red {
	font-size: 11px;
	color: #fe3333;
	text-decoration: none;
	}
.text12_red {
	font-size: 12px;
	color: #fe3333;
	text-decoration: none;
	}
.text14_red {
	font-size: 14px;
	color: #fe3333;
	text-decoration: none;
}
.text16_red {
	font-size: 16px;
	color: #fe3333;
	text-decoration: none;
	}
.text18_red {
	font-size: 18px;
	color: #fe3333;
	text-decoration: none;
}
.text22_red {
	font-size: 22px;
	color: #fe3333;
	text-decoration: none;
	}
.text11_green {
	font-size: 11px;
	color: #18641a;
	text-decoration: none;
	}
.text12_green {
	font-size: 12px;
	color: #18641a;
	text-decoration: none;
	}
.text14_green {
	font-size: 14px;
	color: #18641a;
	text-decoration: none;
}
.text16_green {
	font-size: 16px;
	color: #18641a;
	text-decoration: none;
	}
.text18_green {
	font-size: 18px;
	color: #18641a;
	text-decoration: none;
}
.text22_green {
	font-size: 22px;
	color: #18641a;
	text-decoration: none;
	}
.text11_blue {
	font-size: 11px;
	color: #124379;
	text-decoration: none;
	}
.text12_blue {
	font-size: 12px;
	color: #124379;
	text-decoration: none;
	}
.text14_blue {
	font-size: 14px;
	color: #124379;
	text-decoration: none;
}
.text16_blue {
	font-size: 16px;
	color: #124379;
	text-decoration: none;
	}
.text18_blue {
	font-size: 18px;
	color: #124379;
	text-decoration: none;
}
.text22_blue {
	font-size: 22px;
	color: #124379;
	text-decoration: none;
	}
.text11_blue1 {
	font-size: 11px;
	color: #0456a7;
	text-decoration: none;
	}
.text12_blue1 {
	font-size: 12px;
	color: #0456a7;
	text-decoration: none;
	}
.text14_blue1 {
	font-size: 14px;
	color: #0456a7;
	text-decoration: none;
}
.text16_blue1 {
	font-size: 16px;
	color: #0456a7;
	text-decoration: none;
	}
.text18_blue1 {
	font-size: 18px;
	color: #0456a7;
	text-decoration: none;
}
.text22_blue1 {
	font-size: 22px;
	color: #0456a7;
	text-decoration: none;
	}
.text11_silver {
	font-size: 11px;
	color: #898989;
	text-decoration: none;
	}
.text12_silver {
	font-size: 12px;
	color: #898989;
	text-decoration: none;
	}
.text12_silver_recommand {
	font-size: 12px;
	color: #898989;
	text-decoration: none;
	line-height: 14px;
	}
.text14_silver {
	font-size: 14px;
	color: #898989;
	text-decoration: none;
}
.text16_silver {
	font-size: 16px;
	color: #898989;
	text-decoration: none;
	}
.text18_silver {
	font-size: 18px;
	color: #898989;
	text-decoration: none;
}
.text22_silver {
	font-size: 22px;
	color: #898989;
	text-decoration: none;
	}



/**********************************************************
    ETC
**********************************************************/

/* etc */
img		{ border: 0; }
.left-bg {
	background-color: #F2EEE0;
	background-image: url(../images/left_01.png);
	background-repeat: no-repeat;
	height: 375px;
	width: 230px;
}

.top {
	background-image: url(../images/bg-head.gif);
	background-repeat: no-repeat;
}
.banner-in {
	background-image: url(../images/banner-in_05.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 666px;
	vertical-align: middle;
	text-align: right;
}
.bg-picture {
	background-image: url(../images/bg-picture.png);
	background-repeat: no-repeat;
	height: 198px;
	width: 365px;
}
.footer {
	background-image: url(../images/bg-footer.png);
	background-repeat: no-repeat;
	height: 71px;
	width: 874px;
}
.title_bar {
	background-image: url(../images/alboombangkok_main/title.jpg);
}
.title_gallery {
	background-image: url(../images/alboombangkok_main/title-gallery.jpg);
}
.left_bg_all {
	background-image: url(../images/alboombangkok_main/left_bg_all.jpg);
}
.roompreview {
	background-image: url(../images/alboombangkok_main/text_roompreview_bg.gif);
}


/**********************************************************
    Link
**********************************************************/

/* Link */
a.white:link, a.white:visited {
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.white:active, a.white:hover {
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
a.silver:link, a.silver:visited {
	font-size: 12px;
	color: #898989;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.silver:active, a.silver:hover {
	font-size: 12px;
	color: #898989;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
a.yellow:link, a.yellow:visited {
	font-size: 12px;
	color: #796b2b;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.yellow:active, a.yellow:hover {
	font-size: 12px;
	color: #796b2b;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
a.yellow1:link, a.yellow1:visited {
	font-size: 12px;
	color: #b58f1e;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.yellow1:active, a.yellow1:hover {
	font-size: 12px;
	color: #b58f1e;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
a.yellow2:link, a.yellow2:visited {
	font-size: 12px;
	color: #97771a;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.yellow2:active, a.yellow2:hover {
	font-size: 12px;
	color: #97771a;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
a.black:link, a.black:visited {
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.black:active, a.black:hover {
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
a.blue14:link, a.blue14:visited {
	font-size: 14px;
	color: #0456a7;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.blue14:active, a.blue14:hover {
	font-size: 14px;
	color: #0456a7;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
a.blue12:link, a.blue12:visited {
	font-size: 12px;
	color: #0456a7;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
}
a.blue12:active, a.blue12:hover {
	font-size: 12px;
	color: #0456a7;
	font-style: normal;
	text-decoration: underline;
	line-height: 14px;
}
/**********************************************************
    jQuery
**********************************************************/
/* main_image section CSS */
.main_image {
	width: 316px; height: 183px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 0px;	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 8px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 0px solid #000;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 



/* image_thumb section CSS */
.image_thumb {
	float: left;
	width: 50px;
	background: #f0f0f0;
	border-right: 0px solid #fff;
	border-top: 0px solid #ccc;
}
.image_thumb img {
	border: 0px solid #ccc; 
	padding: 0px; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 0px 0px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 50px;
	float: left;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #fff;
	border-right: 0px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 0px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 0px;
	padding: 0;
	width: 50px;
}	
.image_thumb ul li p{display: none;}

/*--------------testimonials------------*/
.sliderwrapper{
width:366px;
height:183px;
position:relative;
clear:both;
}
.sliderwrapper .contentdiv{
visibility: hidden; 
position: absolute; 
left: 0; 
top:0px; 
padding:0px;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width:76px;
padding:0px;
display:block;
position:absolute;
bottom:0px;
right:0px;
z-index:99999;
}
.pagination a{
width:9px;
height:9px;
background:url(../images/alboombangkok_main/circle_pag.gif) no-repeat center;
display:block;
float:left;
text-indent:100px;
overflow:hidden;
margin:0 3px 0 3px;
}
.pagination a:hover, .pagination a.selected{
background:url(../images/alboombangkok_main/circle_pag_hover.gif) no-repeat center;
}

.testimonial_box{
width:366px;
margin:0px 0 0px 0px;
padding:0px 0 0px 0px;
}
.testimonial_box p{
	padding:0px;
	margin: 0px;
}
.testimonial_details{
width:366px; padding:0px 0px 0px 0px;
}
.testimonial_details p{
color:#655240;
font-size:11px; font-style:normal;
padding:0px 0 0 8px;
background:url(../images/alboombangkok_main/bullet.gif) no-repeat left;
}
.table_room {
	border: 1px solid #655240;
}

/*------------------main_content-------------------*/
#main_content{
	width:950px;
	height:auto;
	clear:both;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 0;
}
.left_content{
width:635px;
float:left;
padding:0 0 0 0px;
}
.right_content{
width:325px;
float:right;
padding:10px 0 0 0;
}
.wide_content{
width:950px;
padding:30px 0 0 0;
}
/*---------------portofolio----------------*/
.portofolio{
padding:10px 0 0 20px;
}
ul.workmenu {
width:600px;
clear:both;
padding:0px 0 35px 10px;
list-style:none;
}
ul.workmenu li{
padding:0px; margin:0px; float:left;
}
ul.workmenu li a{
float:left;
text-decoration:none;
background-color:#866D54;
color:#FFFFFF;
font-weight:bold;
margin:0 10px 0 0px;
padding:2px 12px 2px 12px;
}	
ul.workmenu li a:hover{
color:#866D54;
background-color:#DFDCD3;
}
ul.workmenu li.selected a{
float:left;
text-decoration:none;
font-weight:bold;
color:#866D54;
background-color:#DFDCD3;
margin:0 10px 0 0px;
padding:2px 12px 2px 12px;
}
ul.item{
list-style:none; padding:0px; margin:0px; clear:both;
}
ul.item li{
width:129px;height:139px;float:left;position:relative;margin:0 0 0 0; padding:0px;background:url(../images/slider_thumb_shadow.png) no-repeat bottom left;}

ul.item li h2{ padding:0px 0 0 10px; margin:0px;}
ul.item li h2 a{
	font-size:14px;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	color:#655240;
}

span.clip{position:absolute; top:5px; right:0px; z-index:888;}
span.feat{position:absolute; top:25px; left:12px; z-index:888;}
.project_thumb{
padding:6px 0 0 9px;
}
.project_thumb a img{
border:3px #fff solid;
}
.project_details{
	width:129px;
	height:auto;
	position:absolute;
	bottom:12px;
	left:12px;
	background-image: url(../images/project_details_bg.png);
	background-repeat: repeat;
}
.project_details p{
padding:10px; font-size:11px; color:#fff; line-height:15px; text-align:left;
}
.jobbg {
	background-image: url(../images/job2.jpg);
	background-repeat: repeat;
}
.sub-menu-product-bg {
	background-image: url(../images/sub-menu_product_bg.png);
	background-repeat: no-repeat;
}