/* Hotel Salak CSS Document */
body{

/*background-color:#ffffff;
background-image:url(../images/bg_ft.gif);*/
background-image:url(../images/bg_ft.gif);

}

#border{
	width:800px;
	padding:0;
	margin:0 auto;
	border-color:#DFE4E9;
	border-style:solid;
	border-width:0 3px;
}
/*******--------------------- LAYOUT FORMAT -----------------------*******/
#main {
	width: 800px;
	height:auto;
	margin: 0 auto;
	
}

#head_main {
	width: 800px;
	height: 300px;
	background-color:#FFFFFF;
	
	background-image:url(../images/bg_head.gif);
	background-repeat:no-repeat;
	
}
#body_right1 {
	width: 260px;
	height:170px;
	background-image:url(../images/program1.jpg);
	background-repeat:no-repeat;
	
	float: left;
	_margin: 115 0 0 2;
	margin: 115 0 0 2;
	padding: 7px 7px 12px 7px;
}
#body_right2 {
	width: 260px;
	_width: 260px;
	height:170px;
	background-image:url(../images/program3.jpg);
	background-repeat:no-repeat;	
	float: right;
	margin-top:120;
	
	_MARGIN : 115 2 0 0;
	
	_padding: 7px 7px 12px 7px;
}
#body_right3 {
width:260px;
height:170px;
background-image:url(../images/program2.jpg);
background-repeat:no-repeat;
margin:120 2 0 0;
_margin:115 261 0 267;	
padding: 7px 7px 12px 7px;
	}
#head_top{

	float: left;
	_margin: 55 0 0 0;
	margin: 55 0 0 0;
	padding: 9px 0px 60px 0px;
	}
#position{
	padding-top:30px;
}
/*#body_right3 {
	width: 260px;
	height:170px;
	background-image:url(../images/program2.jpg);
	background-repeat:no-repeat;
	
	float: center;
	margin: 120 0 0 4;
	
	padding: 7px 7px 12px 7px;
}*/
#body_home {
	width: 260px;
	height:500px;
	background-image:url(../images/bg_why.gif);

	background-repeat:no-repeat;	
	float: left;
	_margin: -3 0 0 -2;	
	
	
}
#body_home1 {
	width: 260px;
	height:500px;
	
	_margin: -6 2 0 250;	
	
	
	
}
#head_left {
	width: 260px;
	height: auto;
	float: left;

	
}

#head_right {
	width: 266px;
	height:auto;
	background-repeat: no-repeat;
	float: right;
	position: inherit;
	text-align: right;
	padding: 7px 7px 7px 7px;
}

#head_menu {
	width: 100%;
	font-family: Century Gothic;
	font-size: 16px;
	text-align: right;
	vertical-align: bottom;
	margin-top: 50px;
	_margin-top: 58px;
}

#head_submenu {
	width: 100%;
	background-color: #FFFFFF;
	border-top:  1px solid #666666;
	font-family: Century Gothic;
	font-size: 11px;
	text-align: right;
	vertical-align: bottom;
}

#body_main {
	width: 800px;
	height: 100%;
	position: static;
	background-color: #ffffff;
	margin-top: 0;
	_margin-top: -9px;
}

#body_left {
	width: 590px;

	background-color: #F5F5F5;
	float: left;
	/*border-right: 1px solid #666666;*/
	_padding: 2px 7px 12px 4px;
}

#body_right {
	width: 180px;
	
	float: right;
	background-color:#FFFFFF;
	
	text-align: justify;
	padding: 7px 7px 12px 7px;
}
#body_right4 {
	width: 185px;
	/*background-image:url(../images/bg_menu.jpg);*/
	float: right;
	
	text-align: justify;
	padding: 7px 8px 8px 7px;
}
#foot_main {
	width: 800px;
	height: 30px;
	background-color: #3084CF;
	margin-top: 0;
	_margin-top: -9px;
}
#foot_main1 {
	width: 800px;
	height: 40px;
	background-color: #F5F5F5;
	margin-top: 0;
	_margin-top: -9px;
}
#foot_left {
	width: 220px;
	height: auto;
	background-color: #E7EEE9;
	float: left;
	border-right: 1px solid #8BB482;
	padding: 7px 7px 7px 7px;
}

#foot_right {
	width: 501px;
	height: auto;
	background-color: #8BB482;
	float: right;
	position: inherit;
	text-align: left;
	padding: 7px 7px 7px 7px;
}
.refresh {
clear: both;
}
.break {
	clear: both;
	height: 4px;
	_height: 0;
}
/*******--------------------- // LAYOUT FORMAT -----------------------*******/
.left_list {
	font-family: Century Ghotic,Verdana, Arial;
	font-size: 13px;
	line-height:0.8;
	color:#FFffff;	
	_line-height:0.2;
	text-align:left;
	
	FLOAT: none;
	margin:47 4 4 4;
	_margin:50 4 4 4;
	PADDING: 0 0 0 0;
}

.left_list ul {
font-family:  Century Ghotic,Verdana, Arial;
	font-size: 13px;
	
	line-height:0.8;
	color:#FFffff;	
	_line-height:0.2;
	text-align:left;
	LINE-HEIGHT: 15px; 
	MARGIN: 12 2 2 2;
	padding: 0 0 0 0;
}

.left_list li {
	font-family: Century Ghotic,Verdana, Arial;
	font-size: 13px;
	line-height:0.8;
	
	color:#FFffff;	
	_line-height:0.2;
	text-align:left;
	LIST-STYLE: none; 
	MARGIN: 12 2 2 2;
}

.left_list a {
	font-family: Century Ghotic,Verdana, Arial;
	font-size: 13px;
	line-height:0.8;
	color:#FFffff;	
	
	_line-height:0.2;
	text-align:left;
	DISPLAY: block;
	_WIDTH: 98%;

	TEXT-DECORATION: none;
	
	
	padding: 5px 0 4px 4px;
	_padding: 7px 0 6px 4px;
}

.left_list a:hover {
font-family:  Century Ghotic,Verdana, Arial;
	font-size: 13px;
	line-height:0.8;
	color:#121212;

	_line-height:0.2;
	text-align:left;

	padding: 5px 0 4px 4px;
	_padding: 7px 0 6px 4px;
}
/*******--------------------- MAIN MENU -----------------------*******/
.left_list1 {
	font-family: Century Ghotic,Verdana, Arial;
	font-size: 12px;
	color:#E6E6E6;
	text-align:right;
	
	FLOAT: none;
	PADDING: 0 0 0 0;
}

.left_list1 ul {
	LINE-HEIGHT: 15px; 
	MARGIN: 0 0 0 0;
	padding: 0 0 0 0;
}

.left_list1 li {
	
	LIST-STYLE: none; 
	MARGIN: 0 0 0 0;
}

.left_list1 a {
	
	DISPLAY: block;
	_WIDTH: 100%;
	COLOR: #083785;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: 1px dotted #5BAAE3;
	_BORDER-BOTTOM: 1px solid #5BAAE3;
	padding: 5px 0 4px 4px;
	_padding: 7px 0 6px 4px;
}

.left_list1 a:hover {
background-color:#E6F3FC;
	 border-left:5px solid #083785;
	COLOR: #5BAAE3; 
	BORDER-BOTTOM: 1px dotted #5BAAE3;
	_BORDER-BOTTOM: 1px solid #5BAAE3;
	padding: 5px 0 4px 4px;
	_padding: 7px 0 6px 4px;
}
/*******--------------------- // MAIN MENU -----------------------*******/



/*--------------------------style------------------------------*/
a.menu:link, a.menu:visited, a.menu:active {
	font-family:Souvenir Lt BT,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
color: #64A22D;
font-size: 14px;

vertical-align: bottom;

	text-decoration: none;
}

a.menu:hover {
	font-family: Souvenir Lt BT,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

	color: #B4F879;
	
	text-decoration: none;
}
a.news_judul:link, a.news_judul:visited, a.news_judul:active {
	font-family:Souvenir Lt BT,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
color: #E87619;
font-size: 14px;

vertical-align: bottom;

	text-decoration: none;
}

a.news_judul:hover {
	font-family: Souvenir Lt BT,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

	color: #DEB89A;
	
	text-decoration: none;
}
#teks_outbound{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#121212;
text-indent:2px;
line-height:1.5;
letter-spacing:1;
text-align:left;
margin: 16 4 8 8;
}
#teks_outbound3{
font-family:AvantGarde Bk BT,PrincetownD, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:left;
color:#5D9B12;
text-indent:2px;
line-height:1.8;
letter-spacing:0.4;
text-align:left;

}
#italic{
font-family:Monotype Corsiva,Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
text-align:left;
color:#EC1E27;
text-indent:2px;
line-height:1.8;
letter-spacing:0.4;
text-align:left;

}
#italic1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#F07901;
text-indent:2px;
line-height:1.7;
letter-spacing:0.4;
text-align:left;
margin: 16 4 8 8;
}
#judul{
font-family:Adventure Subtitles, Schneidler BT,Verdana, Arial, Helvetica, sans-serif;
font-size:18px;

text-align:left;
color:#C60000;
text-indent:2px;
line-height:1.5;
letter-spacing:0.6;
text-align:left;
border-bottom: 1px solid #004FE2;

}
#judul2{
font-family:Schneidler BT,Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:left;
color:#9A1010;



}
#judul1{
font-family:Century Gothic,Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#5D9B12;

}
a.judul:link, a.judul:visited {
  font-family:Century Ghotic,Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
text-align:right;
color:#083785;
text-indent:2px;
line-height:1.7;
letter-spacing:0.4;
text-decoration:none;
  }
a.judul:hover {
font-family:Century Ghotic,Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
text-align:right;
color:#BDDEFB;
text-indent:2px;
line-height:1.7;
letter-spacing:0.4;
text-decoration:none;
  }
/*#judul1{
font-family:Freefrm710 BT,Verdana, Arial, Helvetica, sans-serif;
font-size:18px;

text-align:left;
color:#4F4040;
text-indent:2px;
line-height:1.7;
letter-spacing:0.4;
text-align:left;

}*/

#italic2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:bold;
color:#1449AC;
text-indent:2px;
line-height:1.8;
letter-spacing:0.4;
text-align:left;

}
#teks_outbound1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#121212;
text-align:justify;
text-indent:2px;
line-height:2;
letter-spacing:1;
text-align:left;
margin: 16 4 8 8;
}
#teks_outboundnews{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#003366;
text-align:justify;
text-indent:2px;
line-height:2;
letter-spacing:1;
text-align:left;
}
#teks_news{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#121212;
text-indent:2px;
line-height:2;
letter-spacing:1;
text-align:left;
margin: 4 4 8 8;
}
#teks_title{
font-family:Adventure Subtitles, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

color:#989CD0;
text-indent:2px;
line-height:2;
text-align:left;
padding:4 4 4 0;


}
#teks_title1{
font-family:Adventure Subtitles, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;

color:#FFCC33;
text-indent:2px;
line-height:2;
text-align:left;
padding:4 4 4 0;


}

#title_client{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#121212;
text-indent:2px;
line-height:2;
text-align:left;
padding:4 4 4 4;


}

a.teks_newsjudul:link, a.teks_newsjudul:visited, a.teks_newsjudul:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F68B00;
font-size: 12px;

_padding:0 2 2 2;
_margin:0 2 2 2;
}

a.teks_newsjudul:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #4E0909;
	_padding:0 2 2 2;
_margin:0 2 2 2;
	text-decoration: none;

}
#foot_teks{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #ffffff;
	text-align:center;
	padding: 2 12 2 2;
}
#teks_newsjudul1{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FD1A3A;
font-size: 14px;

_padding:0 2 2 2;
_margin:0 2 2 2;}
/*-------------------------menu four-------------------*/

#menu a, #menu a:visited {
  text-decoration:none;
  text-align:left;
  color:#121212;
  display:block; 
  width:8em; 
  padding:0.2em;
  margin:0.5em 0;
  border-right:5px ;
  }
#menu a:hover {
background-color:#FF9900;	
	COLOR: #121212s; 
	padding: 4px 0 4px 4px;
	_padding: 4px 0 6px 4px;
  border-right:5px solid #000;
  }

  /* --
  ---------------list client ------------------------*/
 
 
#body_client {
	width: 260px;
	height:500px;
	
	float: left;
	_margin: 0 0 0 -2;	
	margin: 0 0 0 -2;	
	
}
#body_client1 {
	width: 260px;
	height:500px;	
	
	_margin: 60 51 0 250;	
	margin: 10 51 0 250;	
	
}
 
 
 
 
.img_border {

border: 0.55px solid #ffffff;
padding: 5px 5px 5px 5px;
margin: 0 5px 0 0;
float: left;
}
.img_border1{
padding:2px 2px;
border:1px solid #b09a06;
margin:0 8px 8px 0;
float: left; 
position: inherit;
}
 
 /*-------------------------------------------------------------------------------------menu------------------------------------------*/
 .menu1 {
float:left; 
width:100%; 
font-family: Century Ghotic, verdana, arial, sans-serif; 
font-size:12px; 
background:url(../images/coba.gif) no-repeat top left ; 


}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#ffffff; padding:0px 16px; line-height:25px; height:30px; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:-1px; border-collapse:collapse; font-size:11px;
}

/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:33px; t\op:20px; background:#fff;left:16; marg\in-top:1px; border-bottom:1px solid #000;
}
.menu1 ul li a:hover ul.endstop {
left: 0px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:150px; w\idth:150px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#fff url(../images/icon1.gif) no-repeat 0px 0px; padding-bottom:0px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#fff; background: #3084CF url(../images/icon1.gif) no-repeat 0px 0px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #ccd url(../images/icon1.gif) no-repeat 0px 0px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

#login{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;	
	color: #ffffff;
	
}
/*---------------------------arounded------------------*/
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px;}