@charset "utf-8";
html {background: url(/images/batik-pattern.jpg) 0 0 repeat-x #E2E2C8;}

body {
	padding: 24px 0 0;
	margin: 0;
	background: url(/images/dragon.png) top center no-repeat;
	color: #000 }

div,h1,h2,h3,h4,p,form,label,input,textarea,img,span { margin:0;padding: 0 }

ul { margin:0;padding: 0 }

.spacer {
	clear: both;
	font-size: 0;
	line-height: 0 }

a.slider_prev { font:11px/15px arial,helvetica,sans-serif;color: #fefeff }

#container {
	width: 954px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 5px 0px #9E9975;
	-moz-box-shadow: 0px 0px 5px 0px #9E9975;
	box-shadow: 0px 0px 5px 0px #9E9975;
	background: url(/images/top_white_part.gif) 0 0 no-repeat #fff;
	padding: 11px 0 34px;
	color: #000;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;  }

#top {
	background: url(/images/top_bg.jpg) 0 0 no-repeat;
	width: 911px;
	height: 58px;
	margin: 0 auto;
	padding: 14px 5px 0 20px }

#headmenu {
	background-color: #dcd6ba;
	float: left;
	z-index: 50;
	position: relative;
	margin: 25px 25px 25px 85px;
	padding: 5px 20px;
	font: 12px Arial;
	color: #4a4b39 }

#topmenu {
	background-color: #4a4b39;
	width: 911px;
	height: 27px;
	margin: 0 auto;
	margin-top: 5px;
	padding: 10px 5px 0 20px;
	font: 12px Arial;
	color: #fff }

#top img {
	display: block;
	font-size: 0;
	line-height: 0;
	float: left;
	border: 0 }

	#top img.promo {
		display: inline;
		float: none;
		margin-bottom: -2px }

	#top img.ym {
		display: inline;
		float: none;
		margin-left: 15px;
		margin-bottom: 5px }

#top ul.nav {
	width: 641px;
	height: 27px;
	margin: 6px 0 0;
	float: right }

	#top ul.nav li {
		float: left;
		font-size: 0;
		line-height: 0;
		margin: 0 2px 0 0 }

		#top ul.nav li.noMargin { margin: 0 }

#top ul li a {
	display: block;
	background: url(/images/nav_bg.gif) 0 0 repeat-x;
	font: 700 11px/27px Arial,Helvetica,sans-serif;
	color: #456884;
	background-color: inherit;
	text-decoration: none;
	float: left }

#top ul.nav li a span.left {
	display: block;
	background: url(/images/nav_left.gif) left top no-repeat;
	float: left }

	#top ul.nav li a span.left span.right {
		display: block;
		background: url(/images/nav_right.gif) right top no-repeat;
		float: left;
		padding: 0 17px;
		font: 700 11px/27px Arial,Helvetica,sans-serif;
		color: #456884;
		background-color: inherit;
		cursor: pointer }

#top ul.nav li a:hover {
	background: url(/images/nav_bg_hover.gif) 0 0 repeat-x;
	color: #fff;
	background-color: inherit }

	#top ul.nav li a:hover span.left { background: url(/images/nav_hover_left.gif) left top no-repeat }

#top ul li a:hover span.left span.right {
	background: url(/images/nav_hover_right.gif) right top no-repeat;
	color: #fff;
	background-color: inherit }

#top ul.nav li a.hover {
	display: block;
	background: url(/images/nav_bg_hover.gif) 0 0 repeat-x;
	color: #fff;
	font: 700 11px/27px Arial,Helvetica,sans-serif;
	background-color: inherit;
	text-decoration: none;
	float: left }

	#top ul.nav li a.hover span.left2 {
		display: block;
		background: url(/images/nav_hover_left.gif) left top no-repeat;
		float: left }

		#top ul.nav li a.hover span.left2 span.right2 {
			display: block;
			background: url(/images/nav_hover_right.gif) right top no-repeat;
			float: left;
			padding: 0 17px;
			font: 700 11px/27px Arial,Helvetica,sans-serif;
			color: #fff;
			background-color: inherit;
			cursor: text }

#top ul.sub {
	width: 636px;
	height: 25px;
	float: right;
	padding: 0 0 0 5px;
	background-color: #414141;
	color: #fff }

	#top ul.sub li {
		display: block;
		background: url(/images/sub_menu_div.gif) right top no-repeat;
		height: 25px;
		float: left }

		#top ul.sub li.noImg { background-image: none }

		#top ul.sub li a {
			font: 10px/25px Arial,Helvetica,sans-serif;
			color: #c1c1c1;
			background-color: inherit;
			padding: 0 19px;
			text-decoration: none;
			background-image: none }

			#top ul.sub li a:hover { color:#e2ba00;background-color: inherit }

#body {
	width: 936px;
	margin: 0 auto;
	padding: 18px 0 0 }

#left { width:271px;float: left }

	#left h2 {
		display: block;
		width: 230px;
		height: 40px;
		background: url(/images/category_icon.gif) 13px 13px no-repeat #f6f6f6;
		padding: 0 0 0 39px;
		font: 20px/40px Arial,Helvetica,sans-serif;
		color: #020202;
		margin: 0 0 11px }

	#left ul { width: 268px }

		#left ul li {
			display: block;
			background: url(/images/left_nav_div.gif) left bottom repeat-x;
			height: 22px }

			#left ul li.noImg2 { background-image: none }

			#left ul li a {
				display: block;
				background: url(/images/bullet.gif) 11px 6px no-repeat;
				padding: 0 0 0 30px;
				font: 11px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;
				color: #8a8a8a;
				background-color: inherit;
				text-decoration: none }

				#left ul li a:hover { color:#000;background-color: #ededed }

#right { width:651px;float: right }

	#right a.member {
		display: block;
		background: url(/images/member_login.gif) 0 0 no-repeat;
		width: 131px;
		height: 91px;
		margin: 0 0 0 15px;
		text-indent: -2000px }

		#right a.member:hover { background: url(/images/member_login_hover.gif) 0 0 no-repeat }

	#right ul { width:651px;padding: 10px 0 0 }

		#right ul li { display:block;float: left }

			#right ul li.more {
				width: 183px;
				padding: 10px 0 0 19px;
				text-transform: uppercase;
				margin: 0 22px 0 0 }

			#right ul li.morelast {
				width: 183px;
				padding: 10px 0 0 19px;
				text-transform: uppercase;
				margin: 0 }

			#right ul li.idea {
				width: 175px;
				height: 150px;
				background: url(/images/yellow_bg_1px.gif) repeat-x bottom;
				border: #f2f2ce solid 4px;
				padding: 10px 0 0 19px;
				text-transform: uppercase;
				margin: 0 22px 0 0 }

				#right ul li.idea img { float:left;margin: 0 22px 0 0 }

				#right ul li.idea span.red {
					font: 19px/21px Arial,Helvetica,sans-serif;
					color: #d43700;
					background-color: inherit;
					float: left;
					margin: 0 }

	#right span.item {
		font: 10px Arial,Helvetica,sans-serif;
		color: #603913;
		background-color: inherit;
		text-transform: none;
		float: left;
		margin: 0 }

	#right ul li.idea span.red span.black {
		font: 19px/21px Arial,Helvetica,sans-serif;
		color: #414141;
		background-color: inherit }

	#right ul li.add {
		width: 175px;
		height: 150px;
		background: url(/images/yellow_bg_1px.gif) repeat-x bottom;
		border: #f2f2ce solid 4px;
		padding: 10px 0 0 19px;
		text-transform: uppercase;
		margin: 0 22px 0 0 }

{  }

#right ul li.add img { float:left;margin: 0 12px 0 0 }

#right ul li.add span.red {
	font: 19px/21px Arial,Helvetica,sans-serif;
	color: #d43700;
	background-color: inherit;
	float: left;
	margin: 0 }

	#right ul li.add span.red span.black {
		font: 19px/21px Arial,Helvetica,sans-serif;
		color: #414141;
		background-color: inherit }

#right ul li.work {
	width: 175px;
	height: 150px;
	background: url(/images/yellow_bg_1px.gif) repeat-x bottom;
	border: #f2f2ce solid 4px;
	padding: 10px 0 0 19px;
	text-transform: uppercase;
	margin: 0 }

	#right ul li.work img { float:left;margin: 0 12px 0 0 }

	#right ul li.work span.red {
		font: 19px/21px Arial,Helvetica,sans-serif;
		color: #d43700;
		background-color: inherit;
		float: left;
		margin: 0 }

		#right ul li.work span.red span.black {
			font: 19px/21px Arial,Helvetica,sans-serif;
			color: #414141;
			background-color: inherit }

a.linkmore {
	display: inline;
	font: 10px/20px Arial,Helvetica,sans-serif;
	color: #101010;
	text-decoration: none;
	text-transform: none }

#right ul li a.order {
	display: block;
	background: url(/images/view_more.gif) 0 0 no-repeat;
	width: 100px;
	height: 20px;
	padding: -10px 0 0 10px;
	margin: 5px 0 0 15px;
	font: 10px/20px Arial,Helvetica,sans-serif;
	color: #101010;
	background-color: inherit;
	text-decoration: none;
	text-transform: none;
	float: right }

#right ul li a:hover { color:#569e47;background-color: inherit }

#event {
	width: 906px;
	margin: 22px auto 0 auto;
	background: url(/images/event_bg.gif) 0 0 repeat-x #dfb320;
	padding: 0 30px 13px 0;
	color: #000 }

#eventLeft { width:269px;float: left }

	#eventLeft h2 {
		display: block;
		background: url(/images/event_bg_black.gif) 0 0 repeat-x;
		height: 40px;
		padding: 0 0 0 21px;
		margin: 0 0 18px }

		#eventLeft h2 span.extra {
			width: 66px;
			height: 33px;
			background: url(/images/round_bg.gif) 0 0 no-repeat;
			text-align: center;
			padding: 7px 0 0;
			font: 700 12px/12px Arial,Helvetica,sans-serif;
			color: #414141;
			background-color: inherit;
			margin: 0 20px 0 0;
			display: block;
			float: left }

			#eventLeft h2 span.extra b {
				color: #d43700;
				background-color: inherit;
				font: 700 11px/12px Arial,Helvetica,sans-serif }

		#eventLeft h2 span.txt1 {
			font: 700 20px/40px Arial,Helvetica,sans-serif;
			color: #fefeff;
			background-color: inherit;
			float: left }

	#eventLeft p.eventTxt1 {
		display: block;
		width: 245px;
		height: 17px;
		padding: 0 0 16px 24px;
		font: 700 11px/17px Arial,Helvetica,sans-serif;
		color: #000;
		background-color: inherit }

		#eventLeft p.eventTxt1 span {
			width: 67px;
			height: 17px;
			background-color: #e6e60e;
			color: #000;
			text-align: center;
			margin: 0 0 0 46px;
			padding: 0 8px 0 7px }

	#eventLeft p.slide {
		display: block;
		font: 11px/15px Arial,Helvetica,sans-serif;
		color: #fefeff;
		background-color: inherit }

	#eventLeft p.eventTxt2 {
		display: block;
		width: 235px;
		padding: 0 0 23px 24px;
		font: 11px/15px Arial,Helvetica,sans-serif;
		color: #fefeff;
		background-color: inherit }

		#eventLeft p.eventTxt2 b {
			font: 700 11px/15px Arial,Helvetica,sans-serif;
			color: #fafab6;
			background-color: inherit;
			padding: 0 0 4px;
			display: block }

	#eventLeft form {
		width: 200px;
		height: 30px;
		padding: 0 0 0 69px;
		background: url(/images/email_icon.gif) 25px 0 no-repeat }

		#eventLeft form input.txtBox1 {
			width: 120px;
			height: 17px;
			border-bottom: #d4d0c8 solid 1px;
			border-right: #d4d0c8 solid 1px;
			border-top: gray solid 1px;
			border-left: gray solid 1px;
			padding: 2px 0 0 6px;
			font: 10px/17px Arial,Helvetica,sans-serif;
			color: #000;
			background-color: #fff;
			float: left }

		#eventLeft form input.signup {
			background: url(/images/btn_signup.gif) 0 0 no-repeat;
			width: 61px;
			height: 20px;
			float: right;
			border: 0;
			cursor: pointer;
			padding: 0 10px 0 0;
			font: 10px/20px Arial,Helvetica,sans-serif;
			color: #101010;
			background-color: #dfb320 }

#eventRight {
	width: 596px;
	float: right;
	background: url(/images/event_div.gif) left top repeat-y;
	padding: 0 0 0 25px;
	margin: 11px 0 0 }

	#eventRight p.eventTxt3 {
		display: block;
		width: 572px;
		padding: 10px 0 19px;
		font: 28px/30px Arial,Helvetica,sans-serif;
		color: #fefeff;
		background-color: inherit }

	#eventRight h1.eventTxt3 {
		display: block;
		width: 572px;
		padding: 10px 0 19px;
		font: 28px/30px Arial,Helvetica,sans-serif;
		color: #fefeff;
		background-color: inherit }

.righthead {
	display: block;
	width: 572px;
	padding: 10px 0 19px;
	font: 28px/30px Arial,Helvetica,sans-serif;
	color: #fefeff;
	background-color: inherit }

#eventRight p.eventTxt4 {
	display: block;
	width: 594px;
	padding: 0 0 23px;
	font: 14px/16px Arial,Helvetica,sans-serif;
	color: #fafab6;
	background-color: inherit }

	#eventRight p.eventTxt4 span {
		font: 700 18px/20px Arial,Helvetica,sans-serif;
		color: #414141;
		background-color: inherit }

#eventRight p.eventTxt5 {
	padding: 0;
	font: 11px/27px Arial,Helvetica,sans-serif;
	color: #fff;
	background-color: inherit;
	float: left }

	#eventRight p.eventTxt5 span {
		width: 196px;
		height: 17px;
		background-color: #e6e60e;
		color: #000;
		font: 700 11px/17px Arial,Helvetica,sans-serif;
		text-align: center;
		margin: 4px 0 0;
		padding: 0 8px }

#eventRight p.eventTxt6 {
	display: block;
	width: 594px;
	padding: 0 0 23px;
	color: #414141;
	background-color: inherit;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal }

#eventRight ul.eventTxt6 {
	display: block;
	color: #000;
	padding-left: 23px;
	background-color: inherit;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal }

#eventRight p.eventTxt6 span {
	color: #fafab6;
	background-color: inherit;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 27px;
	font-weight: 400;
	font-variant: normal }

#eventRight a.rm {
	width: 67px;
	height: 27px;
	background: url(/images/read_more.gif) 0 0 no-repeat;
	padding: 0 0 0 22px;
	font: 700 11px/27px Arial,Helvetica,sans-serif;
	color: #fff;
	background-color: inherit;
	text-decoration: none;
	margin: 0;
	display: block;
	float: right }

	#eventRight a.rm:hover { color:#e6e60e;background-color: inherit }

#bot { width:936px;margin: 11px auto 0 auto }

#faq {
	width: 286px;
	float: left;
	background: url(/images/faq_bg.gif) 0 0 repeat-x #fff;
	color: #7d7d7d;
	padding: 8px 0 38px 20px }

	#faq h2 {
		display: block;
		width: 266px;
		height: 36px;
		background: url(/images/faq_div.gif) left bottom repeat-x;
		margin: 0 0 18px }

		#faq h2 span {
			padding: 0 0 0 46px;
			background: url(/images/connect.png) 0 0 no-repeat;
			font: 700 25px/35px Arial,Helvetica,sans-serif;
			color: #414141;
			background-color: inherit }

	#faq p {
		padding: 0;
		font: 11px/15px Arial,Helvetica,sans-serif;
		width: 266px }

		#faq p b {
			font: 700 11px/11px Arial,Helvetica,sans-serif;
			color: #929252;
			background-color: inherit;
			padding: 0 0 15px;
			display: block }

		#faq p span {
			color: #fff;
			padding: 2px;
			width: 57px;
			height: 13px }

#botRight { width:621px;float: right }

#test {
	width: 45%;
	float: left;
	background: url(/images/faq_bg.gif) 0 0 repeat-x #fff;
	color: #7d7d7d;
	padding: 8px 0 38px 20px }

	#test h2 {
		display: block;
		width: 266px;
		height: 36px;
		background: url(/images/faq_div.gif) left bottom repeat-x;
		margin: 0 0 18px }

		#test h2 span {
			padding: 0 0 0 46px;
			background: url(/images/testimonial_icon.gif) 0 0 no-repeat;
			font: 700 25px/35px Arial,Helvetica,sans-serif;
			color: #414141;
			background-color: inherit }

	#test p.testTxt1 {
		padding: 0 0 15px;
		width: 257px;
		float: left }

		#test p.testTxt1 b.green1 {
			font: 700 11px/11px Arial,Helvetica,sans-serif;
			color: #929252;
			background-color: inherit;
			padding: 0;
			float: left;
			font-style: normal }

		#test p.testTxt1 span {
			color: #000;
			background-color: inherit;
			width: 76px;
			height: 15px;
			background: url(/images/author_bg.gif) 0 0 no-repeat;
			font: 700 11px/15px Arial,Helvetica,sans-serif;
			font-style: normal;
			float: right;
			text-align: center }

			#test p.testTxt1 span b.green2 { color:#929252;background-color: inherit }

	#test p.testTxt2 {
		padding: 0;
		font: italic 11px/15px Arial,Helvetica,sans-serif;
		width: 257px;
		float: left }

#service {
	width: 289px;
	float: right;
	background: url(/images/faq_bg.gif) 0 0 repeat-x #fff;
	color: #929252;
	padding: 8px 0 38px 17px }

	#service h2 {
		display: block;
		width: 266px;
		height: 36px;
		background: url(/images/faq_div.gif) left bottom repeat-x;
		margin: 0 0 18px }

		#service h2 span {
			padding: 0 0 0 46px;
			background: url(/images/pembayaran.png) 0 0 no-repeat;
			font: 700 25px/35px Arial,Helvetica,sans-serif;
			color: #414141;
			background-color: inherit }

	#service p {
		font: 700 11px/11px Arial,Helvetica,sans-serif;
		padding: 0 0 11px;
		display: block }

	#service ul { padding: 0 }

		#service ul li { font-size:0;line-height: 0 }

			#service ul li a {
				display: block;
				background: url(/images/arrow.gif) 0 5px no-repeat;
				padding: 0 0 0 15px;
				font: 11px/19px Arial,Helvetica,sans-serif;
				color: #7d7d7d;
				background-color: inherit }

				#service ul li a:hover { color:#000;background-color: #dfdfce }

#footer {
	background: #424242;
	font: 11px Arial,Helvetica,sans-serif;
	line-height: 15px;
	color: #fff;
	width: 907px;
	height: 120px;
	margin: 0 auto;
	padding: 17px 17px 0 12px }

	#footer ul.botLink { float:left;padding: 0 7px }

		#footer ul.botLink li {
			float: left;
			font: 11px/11px Arial,Helvetica,sans-serif;
			color: #c3c3c3;
			background-color: inherit }

	#footer a {
		color: #c3c3c3;
		font: 11px/11px Arial,Helvetica,sans-serif;
		background-color: inherit;
		text-decoration: none;
		float: left;
		margin: 0 7px }

		#footer a:hover { color:#e9e617;background-color: inherit }

		#footer a.peta {
			color: #c3c3c3;
			font: 12px/18px Arial,Helvetica,sans-serif;
			background-color: inherit;
			text-decoration: none;
			margin: 0;
			float: none }

			#footer a.peta:hover { color:#e9e617;background-color: inherit }

	#footer div.copy {
		float: right;
		font: 12px/18px Arial,Helvetica,sans-serif;
		color: #dfb320;
		background-color: inherit;
		padding: 0 5px 10px 0 }

	#footer p.design {
		float: right;
		width: 168px;
		font: 700 11px/11px Arial,Helvetica,sans-serif;
		color: #e6e60e;
		background-color: inherit;
		padding: 4px }

		#footer p.design a {
			font: 700 11px/11px Arial,Helvetica,sans-serif;
			color: #fff;
			background-color: inherit;
			text-decoration: none;
			padding: 2px }

			#footer p.design a:hover { color:#000;background-color: #dfb320 }

	#footer ul.botLink2 {
		float: left;
		width: 149px;
		height: 16px;
		padding: 10px 500px 0 10px }

		#footer ul.botLink2 li { font-size:0;line-height: 0 }

			#footer ul.botLink2 li a.css {
				display: block;
				background: url(/images/css_valid.gif) 0 0 no-repeat;
				width: 71px;
				height: 16px;
				float: right;
				margin: 0 }

				#footer ul.botLink2 li a.css:hover { background: url(/images/css_valid_hover.gif) 0 0 no-repeat }

			#footer ul.botLink2 li a.xhtml {
				display: block;
				background: url(/images/xhtml_bg.gif) 0 0 no-repeat;
				width: 71px;
				height: 16px;
				float: left }

				#footer ul.botLink2 li a.xhtml:hover { background: url(/images/xhtml_bg_hover.gif) 0 0 no-repeat }

#quicklinks {
	width: 906px;
	margin: 22px auto 0 auto;
	background: url(/images/event_bg.gif) 0 0 repeat-x #dfb320;
	padding: 0 30px 13px 0;
	color: #000 }

#quicklinksLeft { width:269px;float: left }

	#quicklinksLeft h2 {
		display: block;
		background: url(/images/event_bg_black.gif) 0 0 repeat-x;
		height: 40px;
		padding: 0 0 0 21px;
		margin: 0 0 18px }

		#quicklinksLeft h2 span.extra {
			width: 66px;
			height: 33px;
			background: url(/images/round_bg.gif) 0 0 no-repeat;
			text-align: center;
			padding: 7px 0 0;
			font: 700 12px/12px Arial,Helvetica,sans-serif;
			color: #414141;
			background-color: inherit;
			margin: 0 20px 0 0;
			display: block;
			float: left }

			#quicklinksLeft h2 span.extra b {
				color: #d43700;
				background-color: inherit;
				font: 700 11px/12px Arial,Helvetica,sans-serif }

		#quicklinksLeft h2 span.txt1 {
			font: 700 12px/40px Arial,Helvetica,sans-serif;
			color: #fefeff;
			background-color: inherit;
			float: left }

	#quicklinksLeft p.quicklinksTxt1 {
		display: block;
		width: 245px;
		height: 17px;
		padding: 0 0 16px 24px;
		font: 700 11px/17px Arial,Helvetica,sans-serif;
		color: #000;
		background-color: inherit }

		#quicklinksLeft p.quicklinksTxt1 span {
			width: 67px;
			height: 17px;
			background-color: #e6e60e;
			color: #000;
			text-align: center;
			margin: 0 0 0 46px;
			padding: 0 8px 0 7px }

	#quicklinksLeft p.quicklinksTxt2 {
		display: block;
		width: 235px;
		padding: 0 0 23px 24px;
		font: 11px/15px Arial,Helvetica,sans-serif;
		color: #fefeff;
		background-color: inherit }

		#quicklinksLeft p.quicklinksTxt2 b {
			font: 700 11px/15px Arial,Helvetica,sans-serif;
			color: #fafab6;
			background-color: inherit;
			padding: 0 0 4px;
			display: block }

	#quicklinksLeft form {
		width: 200px;
		height: 30px;
		padding: 0 0 0 69px;
		background: url(/images/email_icon.gif) 25px 0 no-repeat }

		#quicklinksLeft form input.txtBox1 {
			width: 120px;
			height: 17px;
			border-bottom: #d4d0c8 solid 1px;
			border-right: #d4d0c8 solid 1px;
			border-top: gray solid 1px;
			border-left: gray solid 1px;
			padding: 2px 0 0 6px;
			font: 10px/17px Arial,Helvetica,sans-serif;
			color: #000;
			background-color: #fff;
			float: left }

		#quicklinksLeft form input.signup {
			background: url(/images/btn_signup.gif) 0 0 no-repeat;
			width: 61px;
			height: 20px;
			float: right;
			border: 0;
			cursor: pointer;
			padding: 0 10px 0 0;
			font: 10px/20px Arial,Helvetica,sans-serif;
			color: #101010;
			background-color: #dfb320 }

#quicklinksRight {
	width: 596px;
	float: right;
	background: url(/images/event_div.gif) left top repeat-y;
	padding: 0 0 0 25px;
	margin: 11px 0 0 }

	#quicklinksRight p.quicklinksTxt3 {
		display: block;
		width: 572px;
		padding: 10px 0 19px;
		font: 28px/30px Arial,Helvetica,sans-serif;
		color: #fefeff;
		background-color: inherit }

.righthead {
	display: block;
	width: 572px;
	padding: 10px 0 19px;
	font: 28px/30px Arial,Helvetica,sans-serif;
	color: #fefeff;
	background-color: inherit }

#quicklinksRight p.quicklinksTxt4 {
	display: block;
	width: 594px;
	padding: 0 0 23px;
	font: 18px/20px Arial,Helvetica,sans-serif;
	color: #fafab6;
	background-color: inherit }

	#quicklinksRight p.quicklinksTxt4 span {
		font: 700 18px/20px Arial,Helvetica,sans-serif;
		color: #414141;
		background-color: inherit }

#quicklinksRight p.quicklinksTxt5 {
	padding: 0;
	font: 11px/27px Arial,Helvetica,sans-serif;
	color: #fff;
	background-color: inherit;
	float: left }

	#quicklinksRight p.quicklinksTxt5 span {
		width: 196px;
		height: 17px;
		background-color: #e6e60e;
		color: #000;
		font: 700 11px/17px Arial,Helvetica,sans-serif;
		text-align: center;
		margin: 4px 0 0;
		padding: 0 8px }

#quicklinksRight p.quicklinksTxt6 {
	display: block;
	width: 594px;
	padding: 0 0 23px;
	color: #414141;
	background-color: inherit;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal }

	#quicklinksRight p.quicklinksTxt6 span {
		color: #fafab6;
		background-color: inherit;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 27px;
		font-weight: 400;
		font-variant: normal }

#quicklinksRight a.rm {
	width: 67px;
	height: 27px;
	background: url(/images/read_more.gif) 0 0 no-repeat;
	padding: 0 0 0 22px;
	font: 700 11px/27px Arial,Helvetica,sans-serif;
	color: #fff;
	background-color: inherit;
	text-decoration: none;
	margin: 0;
	display: block;
	float: right }

	#quicklinksRight a.rm:hover { color:#e6e60e;background-color: inherit }

.quicklink1 {
	color: #414141;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: 400;
	font-variant: normal;
	text-decoration: none;
	float: left;
	width: 350px;
	height: 18px;
	padding-left: 10px;
	background-position: 0 10px }

	.quicklink1:hover {
		color: #fafab6;
		background-image: url(/images/arrow.gif);
		background-repeat: no-repeat;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 11px;
		font-weight: 400;
		font-variant: normal;
		text-decoration: none;
		float: left;
		width: 350px;
		height: 18px;
		padding-left: 10px;
		background-position: 0 10px }

.submitbutton {
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	background-image: url(/images/read_more.gif);
	height: 20px;
	width: 75px;
	float: left;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: center center }

.contactformmsgfild {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	height: 170px;
	width: 75%;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px }

.borderEffect {
	background-color: #ffc;
	color: #a05a3d;
	margin: 0;
	padding: 0;
	border: 1px solid #fc0 }

	.borderEffect:hover {
		background-color: #ffcc89;
		color: #a05a3d;
		margin: 0;
		padding: 0;
		border: 1px solid #a05a3d }

.textboxEffect {
	background-color: #fff;
	color: #000;
	border: 1px solid #f90;
	height: 18px;
	width: 250px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 11px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	float: left }

	.textboxEffect:hover {
		background-color: #fff;
		color: #feb100;
		margin: 0;
		padding: 0;
		border: 1px solid #900;
		font-family: Verdana;
		font-size: 11px;
		line-height: 19px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 11px;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 10px }

.dropdownEffect {
	background-color: #fff;
	color: #000;
	border: 1px solid #f60;
	height: 18px;
	width: 260px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 11px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	float: left }

	.dropdownEffect:hover {
		background-color: #fff;
		color: #feb100;
		margin: 0;
		padding: 0;
		border: 1px solid #900;
		font-family: Verdana;
		font-size: 11px;
		line-height: 19px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 11px;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 10px }

.MassageboxEffect {
	background-color: #fff;
	color: #000;
	border: 1px solid #f60;
	height: 170px;
	width: 350px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 11px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	float: left }

	.MassageboxEffect:hover {
		background-color: #fff;
		color: #feb100;
		margin: 0;
		padding: 0;
		border: 1px solid #900;
		font-family: Verdana;
		font-size: 11px;
		line-height: 19px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 11px;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 10px }

.contactdropdownformfield {
	font-family: Verdana;
	font-size: 11px;
	color: #95a334;
	height: 20px;
	width: 75%;
	float: left;
	margin: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px }

.contactformfield {
	font-family: Verdana;
	font-size: 11px;
	color: #95a334;
	height: 20px;
	width: 75%;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px }

.contactsubmit {
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	background-attachment: scroll;
	background-image: url(/images/read_more_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 76%;
	clip: rect(500px,500px,auto,auto);
	top: 500px;
	right: 500px;
	bottom: 500px;
	left: 500px;
	float: left;
	margin: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 120px }

.contactformmessage {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	height: 170px;
	width: 75%;
	float: none;
	margin: 3px;
	padding: 3px }

.contactfornmsg {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	height: 170px;
	width: 75%;
	margin: 3px;
	padding: 3px }

.contactbox {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	border: 1px solid #ccc;
	height: 18px }

.contactmessagebox {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	border: 1px solid #ccc;
	height: 170px }

.contacttextarea {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	margin: 3px;
	padding: 3px }

.filltheform {
	font-family: Verdana;
	font-size: 14px;
	color: #92c102;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 20px;
	width: 700px }

.contacttext {
	margin: 3px;
	height: 18px;
	width: 100px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px }

.contacthead {
	font-family: Verdana;
	font-size: 25px;
	font-weight: 400;
	color: #fff;
	margin: 3px;
	padding: 3px;
	height: 20px;
	width: 600px }

.contactsubhead {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	height: 30px;
	width: 700px;
	margin: 5px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px }

.commenttext {
	margin: 3px;
	height: 170px;
	width: 100px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px }

.submitarea {
	margin: 5px;
	height: 30px;
	width: 400px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 115px;
	float: left }

.contacterrortext {
	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 10px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #000 }

.contactbg {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	background-image: url(/images/contactbg.jpg);
	width: 630px;
	padding-left: 40px;
	padding-top: 20px;
	height: 520px }

.contacttexthead {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 19px;
	color: #759c25;
	margin: 3px;
	padding: 3px }

.indicates {
	font-family: Verdana;
	font-size: 14px;
	color: #fff;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 20px;
	width: 700px }

.contactbg {
	font-family: Verdana;
	font-size: 14px;
	color: #fff;
	margin: 0;
	padding: 0;
	float: left;
	width: 730px;
	background-image: url(/images/contactbg.gif);
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center center;
	height: 900px }

.contactempty { height:20px;width: 650px }

.address1 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	height: 20px;
	width: 600px;
	margin: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 30px }

.address2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	width: 600px;
	margin: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 30px }

.emptyaddress { height:25px;width: 600px }

a.testi { font:italic 11px/15px arial,helvetica,sans-serif;color: #0072bc }

	a.testi:hover { font:italic 11px/15px arial,helvetica,sans-serif;color: #00bff3 }

a.topmenu {
	font: 12px Arial;
	color: #fff;
	text-decoration: none }

	a.topmenu:hover { font:12px arial;color: #f7941d }

a.klienkami {
	font: 11px/15px Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #0072bc }

	a.klienkami:hover { font:11px/15px arial,helvetica,sans-serif;color: #00bff3 }

.normaltext {
	font-family: Verdana;
	font-size: 8pt;
	line-height: 18px;
	color: #000;
	text-decoration: none }

.lefttemplate {
	width: 190px;
	float: left;
	text-align: center;
	margin: 2px;
	clear: both;
	font: 11px/15px Arial,Helvetica,sans-serif }

.righttemplate {
	width: 190px;
	float: left;
	text-align: center;
	margin: 2px;
	font: 11px/15px Arial,Helvetica,sans-serif }

div.scroll {
	height: 200px;
	width: 500px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #fff;
	padding: 8px }

#colMain { clear: both; }

	#colMain #letsconnect {
		margin-right: 8px;
		float: left; }

	#colMain #testimoni { float: right; }

	#colMain #testimoni, #colMain #letsconnect {
		background: url("/images/faq_bg.gif") repeat-x scroll 0 0 #FFFFFF;
		color: #7D7D7D;
		width: 47.4%;
		padding: 8px 0 38px 20px; }

	#colMain #testimoni p.testTxt2 {
		padding: 0;
		font: italic 11px/15px Arial,Helvetica,sans-serif;
		width: 430px; }

	#colMain #testimoni h2, #colMain #letsconnect h2 {
		background: url("/images/faq_div.gif") repeat-x scroll left bottom transparent;
		display: block;
		height: 36px;
		margin: 0 0 18px;
		width: 95%; }

	#colMain #letsconnect h2 span {
		background-attachment: scroll;
		background-color: inherit;
		background-image: url("/images/connect.png");
		background-position: 0 0;
		background-repeat: no-repeat;
		color: #414141;
		font: 700 25px/35px Arial,Helvetica,sans-serif;
		padding: 0 0 0 46px }

	#colMain #testimoni h2 span {
		background-attachment: scroll;
		background-color: inherit;
		background-image: url("/images/testimonial_icon.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		color: #414141;
		font: 700 25px/35px Arial,Helvetica,sans-serif;
		padding: 0 0 0 46px; }

#pembayaran {
	text-align: center;
	float: right;
	display: block;
	position: relative;
	top: 80px; }

#fblikebox {
	display: block;
	clear: both;
	width: auto;
	margin-bottom: 5px; }

	#fblikebox .connect_widget div.connect_confirmation_cell { left: 105px !important; }

/** facebook id **/
#submit {
	background-image: url("/images/read_more.gif");
	background-position: center center;
	background-repeat: repeat-x;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 75px;
	cursor: pointer !important; }

input[type=text] {
	padding: 2px 3px;
	border: 1px solid #555; }

label {
	font-family: Arial,Helvetica,sans-serif;
	color: #414141;
	font-size: 12px;
	font-weight: bold; }

#yourid {
	background-color: #FEFEF0;
	border: 3px solid #F2F2CE;
	position: relative;
	top: 2px;
	padding: 5px; }

#tooltiparrow {
	background-image: url("/images/tooltiparrow.png");
	display: inline-block;
	height: 16px;
	left: 0;
	position: relative;
	top: 6px;
	width: 26px;
	z-index: 5; }

#yourid label, #hasil font {
	line-height: 57px;
	margin-right: 5px; }

#yourid .idnotfound { line-height: normal !important; }

#hasil {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold; }

	#hasil img#fbpicprofile {
		padding: 2px;
		background-color: #fff;
		border: 1px solid #b4bbcd;
		vertical-align: top; }

#yourid #loading {
	left: 287px;
	position: absolute; }

#container #like-kita {
	margin-left: -95px;
	margin-top: 30px;
	position: absolute;
	z-index: 100;
	display: none; }
	
#dragonhead {
	width: 400px;
	height: 128px;
	position: absolute;
	overflow: hidden;
	top: -24px;
	left: -7px; }