* { padding:0; margin:0; }

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

body {
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img{
	border:0;
}

#topheader { 
	width:760px; 
	margin:0 auto;
	padding-top:0px;
}

#topheader .logo { 
	float:left; 
	padding:10px 0 0 0; 
}
#topheader .tengahatas { 
	float:left; 
	padding:40px 0 0 20px; 
}
#topheader .menu {
float:top;

	padding:20px 0 0 0px; 
}

#topheader .help {
	float:right;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#topheader .ym {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#topmenu {
	float:left;
	margin:20px 0 0  0;
}

#topmenu ul {

	line-height:38px;
	float:left;
	list-style:none;
	width:762px;
}

#topmenu li {
	display:inline;
}

#topmenu a {
	float:left;
	text-decoration:none;
	color: #FFF;
	font-weight: bold ;
	display:block;
	padding:0 21px 0 22px;
	background: url(images/menu.jpg) no-repeat right;
}

#topmenu a.right {
	float:right;
	background: url(images/menu_bgRight.jpg) no-repeat right;
}


#header {
	height:310px; 
	border-top:5px solid #FFF; 
	overflow:hidden; 
	width:100%; 
	float:left;
	background: url(images/headerimg_bg.jpg);
}

#header .image {
	width:761px;
	height:500px;
	padding-top:10px;
	
	margin:0 auto; 
}

#contents { 
	clear:both; 
	float:none;
	width:760px; 
	margin:0 auto;  
	background:url(images/content_bg.jpg) repeat-x top;
}

#panels {

	margin:0 0 15px 0; 
	text-align: center; 
	padding-left: 2px; 
}

#panels ul {
	list-style:none;
}

#panels li {
	display:inline; 
	padding-right:2px;
}

#paket { 
	background:url(images/paket.jpg) no-repeat; 
	width:483px; 
	height:250px; 
	float:left;
}

#paket h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#paket h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#paket h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#paket  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#paket  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#paket  ul li span {
	color:#FF0000;
}
		
#paket .ordernow { 
	margin:5px 0 0 15px;
}

#paketprofil { 
	background:url(images/paketprofil.jpg) no-repeat; 
	width:760px; 
	height:350px; 
	float:left;
}

#paketprofil h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#paketprofil h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#paketprofil h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#paketprofil  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#paketprofil  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#paketprofil  ul li span {
	color:#FF0000;
}
		
#paketprofil .ordernow { 
	margin:5px 0 0 15px;
}
#paketprofil .h10 { 
	padding:0 15px 0 15px; 
	font-size:12px; 
	color:#000000;
}

#tos { 
	background:url(images/tos.jpg) no-repeat; 
	width:760px; 
	height:810px; 
	float:left;
}


#tos h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#tos h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#tos h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#tos  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#tos  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#tos  ul li span {
	color:#FF0000;
}
		
#tos .ordernow { 
	margin:5px 0 0 15px;
}
#tos .h10 { 
	padding:0 15px 0 30px; 
	font-size:12px; 
	color:#000000;
}


#kategoritipstrik {
background-color:#FFFFFF ;
background-repeat:repeat;
float:left;
}

#kategoritipstrik .judul {
background:url(images/kategori-judul.jpg) no-repeat; 

}
#kategoritipstrik h1 {

	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#kategoritipstrik h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#kategoritipstrik h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#kategoritipstrik  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#kategoritipstrik  ul li { 
	background:url(images/kategori.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#kategoritipstrik  ul li span {
	color:#FF0000;
}
		
#kategoritipstrik .ordernow { 
	margin:5px 0 0 15px;
}



#layananweb { 
	background:url(images/layananweb.jpg) no-repeat; 
	width:760px; 
	height:680px; 
	float:left;
}

#layananweb h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#layananweb h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#layananweb h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#layananweb  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#layananweb  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#layananweb  ul li span {
	color:#FF0000;
}
		
#layananweb .ordernow { 
	margin:5px 0 0 15px;
}
#layananweb .h10 { 
	padding:0 15px 0 15px; 
	font-size:12px; 
	color:#000000;
}


#kenapa { 
	background:url(images/kenapa.jpg) no-repeat; 
	width:760px; 
	height:550px; 
	float:left;
}

#kenapa h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#kenapa h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#kenapa h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#kenapa  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#kenapa  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#kenapa  ul li span {
	color:#FF0000;
}
		
#kenapa .ordernow { 
	margin:5px 0 0 15px;
}
#kenapa .h10 { 
	padding:0 15px 0 15px; 
	font-size:12px; 
	color:#000000;
}












#kontak { 
	background:url(images/kontak.jpg) no-repeat; 
	width:770px; 
	height:600px; 
	float:left;
}

#kontak h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#kontak h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#kontak h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#kontak  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#kontak  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#kontak  ul li span {
	color:#FF0000;
}
		
#kontak .ordernow { 
	margin:5px 0 0 15px;
}




#paketweb { 
	background: url(images/paketweb.jpg) no-repeat; 
	width:760px; 
	height:2205px; 
	float:left;
}

#paketweb h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#paketweb h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#paketweb h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#paketweb  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#paketweb  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#paketweb  ul li span {
	color:#FF0000;
}
		
#paketweb .ordernow { 
	margin:5px 0 0 15px;
}


#alamat {
	background:url(images/ssl_bg.jpg) no-repeat; 
	width:259px; 
	height:250px; 
	float:right;
}

#alamat .judul { 
	padding: 103px 5px 0 2px; 
}

#alamat a { 
	text-decoration:none; 
	color:#e33f05; 
	font-weight:bold;
}


#isitipstrik {
background:#FFFFFF;
background-repeat: repeat;
padding: 0 0 0 200px ;
	
}

#isitipstrik .judul { 

    background:url(images/judultiptrikterbaru.jpg) no-repeat; 
	padding: 5px 10px 10px 5px; 
}
#isitipstrik .isiterbaru { 
   
	padding: 5px 10px 10px 10px; 
}
#isitipstrik .isi { 
   
	padding: 5px 10px 10px 10px; 
}

#isitipstrik .judul h2 { 
	 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#isitipstrik .judul h2 span { 
	font-size:18px; 
	font-weight:normal;
}
#isitipstrik .judul h2 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}
#isitipstrik a { 
	text-decoration:none; 
	color:#e33f05; 
	font-weight:bold;
}

/******/
#tipstrik {
	background:url(images/welcome_bg.jpg) repeat-y; 
	width:434px; 
	height:230px; 
	float:left; 
	margin-top:15px;
}
#tipstrik .isi {
padding: 5px 5px 10px 5px;
}
#tipstrik h1 { 
	padding:15px 0 0 15px; 
	font-size:18px; 
	color:#5f6368;
}

#tipstrik h1 span { 
	font-size:18px; 
	color:#f48b03;
}
#tipstrik .isi h5 { 
	padding:0 0 0 15px; 
	font-size:12px; 
	color:#000000;
}

#tipstrik .isi h5 span { 
	font-size:12px; 
	color:#000000;
}
#tipstrik .isi p { 
	padding:15px 0 0 15px; 
	font-size:11px;
}


#klienprofil {
	background:url(images/klienprofil.jpg) no-repeat; 
	width:434px; 
	height:230px; 
	float:left; 
	margin-top:15px;
}

#klienprofil .selengkapnya {
padding: 150px 0 0 18px ;
	margin:5px 0 0 0; 
	display:block; 
	font-size:14px; 
	line-height:16px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#FFF; 
	
}
#klienprofil h1 { 
	padding:15px 0 0 15px; 
	font-size:22px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}

#klienprofil h1 span { 
	font-size:18px; 
	color:#f48b03;
}

#klienprofil p { 
	padding:15px 0 0 15px; 
	font-size:11px;
}


/* Search BOx*/
#portfolio {
	background:url(images/portfolio.jpg) no-repeat; 
	width:307px; 
	height:230px;
	float: right;
	padding: 0px 0px 20px 0px;
	margin-top:15px;
}

#portfolio h2 { 
	font-family:Arial, Helvetica, sans-serif; 
	padding:15px 0 0 10px; 
	font-size:14px; 
	color:#FFF;
}

#portfolio p { 
	padding:10px 0 0 15px; 
	font-size:11px; 
	color:#CCCCCC;
}

#portfolio .form {
padding:40px 5px 25px 27px; 
}

#portfolio .register {
	margin:5px 0 0 0; 
	display:block; 
	font-size:12px; 
	line-height:16px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#FFF; 
	
}
#portfolio .selengkapnya {
padding: 180px 0 0 22px ;
	margin:5px 0 0 0; 
	display:block; 
	font-size:12px; 
	line-height:16px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#FFF; 
	
}
#portfolio .gambar1 {
	 
	width:143px; 
	height:153px;
	float:right;
	padding: 0px 0px 10px 0px;
	margin-top:45px;
}
#portfolio .gambar2 {
	 
	width:143px; 
	height:153px;
	float:right;
	padding: 0px 0px 10px 0px;
	margin-top:45px;
}


#portofoliodisplay {
	background:url(images/portofoliodisplay.jpg) no-repeat; 
	width:770px; 
	height:230px; 
	float:left; 
	margin-top:15px;
}

#portofoliodisplay h1 { 
	padding:15px 0 0 15px; 
	font-size:22px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}

#portofoliodisplay h1 span { 
	font-size:18px; 
	color:#f48b03;
}

#portofoliodisplay p { 
	padding:15px 0 0 15px; 
	font-size:11px;
}


#portofoliobesar { 
	background:url(images/portofolio_besar.jpg) no-repeat; 
	width:483px; 
	height:850px; 
	float:left;
}

#portofoliobesar h1 { 
	padding:5px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#portofoliobesar h1 span { 
	font-size:18px; 
	font-weight:normal;
}

#portofoliobesar h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#portofoliobesar  ul { 
	list-style:none; 
	margin:20px 0 0 15px; 
}

#portofoliobesar  ul li { 
	background:url(images/paket_planbg.jpg) no-repeat; 
	padding:0 0 0 25px; 
	line-height:27px;
}

#portofoliobesar  ul li span {
	color:#FF0000;
}
		
#portofoliobesar .ordernow { 
	margin:5px 0 0 15px;
}

#templatemo_partners { 
	float:left;
	width:762px; 
	height:60px;  
	margin:20px auto; 
	background:url(images/partners.jpg) no-repeat center;
}


#portofoliokecil {
	background:url(images/portofolio_kecil.jpg) no-repeat; 
	width:259px; 
	height:725px; 
	float:right;
}

#portofoliokecil .judul { 
	padding: 10px 5px 0 10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

#portofoliokecil .tampilan { 
	padding: 14px 5px 0 27px; 
}

#portofoliokecil a { 
	text-decoration:none; 
	color:#e33f05; 
	font-weight:bold;
}



#templatemo_footer {
	border-top:5px solid #FFF; 
	overflow:hidden; 
	width:100%; 
	float:left;
	background:#3d3f41; 
	height:70px;
}

#templatemo_footer .links {
	width:762px; 
	margin:0 auto; 
	border-bottom:3px solid #000; 
	color:#000; 
	padding:10px 0 10px 0 ; 
	line-height:16px; 
	text-align:center; 
	font-weight:bold;
}

#templatemo_footer .links a {
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:bold;
}

#templatemo_footer .links a:hover, #templatemo_footer .links a:visited {
	color:#a9a6a6; 
}

#templatemo_footer .copyright {
	color:#a9a6a6; 
	text-decoration:none; 
	text-align:center; 
	font-size:10px; 
	padding:7px 0 0 0;
}

#templatemo_footer .copyright a, a:hover {
	color:#a9a6a6; 
}

#templatemo_footer .copyright a:hover {
	color:#ffffff; 
}

#templatemo_innercontents { 
	clear:both; 
	float:none;
	width:762px;  
	margin:0 auto; 
	border-top:10px solid #FFF; 
	background:url(images/innerbg.jpg) no-repeat top;
}

#templatemo_innercontents h1 { 
	padding:10px 20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	font-weight: normal;
	border-bottom:1px dotted #000; 
}

#templatemo_innercontents p.contents { 
	padding:10px 20px;
}

#templatemo_innercontents strong.red {
	padding:10px 20px; 
	color:#c90808; 
	font-size:14px; 
	line-height:24px; 
	text-transform:uppercase;
}




#footer_tipstrik {

	border-top:5px solid #FFF; 
	overflow:hidden; 
	width:100%; 
	float:left;
	background:#3d3f41; 
	height:100px;
	
}

#footer_tipstrik .links {
	width:762px; 
	margin:0 auto; 
	border-bottom:3px solid #000; 
	color:#000; 
	padding:10px 0 10px 0 ; 
	line-height:16px; 
	text-align:center; 
	font-weight:bold;
}

#footer_tipstrik .links a {
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:bold;
}

#footer_tipstrik .links a:hover, #footer_tipstrik .links a:visited {
	color:#a9a6a6; 
}

#footer_tipstrik .copyright {
	color:#a9a6a6; 
	text-decoration:none; 
	text-align:center; 
	font-size:10px; 
	padding:7px 0 0 0;
}

#footer_tipstrik .copyright a, a:hover {
	color:#a9a6a6; 
}

#footer_tipstrik .copyright a:hover {
	color:#ffffff; 
}

#templatemo_innercontents { 
	clear:both; 
	float:none;
	width:762px;  
	margin:0 auto; 
	border-top:10px solid #FFF; 
	background:url(images/innerbg.jpg) no-repeat top;
}

#templatemo_innercontents h1 { 
	padding:10px 20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	font-weight: normal;
	border-bottom:1px dotted #000; 
}

#templatemo_innercontents p.contents { 
	padding:10px 20px;
}

#templatemo_innercontents strong.red {
	padding:10px 20px; 
	color:#c90808; 
	font-size:14px; 
	line-height:24px; 
	text-transform:uppercase;
}

#footer_tipstrik .page {
	padding:5px;
	margin:5px;
	text-align:center;
	float:center;
	font-size:10px;
}

#footer_tipstrik .page a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #fff;
	
	text-decoration: none; 
	color: #d8325d;
}
#footer_tipstrik .page a:hover, div.page a:active {
	border:1px solid #fff;
	color: #fff;
	background-color: #d8325d;
}
#footer_tipstrik .page span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #fff;
	font-weight: bold;
	background-color: #d8325d;
	color: #FFF;
}
#footer_tipstrik .page span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #fff;
	color: #fff;
}	

DIV.base-layer {
	border: solid #FFF 1px; 
	padding: 0; 
	text-align: center; 
	width: auto; 
}

DIV.MyTableRowClass {
   width: 100%; 
}

DIV.MyMainTableRowClass1 {
  float: left; margin: 0; 
  padding: 0; width: 40%; 
  font-family:Arial, verdana;
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass2 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 20%; 
  font-family:Arial, verdana; 
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass3 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 20%; 
  font-family:Arial, verdana;
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass4 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 20%; 
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}

DIV.Even {
  background:#f8f8f8; 
}

DIV.Odd {
  background:#f1f0f0; 
}

H5.MyTableHeaderClass {
  background: #3d3f41; 
  text-align:center;
  padding:0 0 0 10px; 
  color:#FFF; 
  font-family: Arial, verdana; 
  line-height: 30px; 
  font-size:14px; 
  font-weight:bold;
}

.Odd P , .Even p {
  font-family:Arial, verdana; 
  text-align:center; 
  padding:0 0 0 10px;
}


/*---------------------pagination-----------------------------*/