body {	

    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    margin:0px;
    padding:0px;
    font-size:11px;
    background-image:url(../images/footer-back.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#60255f;

}
.clear {clear:both;margin:0px;padding:0px;height:0px;overflow:hidden;}

h1 {color:#98BB3D;font-size:15px;font-style:italic;}

h3 {font-size:14px;color:#707070;}

a {text-decoration:none;color:#FFF;}

form {margin:0px;padding:0px;}

fieldset {border:0px;margin:0px;padding:0px;}

img {border:0px;}
#wrapper {
    width:936px;
    margin:0px auto;
    padding:0px;

}
#header {
    margin:52px 0px 0px 0px;
    padding:0px;
    width:932px;
    border-top:2px solid #ffffff;
    border-right:2px solid #ffffff;
    border-left:2px solid #ffffff;
    background-color:#60255f;

}
#header h2{
    float:left;
    margin:40px 0px 0px 15px;
    padding:0px;
    color:#fff;
    font-size:21px;
    font-weight:normal;
    width:300px;
    line-height:20px;

}

#header h2 a {color:#fff;}

#logo {
    float:right;
    width:160px;
    margin:0px;
    padding:23px 0px 17px 0px;

}
#menu {
    margin:0;
    padding:0;
    width:932px;
    background-color:#39053E;

}

#menu ul {
    margin:0px;padding:0px;
    list-style-type:none;

}

#menu ul li {
    margin:0px;
    padding:4px 12px 6px 12px;
    color:#99BA3C;
    font-weight:bold;
    float:left;

}
#menu ul li a {color:#99BA3C;font-weight:bold;}

#menu ul li a:hover {color:#ffffff;font-weight:bold;}
#pageHead {
    margin:0px 50px 0px 0px;
    padding:0px;
    width:932px;
    border-right:2px solid #ffffff;
    border-left:2px solid #ffffff;
    background-color:#470e46;
    position:relative;
    background-image:url(../images/booking-back.jpg);
    background-repeat:repeat-x;

}
#logoside {
    margin:0px;
    padding:0px;
    position:absolute;
    top:162px; left:0px;
    border:0px solid black;

}
#booking {
    float:left;
    height:63;
    padding:0px;
    padding-top:15px;
    width:202px;
    background-image:transparent url(../images/logo2.gif);
    background-repeat:no-repeat;
    background-position:bottom;

}
#booking ul {list-style-type:none;margin:15px 0px 15px 15px;padding:0px;overflow:hidden;width:187px;}

#booking ul  li {margin:0px 2px 0px 0px;padding:0px 0px 0px 2px;float:left;font-size:12px;color:#FFF;}

#booking ul  li a {color:#FFF;}
#booking .home {
    text-align:center;background-color:#470e46;
    margin:20px 0px 0px 0px;
    padding:0px;
    width:202px;

}
    

#booking .home a {color:#FFF;line-height:20px;}

#booking p {font-weight:bold;padding:0px 0px 10px 15px;margin:0px;}
#booking form {margin:0px 0px 0px 15px;}

#booking fieldset.date {float:left;margin:0px;}

#booking fieldset.calendar {float:left;margin:5px 7px 0px 0px; border:0px solid green;}

#booking fieldset.btn {float:left;padding:0px;margin:15px 0px 0px 0px;}
#booking label {
    float:left;
    font-size:11px;
    color:#FFF;
    font-weight:bold;
    display:block;
    margin-top:5px;

}
#booking select {float:left;font-size:11px;color:#7E3B35;margin:2px 5px 0px 0px;}
#booking select.month {width:80px;}
#booking fieldset {
    margin:0px;
    border:0px none;
    float:left;
    padding:0px;

}

#booking .btnBook {
    float:left;
    margin:0px 0px 0px 46px;
    padding:0px;
    background-image:url(../images/b_bookingnew.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:55px;
    height:27px;
    border:0px;
    cursor:pointer;
    font-size:10px;
    text-align:center;
    font-weight:bold;
    background-color:transparent;

}
#flash-display {
    float:right;
    width:730px;
    margin:0px;
    padding:0px;

}
#flash {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#flash ul{margin:0; padding:0;}
#flash ul li{margin:0; list-style:none;}
#content {
    margin:0px 0px 0px 0px;
    padding:0px;
    width:932px;
    border-right:2px solid #ffffff;
    border-left:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    background-color:#60255f;
    /*background-image:url(../images/bg_right.gif);*/
    background-position:bottom right;
    background-repeat:no-repeat;

}
#left {
    float:left;
    width:202px;
    margin:0px;
    padding:0px;

}
#left .bgnews {
    margin:8px 0px 0px 0px;
    padding:0px 0px 0px 16px;
    height:135px;
    /*background-image:url(../images/bg_leftbox.gif);
    background-repeat:repeat-y;
    background-position:top right;*/
background:#470E46;

}
#left .news {
    float:right;
    margin:0px;
    padding:0px;
    height:135px;
    width:185px;

}
#left .news h2 {
    margin:0px;
    padding:20px 0px 15px 0px;
    color:#99BA3C;
    font-size:15px;
    font-weight:normal;

}
#left .news img {
    float: right;
    margin:0px;
    padding:0px;

}
#left .news p {
    margin:0px;
    padding:0px;
    color:#ffffff;
    width:95px;
    border:0px solid yellow;

}
#left #offers {
    margin:8px 0px 0px 0px;
    padding:0px 0px 0px 16px;
    background-color:#570A2C;

}
#left #offers h2 {
    margin:0px;
    padding:20px 0px 15px 0px;
    color:#99BA3C;
    font-size:15px;
    font-weight:normal;

}
#left #offers img {
    float: right;
    margin:0px;
    padding:0px;

}
#left #offers p {
    margin:0px;
    padding:0px;
    color:#ffffff;
    width:95px;
    border:0px solid yellow;

}

#left .news .text, #left #offers .text {
    width:100px;

}

#left .news a:hover, #left #offers a:hover {
    text-decoration:underline;

}
#right #feature {
    margin:53px 0px 0px 0px;
    padding:7px 0px 0px 0px;
    width:208px;

}
#right #feature h2 {
    margin:10px 15px;
    padding:0px;
    color:#99BA3C;
    font-size:14px;
    font-weight:normal;

}
#right #bg-imagebox {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-image:url(../images/feature-back.jpg);
    background-repeat:repeat-y;
    height:120px;

}

#right #bg-imagebox img {
    /*float:right;*/
    width:208px;
    margin:0px;
    padding:13px 0px 0px 0px;

}
#right #feature p {
    margin:0px 15px;
    padding:0px;
    color:#ffffff;

}
#left .more, #center .more {
    background-image:url(../images/b_more.jpg);
    width:35px;height:13px;
    text-align:center;
    float:right;
    background-repeat:no-repeat;
    line-height:11px;
    margin:0px 0px 5px 0px;
    padding:0px;
    color:#7D1241;
    font-weight:bold;
    font-size:10px;

}

#center {
    float:left;	
    width:522px;
    min-height:303px;
    margin:0px;
    padding:0px 0px 30px 0px;
    background-image:url(../images/content-back.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#4F1454;

}

* html #center {height:303px;overflow:visible;}
#center .content {margin:30px 35px 0px 37px;}

#center p {
    margin:0px;
    padding:0px 0px 20px 0px;

}
#center .menu {
    width:522px;
    overflow:auto;
    padding:0px;
    margin:0px 0px 10px 0px;
	text-align:right;
	right:0px;
	float:right;
	background-image:url(../images/bg_submenu3.jpg);
}

#center .menu ul {
    margin:0px;padding:0px;list-style-type:none;
	/*background-image:url(../images/bg_submenu2.jpg);*/
	background-repeat:repeat-x;
	/*width:522px;*/
	overflow:hidden;
	float:right;
}
#center .menu ul li {
    margin:0px 0px 0px 0px;padding:0px;
    float:left;
    font-size:12px;
    background-image:url(../images/bg_submenu4.jpg);
    background-repeat:repeat-x;
    height:22px;
}

#center .menu ul li.active span {
    background-image:url(../images/blt_wh.gif);
    background-repeat:no-repeat;
    background-position:10px 9px;
    display:block;
    color:#FFF;
    font-weight:bold;
    padding:5px 20px 5px 25px;

}
#center .menu ul li a {
    font-size:12px;color:#D5BBC6;
    display:block;margin:0px;padding:5px 10px 5px 25px;
    background-image:url(../images/blt_green.gif);
    background-repeat:no-repeat;
    background-position:10px 9px;
    text-decoration:none;

}

#center .menu ul li a:hover {
    background-image:url(../images/blt_wh.gif);
    color:#FFF;

}
#center a {color:#FFF;}

#center a:hover {text-decoration:underline;}
#center .block {
    float:left;
    width:377px;
    margin:30px 0px 0px 0px;

}
#center .block img {float:left;margin:0px 10px 0px 0px;}
#center .block .text {
    float:left;
    width:200px;
    margin:0px 0px 0px 30px;

}
#center .block h2 {
    font-size:18px;
    margin:0px 0px 5px 0px;

}
#right {
    float:right;
    width:208px;
    margin:0px;
    padding:0px;

}
#footer {
    padding:31px 0px 30px 0px;
    margin:0px;
    width:932px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:center;

}

#footer p {margin:0px;color:#FFF;padding:0px;}

#footer ul {
    margin:0px 0px 0px 100px;
    padding:0px;
    list-style-type:none;
    overflow:hidden;
    width:730px;

}

#footer ul li {
    margin:0px;
    padding:0px 5px;
    float:left;
    color:#FFF;

}

#footer ul li#copy {
    margin:0px;
    padding:0px;
    width:142px;

}

#footer ul li#lastmenu {
    margin:0px;
    padding:0px 14px;
    color:#ffffff;
    background-image:none;

}
#footer ul li a {color:#ffffff;}

#footer ul li a:hover {color:#99BA3C;}


.btndownload{padding:10px 0 0 0; text-align:center;}

.NewsInContent{}

.NewsInContent a{font-weight:bold; color:#0c1649;}
.NewsInContent a:hover{font-weight:bold; color:#8c8991;}



/*paging news */
#ditto_wrapper{
	margin-top:30px;
	padding-right:20px;
	text-align:right;
}
#ditto_total{padding:10px;}
#ditto_pages{
	margin-top:10px;
	overflow:hidden;
	text-align:right;
}
#ditto_pages span{
	padding:5px;
	text-align:right;
}
#ditto_pages a{
	padding:5px;
	color:#413C68;
	text-decoration:none;
	overflow:hidden;
	text-align:right;
}
.ditto_currentpage{
	background-color:#570a2c;
	color:#ffffff;
	overflow:hidden;
	text-align:right;
}


/* login form */
.box_formlogin{width:408px; border:#cbe2d2 1px solid; }
.Form_top{width:408px; height:38px; background:url(../images/form_top.jpg) center no-repeat;}
.Form_Bottom{width:408px; height:35px; background:url(../images/form_bottom.jpg) center no-repeat;}
#wlpeLogin table tr td{text-align:left;}
#wlpeReset table tr td{text-align:left;}
#wlpeRegister table tr td{text-align:left;}
table tr td.header_form{text-align:left;background:#570a2c;}
#FormLogin{ color:#ffffff;  width:408px; padding:0; background:url(../images/form_center.jpg) center repeat-y;}
/*#FormLogin button{ background:#333333; border:#333333 solid 1px; color:#CCCCCC; font-size:11px; cursor:pointer;}
*/
#FormRegister{ color:#ffffff; background:url(../images/form_center.jpg) center repeat-y; width:408px; padding:0;}

/*#FormRegister button{ background:#333333; border:#333333 solid 1px; color:#CCCCCC; font-size:11px; cursor:pointer;}
*/
#FormReset{ color:#ffffff; background:url(../images/form_center.jpg) center repeat-y; width:408px; padding:0;}
/*#FormReset button{ background:#333333; border:#333333 solid 1px; color:#CCCCCC; font-size:11px; cursor:pointer;}
*/#FormLogin button, #FormRegister button, #FormReset button{
	background:#570a2c;
	border:1px solid #0e0a25;
	font-size:11px;
	color:#ffffff;
	margin:0px;padding:0px;
	text-align:center;
}
/*--------------------slidetumb--------------------*/

.ImagesDetailProject{width:260px; float:left; margin:0 5px 0 0; _margin:0 5px 0 0; text-align:center;}
.Imageson img{ padding:10px; border:#666 outset 1px; }
.TextDetailProject{width:270px;  float:left;}

.ImagesIncontent{margin:20px 0 10px 0;  text-align:center;}
.ImagesIncontent img{padding:5px; border:1px outset #333;  margin:7px;}


/*--------------------Pagign--------------------*/
.formhorizon ul{margin:0 !important;}
.formhorizon ul li{margin-bottom:10px !important;}
.formhorizon .kirim{background:#98bb3d; color:#000000; border:#c5e86a solid 1px;}
.formhorizon img{margin-left:3px;}

.formreser{}
.formreser label{display: inline-block;
    margin: 0 0 3px;
    vertical-align: top;
    width: 186px;}
.formreser input{
	background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #989898;
    color: #989898;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 3px;
    width: 50%;
}
.formreser select{
	background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #989898;
    color: #989898;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 3px;
    width: 50%;
}
.formreser .submit{
	background: #0f0f5d none repeat scroll 0 0;
    border: 1px solid #323293;
    color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 5px 10px;
    width: inherit;
}