@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
}
body {
	margin: 0px;
	text-align: center;
}
a:link {
	color: #7a7a7a;
	text-decoration: none;
}
a:visited {
	color: #7a7a7a;
	text-decoration: none;
}
a:hover {
	color: #FF3300;
	text-decoration: none;
}
a:active {
	color: #7a7a7a;
	text-decoration: none;
}
h1 {
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	/*color: #697676;*/
	color: #c160c1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 56px;
	background: url(images/bg-cap.gif) left top no-repeat;
	display: block;
	clear: both;
}
h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding-left: 30px;
	/*color: #666666;*/
	color: #0000FF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(images/bullet-yellow.gif) left top no-repeat;
	display: block;
	clear: both;
}
.sitemap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sitemap li {
	padding-right: 10px;
	margin: 0;
	display: inline;
	border-right: 1px solid #FF3300;
}
.spacer {
	height: 20px;
	clear: both;
}
.rightimage {
	padding-left: 10px;
	padding-bottom: 10px;
}
.leftimage {
	padding-bottom: 10px;
}
.service-item {
	padding: 0 15px;
}
.service-item ul {
	margin: 0;
	padding: 0;
}
.service-item li {
	list-style: none;
	background: url(images/bullet.gif) left center no-repeat;
	padding-left: 15px;
	margin: 0 0 0 10px;
	line-height: 18px;
}
.sloganitem {
	padding: 0 15px;
}
.imagecap {
	border: 0;
	margin-bottom: 15px;
}
.morenews {
	margin-top: 15px;
	background: url(images/more-btn.gif) left top no-repeat;
	height: 23px;
	width: 104px;
	line-height: 23px;
	text-indent: 10px;
}
.tour-item ul {
	margin: 0;
	padding: 0;
}
.tour-item li {
	list-style: none;
	background: url(images/bg-tour.gif) left center no-repeat;
	margin: 0 0 5px 0;
	height: 46px;
	padding: 5px 5px 5px 35px;
	width: 71px;
	line-height: 16px;
}

.qtrans_language_chooser { list-style-type:none }
.qtrans_language_chooser li { float:left; margin-right:5px }
.qtrans_flag { border:1px solid #000 }
/* Main Id */
#wrap-home {
	width: 100%;
	text-align: center;
	margin: auto;
}
#wrapper {
	width: 880px;
	margin: auto;
	background: url(images/bg-top.jpg) left top no-repeat;
}
#header {
	height: 118px;
	padding-top: 27px;
}
#logo {
	float: left;	
}
#menu-atas {
	float: right;
	padding: 61px 5px 0 0;
	width: 463px;
	text-align: left;
}
#menu-intro {
	width: 100%;
	text-align: center;
	margin: auto;
	padding: 0 0 10px 0;
	line-height: 37px;
	text-align: center;
}
#menu {
	padding: 0 10px;
	height: 37px;
	background: url(images/bg-menu.gif) center top no-repeat;
	color: #fff;
	line-height: 37px;
	text-align: center;
	padding-left: 30px;
}
#content {
	float: left;
	width: 860px;
	padding: 20px 10px;
	text-align: left;
}
#sidebar {
	width: 194px;
	float: left;
}
#menu-left {
	margin: 0 0 15px 0;
}
#services {
	margin: 0 0 15px 0;
	background: url(images/bg-menuleft.gif) left top repeat-y;
}
#gallery {
	margin: 0 0 15px 0;
}
#weather {
	margin: 0 0 15px 0;
	text-align: center;
}
#contact {
	margin: 0 0 15px 0;
	background: url(images/contact.gif) left top no-repeat;
	padding-top: 82px;
	height: 77px;	
	text-align: left;
}
#post {
	width: 613px;
	float: right;
}
#post a:link {
	color: #0099FF;
	text-decoration: none;
}
#post a:visited {
	color: #0099FF;
	text-decoration: none;
}
#post a:hover {
	color: #FF3300;
	text-decoration: none;
}
#post a:active {
	color: #0099FF;
	text-decoration: none;
}
#hometop {
	height: 279px;
	background: url(images/bg-head.gif) left top no-repeat;
	margin-bottom: 15px;
}
#homeslogan {
	background: url(images/framebg.gif) left top repeat-y;	
	margin-bottom: 20px;
	clear: both;
}
#homenews {
	width: 195px;
	float: left;
	color: #fff;
	margin: 15px 0 15px 8px;
}
#homeslide {
	width: 367px;
	float: right;
	margin: 10px 5px 10px 0;
}
#footer {
	clear: both;
	width: 860px;
	padding: 0 5px;
}
#menu-footer {
	padding: 0;
	height: 37px;
	background: url(images/bg-footer.gif) center top no-repeat;
	line-height: 37px;
	margin-bottom: 10px;
}
#copyright {
	text-align: center;
	padding-bottom: 20px;
}

/* Predefined Id */
#homenews ul {
	margin: 0;
	padding: 0;
}
#homenews li {
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #fff;
}
#footer a:visited {
	color: #CC6600;
	text-decoration: none;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	list-style: none;
	display: inline;
	padding: 0 5px;
}
#menu-intro ul {
	margin: 0;
	padding: 0;
}
#menu-intro li {
	list-style: none;
	display: inline;
	padding: 3px 20px;
	font-weight: bold;
	border: 1px solid #BEDAEF;
}


/* Dropdown Menu */
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:31px; z-index:300; width:100%; font-weight:bold;}
#dropmenu a {display:block; padding:3px 10px; color:#fff; border-right:1px solid #49b2ed; text-decoration:none;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:3.3em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8; background: #fff; color: #666666;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/* Dropdown Menu */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Comments*/
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* End Comments */.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 60px;	}.alignright {	float: right;	}.alignleft {	float: left	}

#player_container {
	position: relative;
	background-color:#eee;
	width:194px;
	height:100px;
	border:1px solid #dddddd;
        margin-bottom: 20px;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:10px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}
#player_play {
	background: url("images/spirites.jpg") 0 0 no-repeat;
}
#player_play.different_prefix_example_hover {
	background: url("images/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
	background: url("images/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.different_prefix_example_hover {
	background: url("images/spirites.jpg") -41px -42px no-repeat;
}
#player_stop {
	position: absolute;
	left:60px;
	top:26px;
	background: url("images/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.different_prefix_example_hover {
	background: url("images/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
	position: absolute;
	left:100px;
	top:32px;
	background-color: #eee;
	width:80px;
	height:15px;
}
#player_progress_load_bar {
	background: url("images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
	background: url("images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min {
	position: absolute;
	left:15px;
	top:70px;
	background: url("images/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
 
#player_volume_max {
	position: absolute;
	left:83px;
	top:70px;
	background: url("images/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
 
#player_volume_min.different_prefix_example_hover {
	background: url("images/spirites.jpg") -19px -170px no-repeat;
}
 
#player_volume_max.different_prefix_example_hover {
	background: url("images/spirites.jpg") -19px -186px no-repeat;
}
 
#player_volume_bar {
	position: absolute;
	left:30px;
	top:75px;
	background: url("images/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}
 
#player_playlist_message {
	position: absolute;
	left:0;
	bottom:0;
	width:120px;
	padding:5px 40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background-color:#ccc;
}
 
#song_title {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}
 
#play_time,
#total_time {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}
 
#play_time {
	float:left;
}
 
#total_time {
	float:right;
	text-align: right;
}