/*babon multimedia*/



body{

	background: #2e537d;

	margin:0 auto;

	padding:0;

	color: #FFFFFF;

}



.inner-shell {

	border:7px solid #FFFFFF;

	width:800px;

	padding: 0;

	background-color: #294b71;

	height: 100%;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.head{

	height:107px;

	width:800px;

	padding: 0px;

	background-image: url(bg_head.jpg);

	background-repeat: no-repeat;

}

.logo{

	background-image: url(logoi_intro.jpg);

	background-repeat: no-repeat;

	height: 84px;

	width: 399px;

	padding: 0px;

}

.menu  {

	height: 23px;

	background-color:#3f5d7f;

	opacity:0.7;

	width: 800px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	border-bottom-color: #FFFFFF;

}

.menu ul{

	width:100%;

	display:inline;

	padding: 0; margin: 0;

	list-style-type: none;

}



.menu ul li{

	float:left;	

	list-style-type:none;

	font-size: 11px;

	font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;

}

.menu ul li a{

	display: block;

	padding-left: 5px;

	padding-right: 5px;

	color: #fafafa;

	text-decoration: none;

	line-height: 23px;

	white-space: nowrap;

	/*border-right: 1px solid #999;*/

}

.menu ul li a:hover{

	color: #6699CC; background: #436386

}

.footer {

	margin:0 auto;

	padding:0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	width: 800px;

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

}

.footer a {



	color: #01c822;

}

/*.footer a:hover {



	color: #01c822;

}*/

#isi{

	padding: 0px;

	display: block;

	height: 100%;

	background-color: #FFFFFF;

	border-top-width: 7px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	background-color: #294B71;



}



#isi .l, #isi .r{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 12px;

	padding: 0px;

	float: left;

	width: 800px;

	height: 100%;

}



#isi .l{

	width: 205px;

	padding-top: 10px;

	padding-left: 5px;

	padding-right: 5px;

	background-color: #294B71;

}

#isi .r{

	width:568px;

	background-color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	padding-bottom: 10px;

	padding-left: 7px;

	height: 100%;

	float:right;

	background-image: url(backornamen.gif);

	background-repeat: repeat-y;

	background-position: center top;

}

#submenu {

	background-image: url(line.jpg);

	background-repeat: no-repeat;

	height: 15px;

	width: 200px;

	background-position: left bottom;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding-left: 5px;

	margin-top: 3px;

}

.submenu  {

	/*height: 23px;*/

	width: 200px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	border-bottom-color: #FFFFFF;



}

.submenu ul{

	width:100%;

	display:inline;

	padding: 0;

	margin: 0;

	list-style-type: none;

	height: 20px;

}



.submenu ul li{

	list-style-type:none;

	font-size: 11px;

	font-weight: normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-image: url(line.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	height: 20px;

}

.submenu ul li a{

	display: block;

	padding-left: 8px;

	padding-right: 8px;

	color: #fafafa;

	text-decoration: none;

	line-height: 23px;

	white-space: nowrap;

	/*border-right: 1px solid #999;*/

}

.submenu ul li a:hover{

	color: #6699CC

}

h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}



.foto {

	height: 286px;

	width: 499px;

	float: left;

}

h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

}



.bunga  {

	width: 66px;

	background-image: url(bunga.jpg);

	background-repeat: no-repeat;

	float: right;

	height: 286px;

	background-position: right bottom;

	background-color: #FFFFFF;

}

.reser {

	padding-top: 5px;

}



.booking {

	background-image: url(bgbook.jpg);

	height: 146px;

	width: 205px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FFFF00;

	margin-top: 150px;

	background-repeat: no-repeat;

	margin-left: 5px;

	text-align: center;

	padding-top: 5px;

}



.form {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	margin-top: 15px;

}

.form input {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #000000;

}

.form    input    #submit{

	margin-top: 800px;



	

}

.conten {

	padding-left: 10px;

}

.conten a{

	padding-left: 10px;

	color: #2e537d;

	font-weight: bold;

	

}	

.conten a:hover{

	font-weight: bold;

}

.conten h2 {

	background-image: url(h2.jpg);

	background-repeat: no-repeat;

	height: 22px;

	padding-left: 25px;

}

#pic_left{ margin-top:20px;}



#pic_left img{ 

	margin:2px;

	margin-bottom: 10px;

	padding:1px;

	border:2px #FFFFFF solid;

}



#left_text{

	margin-top:10px;

	padding-right:5px;

	color: #99CC00;

	padding-left: 10px;

}



.clr{clear: both}

ul.linkexchange{color:#FFFFFF; margin:0;padding:5px; left:5px;}

ul.linkexchange li{text-align:left;}
ul.linkexchange li a{text-align:left; text-decoration:none;color:#FFFFFF;}
ul.linkexchange li a:hover{text-align:left; text-decoration:none;color:#FF9933;}