*, html {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

body {
	margin:0;
	padding:0;
	background-color:#79C0C8;
}

a{text-decoration:none;}

#wrapper {
	padding:0;
	margin:0 auto;
	width:927px;
	height: auto;
	background:url(images/wraper.gif) right repeat-y;
	background-color:#fff;
	
}

/*--box kiri--*/
#box-left {
	width:302px;
	height:auto;
	float:left;
	
	
}

#logo {
	width:300px;
	height:260px;
    margin-left:4px;
	
}


.left-title {
	width:300px;
	height:100% auto;
	background:url(images/left-title.png) right repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	line-height:35px;
	margin-left: 4px;
}

.sub-menu {
	padding-left:40px;
	width:260px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
	
}

.sub-menu li {
         list-style:none;
         background:url(images/icosubmenu.gif) left no-repeat;
		 padding-left: 30px;
		 line-height: 25px;	 
}
.sub-menu li a:hover{text-decoration:underline;}
.clear{clear:both;}
/*--box kanan--*/
#box-right {
	width:623px;
	height:auto;
	float:right;
	
}

.menuleft {
         width:609px;
		 height: 49px;
		 background:url(images/menu.png) right no-repeat;
		 line-height:30px;
		 color:#fff;
		 font-weight:bold;
		 
}
.menuleft ul {
	margin:0 auto;
	padding-top:3px;
	display:block;
	text-align:center;
}

.menuleft li {
	display:inline;
	list-style:none;
}

.menuright{
	float:right;
	background:url(images/menuright.gif);
	width: 11px;
	height: 49px;
}

.menuleft a{
	line-height: 30px;
	color:#fff;
	font-weight:bold;
	letter-spacing: 2px;
	text-decoration:none;
	padding-left:10px;
	padding-right:5px;
	border-left:solid 1px #fff;
}
.menuleft a:hover{color:#004D75;}

.bgimage{
    margin-top: 2px;
    width: 621px;
	height: 320px;
	background:url(images/bg-image.gif) right top no-repeat;
}

.welcome{ 
          width: 590px;
          padding: 5px 10px 10px 10px;
		  font-size: 13px;
}
.welcome h3{margin-bottom:20px;color:#49a5e1}

.welcome ul {
	margin: -5px 0 10px 30px;
}
p {margin-bottom:10px;}

.header {
	color:#49a5e1;
	font-size:16px;
	margin-bottom:10px;
}

.hotel{
       width: 590px;
	   margin-left: 10px;
	   margin-top: 10px;
}
.titlehotel{
             background:url(images/title-right.gif);
			 width: 258px;
			 height: 28px;
			 color:#fff;
			 font-size:14px;
			 font-weight:bold;
			 line-height: 25px;
			 text-align:center;
}
.listhotel{
           float:left;
           width: 284px;
		   height: 160px;
		   background:#efefef;
		   margin-right: 4px;
		   margin-bottom: 4px;
		   padding: 4px 3px 2px 4px;
}
.listhotel img, .listhotel2 img{
           margin: 2px 5px 0 0;
}
.listhotel strong{padding-left: 4px;}
.listhotel a{
	text-decoration:none;
}
.listhotel a:hover, .listhotel2 a:hover{text-decoration:underline;}

.listhotel2{
           width: 582px;
		   height: 120px;
		   background:#efefef;
		   margin-bottom: 2px;
		   padding: 5px 4px 2px 4px;
}

.thum{
      background:url(images/thum.gif) no-repeat;
	  width: 115px;
	  height: 105px;
	  
}

/*footer*/

#footer{
        height: 186px;
		background:url(images/footer.gif) left repeat-y;
		
}
.footket{
         width: 60%;
		 color:#fff;
		 margin: 0 auto;
		 text-align:center;
		 font-size:11px;
		 letter-spacing: 1px;
		 padding-top: 20px;
}
.footket strong{color:#FFFF00;}
.footket a{color:#FFFF00;}

.input{
margin-bottom:3px;
}