@charset "utf-8";
@font-face {
	font-family: 'GreyscaleBasicRegular';
	src: url('greyscale_basic_regular.eot');
	src: local('GreyscaleBasic Regular'), local('GreyscaleBasic'), url('greyscale_basic_regular.woff') format('woff'), url('greyscale_basic_regular.ttf') format('truetype'), url('greyscale_basic_regular.svg#GreyscaleBasic') format('svg');
}
@font-face {
	font-family: 'Lucida Grande';
	src: url('Lucida.ttf') format('truetype');
}
body { margin:0; padding:0; width:100%; background:#fff; 
	font-size:11.5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	/*font-family:'GreyscaleBasicRegular', FreeSans, sans-serif;*/
	line-height:16px;
	position:relative;

 color:#8d8d8d;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0px; margin:0 auto; }
.resize { width:1000px; margin:0 auto;}

/********** header **********/
/*.header { background:url(/images/bg_header.gif) top repeat-x; height:129px; }*/
.header { background:url(/images/bg_header.gif) top repeat-x; height:50px; }

/*.block_header {margin:0 auto; width:1000px;}*/
.block_header {margin:0 auto; width:1000px;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}

/* logo */
.logo { float:left; padding:0; margin:0; margin-top:-13px; margin-left:45px; width:900px; height:100px;}

/* menu */	
.menu { padding: 0 25px 0 0; margin:0; width:900px; float:right; height:10px; position:relative; }
.menu ul { padding:0; margin:0 30px 0 0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 3px; border:0;}
.menu ul li a { float:left; padding: 5px; color: gray; font: normal 12px 'GreyscaleBasicRegular', FreeSans, sans-serif; text-decoration:none;
	text-transform: lowercase;
	margin: 70px 0px 0 0;
}
.menu ul li a:hover { color:#fff; text-decoration:none; background: #3E709E none repeat-x;}

/********** slider **********/
.slider { background: url(/images/cube_shadow_.jpg) top repeat-x;  margin:0 auto; padding:0;}
.slider2 { background: #5186b8;  margin:0 auto; padding:0;}
.slider2_resize { width:960px; margin:0 auto; padding:0;}
.slider2_resize h2 { width:950px; float:left; margin:15px 0 15px 0; padding:0; font:bold 30px Arial, Helvetica, sans-serif; color:#fff;}
.slider2_resize p { width:200px; float:left; margin:15px 0 0 0; padding:18px 0 0 0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff;}
/* header_text */
.header_text { margin:0 auto; width:980px; padding:0;}
/*.header_text .div {width:1000px; margin:0; padding:0;}*/
.header_text .div {width:960px; margin:0; padding:0;}
/*.header_text .div .left1 { float:left; width:410px; margin-left:20px;}*/
.header_text .div .left1 { float:left; width:370px; margin-left:20px;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { float:right; margin:0; padding:0; width:300px;}
.header_text h2 { font:bold 36px  Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 0 20px; margin:0; line-height:1.2em;}
.header_text p { font:normal 12px  Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; margin:0; line-height:1.6em;}
.header_text ul.buttons { float:left; padding:30px 0 10px 10px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 10px; margin:0;}
/********************topi***************/
.top { background: #e9e9e9; border-top:1px solid #fff;}
.topi { width:960px; margin:0 auto; padding:0; background:url(/images/bg_top.gif) top no-repeat; height:176px;}
.topi .blogi { width:500px; margin:5px 10px; padding:0; float:left;}
.topi h2 { border:0; font:bold 14px Arial, Helvetica, sans-serif; color:#000; padding:10px 10px; margin:0; border-bottom:1px solid #d8d8d8;}
.topi p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px; margin:0; line-height:1.8em;}
.topi img  { float:left; margin:10px 10px; padding:0;}


/******************** social bookmarks ***************/
.sos { border-top:1px solid #fff;}
.sosb { width:626px; margin:0 auto; padding:0; background:url(/images/bg_top.gif) top no-repeat;  height:auto;}
.sosb .blogi { width:610px; margin:5px 10px 20px 10px; padding:0; float:left;}

/********************topi komen***************/
.top { background: #e9e9e9; border-top:1px solid #fff;}
.topi { width:626px; margin:0 auto; padding:0; background:url(/images/bg_top.gif) top no-repeat;  height:auto;}
.topi .blogi { width:610px; margin:5px 10px; padding:0; float:left;}
.topi h2 { border:0; font:bold 14px Arial, Helvetica, sans-serif; color:#000; padding:10px 10px; margin:0; border-bottom:1px solid #d8d8d8;}
.topi p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px; margin:0; line-height:1.8em;}
.topi .google { font:normal 11px Arial, Helvetica, sans-serif; color:#5186b8; padding:5px 10px; margin:0; line-height:1.8em;}
.topi img  { float:left; margin:10px 10px; padding:0;}
.topi .plus { background:url(/images/plus_icon.jpg) left no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 0 30px; margin:0; line-height:1.8em;}
.topi .minus { background:url(/images/minus_icon.jpg) left no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 0 30px; margin:0; line-height:1.8em;}
.topi .komen { width:580px; border: double; font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 5px 10px; margin:0; line-height:1.8em;}
.keatas { background:url(/images/backtop.jpg) right no-repeat; font:normal 11px Arial, Helvetica, sans-serif; text-align:right; color:#6f6f6f; padding:5px 25px 0 30px; margin:0; line-height:1.8em;}



/********************topi browse***************/
.topbrowse { background: #e9e9e9; border-top:1px solid #fff;}
.topibrowse { background: #e9e9e9; width:885px; margin:0 auto; padding:0; background:url(/images/bg_top.gif) top no-repeat;  height:auto; float:left}
.topibrowse .blogi { background: #e9e9e9; width:885px; margin:5px 10px; padding:0; float:left;}
.blogi .startfrom { background: #ffffff; width:200px; margin:10px 10px 10px; padding:0; padding-right:10px; padding-bottom:10px; float:left; border:groove;}
.blogi .ulasan { background: #e9e9e9; width:500px; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; float:left; border:dotted; border-collapse:collapse; border-color:#ffffff;}
.topibrowse h2 { border:0; font:bold 14px Arial, Helvetica, sans-serif; color:#000; padding:10px 10px; margin:0; border-bottom:1px solid #d8d8d8;}
.topibrowse p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px; margin:0; line-height:1.8em;}
.topibrowse .google { font:normal 11px Arial, Helvetica, sans-serif; color:#5186b8; padding:5px 10px; margin:0; line-height:1.8em;}
.topibrowse img  { float:left; margin:10px 10px; padding:0;}
.topibrowse .plus { background:url(/images/plus_icon.jpg) left no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 0 30px; margin:0; line-height:1.8em;}
.topibrowse .minus { background:url(/images/minus_icon.jpg) left no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 0 30px; margin:0; line-height:1.8em;}
.topibrowse .komen { width:960px; border: double; font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 5px 10px; margin:0; line-height:1.8em;}
.keatas { background:url(/images/backtop.jpg) right no-repeat; font:normal 11px Arial, Helvetica, sans-serif; text-align:right; color:#6f6f6f; padding:5px 25px 0 30px; margin:0; line-height:1.8em;}


/********** block index **********/
.body { padding:0; margin:0; background: #fff url(/images/body_bg.gif) top repeat-x;}
.body h2 { font: 18px 'GreyscaleBasicRegular', FreeSans, sans-serif; color:#2c2c2c; border-bottom:1px solid #cccccc; padding: 10px 5px 10px 0; margin:5px 0;
	text-transform: capitalize;
}
.body h3 { font: 18px 'GreyscaleBasicRegular', FreeSans, sans-serif; color:#2c2c2c; padding: 10px 5px 10px 0; margin:5px 0;
	text-transform: capitalize;
}
.body h4 { font: 18px 'GreyscaleBasicRegular', FreeSans, sans-serif; color: silver; padding: 10px 5px 10px 0; margin:5px 0;
	text-transform: capitalize;
}

.body h5 { font: 14px 'GreyscaleBasicRegular', FreeSans, sans-serif;
	text-transform: capitalize;
}

.body a { font:normal 11.5px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; color:#5084b6; text-decoration:none;}

.body .paket p { font:normal 20px 'GreyscaleBasicRegular', FreeSans, sans-serif; color:maroon; text-decoration: none;
	text-transform: capitalize;
}

.body .paket a { font:normal 14px 'GreyscaleBasicRegular', FreeSans, sans-serif; color:#5084b6; text-decoration:none;
	text-transform: capitalize;
}


.body .destinasi a { color:#5084b6;
	text-transform: capitalize;
	font: normal 16px 'GreyscaleBasicRegular', FreeSans, sans-serif;
}

.body .paket cuf { font:normal 11.5px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; text-decoration:none;
	text-transform: none;
}

.body .wp cuf { font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;  text-decoration:none; color:#5c5c5c;}

.body .destinasi{ text-decoration:none;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}

/*
.body .paket{ font:normal 14px 'GreyscaleBasicRegular', FreeSans, sans-serif; text-decoration:none;
	text-transform: lowercase;
}
*/

.body a:hover {
	text-decoration: underline;
}
.body .paket a:hover {
	text-decoration: underline;
}
/*.body p { font: 13px/2 Arial, 'Liberation Sans', FreeSans, sans-serif; color:#8d8d8d; line-height:1.8em; padding:5px 5px; margin:0;}*/

/*.body p {
	font: 12.5px 'GreyscaleBasicRegular', FreeSans, sans-serif;
	line-height: 18px;
	}*/

.body p {
	font-size:11.5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height: 18px;
	position:relative;
} 

.body_resize { width:970px; margin:0 auto; padding:10px 0;}
/*******************Welcome*****************/
.Welcome { width:626px; margin:10px 20px; float:left; padding:5px 10px;}
.Welcome .gallery { width:626px; margin:10px 20px; float:left; padding:5px 10px;}
.Welcome img { float: left;  border:1px solid #eaeaea; margin: 0 15px 0 -5px; padding:4px 4px 4px 4px;}
.Welcome .ads img { float: left;  margin:6px 15px 0 -5px; padding:0px;}
.Welcome ul { width:500px; float: left; list-style:none; margin:5px 5px; padding:0;}
.Welcome li { background:url(/images/main_ul_li.gif) left no-repeat; padding:5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c;}
/*********************Sub*****************/
.Sub { width:210px;  margin:10px 20px; float:left; padding:5px 10px;}
.Sub ul { list-style:none; margin:5px 5px; padding:0;}
.Sub li { border-bottom:1px solid #eaeaea; background:url(/images/main_ul_li.gif) left no-repeat; padding:10px 25px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c;}
.Sub li a { font: normal 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-decoration:none;}
.Sub li a:hover { color:#5186b8; text-decoration:underline;}

/*******************hasil pencarian*****************/
.pencarian { width:960px; margin:10px 20px; float:left; padding:5px 10px;}
.pencarian img { float: left; margin:10px 10px; padding:0 ;}
.pencarian ul { width:250px; float: right; list-style:none; margin:5px 5px; padding:0;}
.pencarian li { background:url(/images/main_ul_li.gif) left no-repeat; padding:5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c;}

/*********************Sub pencarian*****************/
.Subcari { width:885px;  margin:10px 20px; float:left; padding:5px 10px;}
.Subcari ul { list-style:none; margin:5px 5px; padding:0;}
.Subcari li { border-bottom:1px solid #eaeaea; background:url(/images/main_ul_li.gif) left no-repeat; padding:10px 25px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c;}
.Subcari li a { font: normal 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-decoration:none;}
.Subcari li a:hover { color:#5186b8; text-decoration:underline;}



/*********************Sub quickontak*****************/
.kontak { width:885px;  margin:10px 10px 0 30px ; float:left; padding:5px 10px; }
.kontak ul { list-style:none; margin:5px 5px; padding:0;}
.kontak li { border-bottom:1px solid #eaeaea; background:url(/images/main_ul_li.gif) left no-repeat; padding:10px 25px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c;}
.kontak li a { font: normal 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-decoration:none;}
.kontak li a:hover { color:#5186b8; text-decoration:underline;}

/*********************Sub tampil halaman*****************/
.halaman { width:885px;  margin:10px 10px 0 0px ; float:left; padding:5px 10px; }
.halaman ul { list-style:none; margin:5px 5px; padding:0;}
.halaman li { border-bottom:1px solid #eaeaea; background:url(/images/main_ul_li.gif) left no-repeat; padding:10px 25px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c;}
.halaman li a { font: normal 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-decoration:none;}
.halaman li a:hover { color:#5186b8; text-decoration:underline;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-transform:capitalize; float:left;}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:340px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:340px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer { padding:20px 0; margin:0 auto; background:#e9e9e9; border-top:1px solid #d4d4d4; }
.footer .resize p.footer_logo { float:right; padding:0; margin:0 10px; }
.footer .resize div { width:970px; color:#868686; font:normal 10px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; text-align: left; margin:0 auto; line-height: 16px; }
.footer .resize div p { padding: 0 0 0 25px; margin:0; }
.footer .resize div img { float:right; }
.footer .resize div a { color:#5084b6; font:normal 10px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; padding:0 1px;
	text-decoration: none;
}
.footer .resize div a:hover {
	text-decoration: underline;
}

.text_left { text-align: left; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none;}



/**************** top nav ***********/
#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	position: relative;
	/*background: url(body.png) center no-repeat;*/
	
	min-height: 0px;
}
#body-image {
	margin-top: 60px;
}
#main-nav {
	margin: 0px 0px 0px 2px;
	text-align: left;
	min-height: 25px;
	padding-top: 10px;
	padding-left: 0px;
}
#main-handle {
	width: 200px;
	padding-right:12px;
	float: right;
	margin-top: -1px;
}
#main-nav li {
	display:block;
	list-style: none;
	
}
#main-nav li a {
	margin-right: 0px;
	font-size: 15px;
	text-decoration: none;
	color: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding: 25px;
	outline: 0;
	position: relative;
	top: 0px;
}
#main-nav li a:hover, #main-nav li a.active {
	/*background: #5186b8;*/
}
#sub-link-bar {
	background: #5186b8;
	min-height: 10px;
	border-bottom: #5186b8 1px solid;
}
.sub-links {
	/*display: none;*/
	position: absolute;
	width: 100%;
	/*top: -75px;*/ background-color:#E9E9E9;
	text-align: left;
	left: 0px;
}
#main-nav li .sub-links li a:hover{
	background: #5186b8;
}
#main-nav li a.close{
	display: none;	
	position: absolute;
}
#main-nav li a.close:hover{
	background: #900;
}
<!--Thanks Spiffy Corners--> 
.round {
	display:block
}
.round * {
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#5186b8
}
.round1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #5186b8;
	border-right:1px solid #5186b8;
	background:#5186b8
}
.round2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #5186b8;
	border-right:1px solid #5186b8;
	background:#5186b8
}
.round3 {
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #594c3e;
	border-right:1px solid #594c3e;
}
.round4 {
	border-left:1px solid #443a30;
	border-right:1px solid #443a30
}
.round5 {
	border-left:1px solid #56493c;
	border-right:1px solid #56493c
}
.roundfg {
	background:#5186b8
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
select {  
    font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}
input {
    font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}
textarea {
    font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}


#thebuzz
{
	float:left;
	width: 800px;
}

#thebuzz img
{
	float:left;
	padding: 0;
	margin: 10px 0 5px 10px;
}


#quotescontainer
{
	/*awidth: 550px;*/
	width: 600px;
	float:left;
	position: relative;
	left: 0px;
	background: transparent url('/images/quote_gray_1.gif') no-repeat top left;
	margin:  0;
}

#quotescontainer p 
{
	float:left;
	padding: 0 0 7px 25px;
	margin: 12px 0 0 0;
}

#quotescontainer p span.buzz
{
	background: none;
	position:relative;
	left: 0;
	font-size:11.5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height: 16px;
}

#quotescontainer p span.closequote
{
	width: 45px;
	padding: 20px 0 0px 260px;
	background: transparent url('/images/quote_gray_2.gif') no-repeat right;
	z-index: 3;
}

#quotescontainer p span.buzzquote
{
	position:relative;
	left:0px;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
}