/*
Theme Name: Yotta Web Net Hosting
Theme URI: http://www.yottawebnet.com/
Description: Second Theme Development
Version: 2.0
Author: Pensil Warna Design
Author URI: http://www.pensilwarnadesign.com/
Tags: simplicity, confident, clean, ecofriendly and fun

*/

/* This is Color Pallete 
Black and White
#212121 = Dark Black Blue Background
#333333 = Default Body Text
#666666 = Metal Steel Gray
#cccccc = Silver Color

Red
#ff0000 = Fiery Fire Red Text
#cc0000 = Red Brick Text

*/

/* Setting basic for painting HTML */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #212121;
	color: #333333;
	text-align: center;
	}

#wrapper-page {
	margin: 0px auto;
	width: 888px;
	}

#page {
	background-color: #d6d6d6;
	margin: 0px auto;
	padding: 0;
	width: 888px;
	height: 100%;
	border: 0px solid #959596;
	text-align: left;
	}

#round-top {
	height: 15px;
	width: 888px;
	background-image: url(assets/bg_top_nav.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
/* Header Element */
#top-nav-wrap {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 6px;
	width: 888px;
	height: 25px;
	list-style:none;
	color: #ffffff;
	}

#top-navigation ul {
	float: right;
	margin-right: 20px;
	}

#top-navigation li {
	display: inline;
	}

#top-navigation a {
	padding: 5px 15px 0px 14px;
	text-decoration: none;
	font-weight: bold;
	display:inline-block;
	}

.home a {
	height: 25px;
	color: #000000;
	background-image: url(assets/button_home.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	}

.home a:hover {
	height: 25px;
	color: #ff0000;
	background-image: url(assets/button_home.png);
	background-repeat: no-repeat;
	background-position: left -25px;
	display: block;
	}
	
.order a {
	height: 25px;
	color: #000000;
	margin-right: 3px;
	background-image: url(assets/button_order.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	}

.order a:hover {
	height: 25px;
	color: #ff0000;
	margin-right: 3px;
	background-image: url(assets/button_order.png);
	background-repeat: no-repeat;
	background-position: left -25px;
	display: block;
	}
	
.domain a {
	height: 25px;
	color: #000000;
	background-image: url(assets/button_domain.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	}

.domain a:hover {
	height: 25px;
	color: #ff0000;
	background-image: url(assets/button_domain.png);
	background-repeat: no-repeat;
	background-position: left -25px;
	display: block;
	}
	
#header {
	background-image: url(assets/logo_web_hosting.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0 0 0 0px;
	padding: 0;
	height: 191px;
	width: 888px;
	}
	
#headerimg {
	margin: 0;
	height: 215px;
	width: 100%;
	}

#headerimg 	{
	margin: 0px 9px 0;
	height: 191px;
	width: 888px;
	}
	
#headerimg 	h1 {
	display:none;
	}

#headerimg 	h2 {
	display:none;
	}
	
/* Banner Element */
#banner {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	width:888px;
	height: 282px;
	font-size:0.75em;
	}

#post-banner {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	width:888px;
	height: 75px;
	font-size:0.75em;
	}
	
.category {
	width:221px;
	height: 282px;
	float:left;
	border-top:9px solid #212121;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:#fff;
	line-height: 16px;
}

.p-category {
	width:221px;
	height: 120px;
	float:left;
	border-top:9px solid #333333;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:#fff;
}

.boxlink a {
	width: 240px;
	height: 85px;
	margin-top: -100px;
	padding: 0;
	float: left;
	display: block;
	text-indent: -9999px;

}

#hosting-01 {
	background-image: url(assets/bg_blog_h.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#hosting-02 {
	background-image: url(assets/bg_mini_h.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	}

#hosting-03 {
	background-image: url(assets/bg_pro_h.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	}

#hosting-04 {
	width: 222px;
	background-image: url(assets/bg_toko_h.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

.cat-detail {
	padding: 77px 10px 0px 0px;
	width: 222px;
	}

.cat-detail h2 {
	text-indent: -9999px;
	}

.cat-detail ul {
	padding-left: 15px;
	list-style: none;
	color: #ffffff;
	font-size: 12px;
	}

.pcat-detail {
	padding: 30px 0px 0px 5px;
	width: 221px;
	}

.pcat-detail ul {
	padding-left: 15px;
	list-style: none;
	color: #ffffff;
	font-size: 12px;
	}
	
#p-hosting-01 {
	background-image: url(assets/bg_blog_s.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#p-hosting-02 {
	background-image: url(assets/bg_mini_s.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	}
	
#p-hosting-03 {
	background-image: url(assets/bg_pro_s.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	}

#p-hosting-04 {
	background-image: url(assets/bg_toko_s.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	}

.category .pesanskr a {
	float: left;
	width: 80px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	line-height: 250%;
	text-align: center;
	margin-top: 2px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	}

.category .lihat a {
	float: left;
	width: 112px;
	text-decoration: none;
	color: #CCCCCC;
	line-height: 250%;
	height: 30px;
	text-align: center;
	margin-top: 2px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

.p-category .pesanskr a {
	float: left;
	width: 80px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	line-height: 250%;
	text-align: center;
	margin-top: -3px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	}

.p-category .lihat a {
	float: left;
	width: 112px;
	text-decoration: none;
	color: #CCCCCC;
	line-height: 250%;
	height: 30px;
	text-align: center;
	margin-top: -3px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* For presentation of the page */	
#front-page {
	background-color:#ffffff;
	padding: 0;
	}
	
#content-left {
	width: 638px;
	min-height: 500px;
	float: left;
    background-color:#ffffff;
	}

#content-right {
	width: 250px;
	height: 100%;
	margin: 0;
	padding:0;
	float: left;
	background-color:#d6d6d6;
	background-image: url(assets/bg_sidebar_right.png);
	background-repeat: repeat-x;
	background-position: left top;
	}

#f-content {
	width: 840px;
	margin-top: 0px;
	padding: 10px 24px 10px 24px;
	text-align: justify;
	background-color: #ffffff;
	font-size:1.2em;
	float:left;
	line-height:1.5em;
	}

#f-content h3{
	margin-top: 0px;
	padding-top: 0px;
	}
	
#single-page {
	width: 93%;
	margin-top: 30px;
	padding: 0px 20px 0 20px;
	text-align: justify;
	float: left;
	}

#single-page h2{
	font-size: 16px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	}

.entry {
	font-size: 12px;
	line-height: 19px;
	font-family: Arial, Tahoma, sans-serif;
	word-spacing: 0px;
	letter-spacing: 1px;
	}

#single-page .entry a {color:#00656d;}
#single-page .entry a:hover {color:#00aebc;}

#respond {
	width: 400px;
	}

#comment {
	width: 590px;
	}

.commentlist li {
	border: dotted 1px #bbbbbb;
	background-color: #efefef;
	margin-top: 15px;
	padding: 7px;
	}

#single-page .page-navigation {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	width: 560px;
	background-color: #CCCCCC;
	color: #ffffff;
	padding: 4px 15px 4px 15px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bolder;
	}

.page-navigation-promo {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	width: 560px;
	background-color: #CCCCCC;
	color: #ffffff;
	padding: 11px 15px 4px 15px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bolder;
	}

#single-page .page-navigation a {
	text-decoration: none;
	color:#ffffff;
	}

.page-navigation-promo a {
	text-decoration: none;
	color:#ffffff;
	}

#single-page .page-navigation a:hover { color: #666666}

.page-navigation-promo a:hover { color: #666666}

/* For presentation of sidebar */	
#sidebar {
	float: left;
	}

#norm-sidebar h3 {
	color: #3f5657;
	font-size: 20px;
	padding-top: 0px;
	padding-right: 0pt;
	padding-bottom: 0px;
	padding-left: 17px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	}

#norm-sidebar ul {
	list-style-type: none;
	margin: 0;
	padding-left: 25px;
	padding-bottom: -10px;
	}

#norm-sidebar li a {
	padding-left: 30px;
	margin-bottom: 10px;
	margin-left: 0;
	width: 176px;
	display: block;
	height: 26px;
	font-size: 12px;
	text-decoration: none;
	line-height: 220%;
	color: #4c3f2c;
	background-image: url(assets/btn_right_list.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

#norm-sidebar li a:hover {
	background-image: url(assets/btn_right_list.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -28px;
	}

#blog-sidebar h3 {
	width: 210px;
	color: #aacc41;
	background-color: #333333;
	font-size: 16px;
	padding: 10px 0px 10px 10px;
	margin-top: 45px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: -3px;
	text-align: left;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom: solid 5px #000000;
	}

#blog-sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0 0 25px;
	}

#blog-sidebar li a {
	margin-bottom: 0px;
	margin-left: -10px;
	margin-top: 0px;
	padding: 9px 5px 9px 10px;
	width: 205px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #87d8dc;
	display: block;
	background-color: #444444;
	border-bottom: dotted 1px #dddddd;
	}

#blog-sidebar li a:hover {color: #dddddd; background-color: #333333;}

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

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: dotted 1px #333333;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: dotted 1px #333333;
	}

img.alignleft {
	padding: 7px;
	margin: 0 7px 2px 0;
	display: inline;
	border: dotted 1px #333333;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Promo Boxes Front */
#f-promoboxes {
	height: 100px;
	width: 864px;
	background-color: #ffffff;
	padding: 20px 0 0 24px;
	margin: 0 0 0px 0;
	text-decoration: none;
	float: left;
	}

#f-promoboxes ul {
	margin: 0;
	padding: 0;
	}
	
.promoboxes li {
	width: 270px;
	height: 100px;
	padding: 0 15px 0 0px;
	background-image: url(assets/bg_promo_box.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;
	list-style-type: none;
	float: left;
	}

.promoboxes li a {
	display: block;
	color: #666666;
	width: 270px;
	font-weight: bold;
	height: 100px;
	padding: 0 10px 0 10px;
	text-decoration: none;
	}
.promoboxes li img {
	float: left;
	border: none;
	}
	
#f-promoboxes .heading {
	font-size: 18px;
	margin-top: 9px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0pt;
	font-weight: bold;
	color: #CC0000;
	float: left;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	}

#f-promoboxes .text {
	float: left;
	width: 150px;
	margin-top: 2px;
	margin-bottom: 5px;
	color:#667375;
	}

#f-promoboxes strong {
	color:#ac2885;
	}
	
/* Domain Banner */
#promo-domain {
	height: 70px;
	margin-top: 0px;
	padding: 0 0px 0 20px;
	background-color: #598527;
	border-top:9px solid #304715;
	background-image: url(assets/domain_arrow_grad.png);
	background-repeat: repeat-y;
	background-position: left top;
	}

#promo-domain h2 {
	color: #ffffff;
	font-size: 30px;
	margin-top: 17px;
	letter-spacing: -1px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	}

#harga-domain {
	float: right;
	height: 70px;
	width: 450px;
	background-color: #304715;
	background-image: url(assets/domain_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
#harga-domain li {
	float: left;
	margin-top: -26px;
	padding-top: 0pt;
	padding-right: 15px;
	padding-bottom: 0pt;
	padding-left: 15px;
	letter-spacing: -1px;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	list-style-type: none;
	}            
	
#harga-domain p {
	line-height: 5px;
	}

#promo-domain #harga-domain strong {
	color: #FFFF00;
	font-weight: bold;
	font-size: 15px;
	}
	
.tdl {
	font-size: 24px;
	font-style: normal;
	font-family: "Courier New", Courier, monospace;
	letter-spacing: 3px;
	}

.d-price {
	margin-top: -7px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	}

.d-middle {
	border-right: 1px solid #eeefe9;
	border-left: 1px solid #dfe0da;
	}

.peryear {
	color: #dfe2cb;
	margin-top: 0px;
	font-size: 13px;
	}

#domain-bottom {
	height: 50px;
	width: 888px;
	background-image: url(assets/domain_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

#post-bottom {
	height: 60px;
	float: left;
	width: 888px;
	background-image: url(assets/post_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#featboxes {
	float: left;
	width: 638px;
	height: 82px;
	margin-top: -15px;
	margin-bottom: 20px;
	}

#featboxes ul {
	margin: 0;
	padding: 0;
	}

#featboxes li {
	width: 299px;
	margin: 0;
	padding: 0 0px 0 10px;
	display: inline;
	list-style-type: none;
	float: left;
	}

#featboxes a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration:none;	
	}
	
#featboxes li img {
	float: left;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0pt;
	margin-left: 3px;
	border: none;
	}
	
ul.featsubboxes li {
	width: 299px;
	height: 82px;
	background-image: url(assets/bg_feat_box.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

#featboxes h5 {
	font-size: 18px;
	margin-top: 8px;
	margin-right: 0pt;
	margin-bottom: -7px;
	margin-left: 0pt;
	font-weight: bold;
	color: #CC0000;
	float: left;
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
}

#featboxes p {
	font-size: 11px;
	float: left;
	width: 200px;
	color:#304715;
	}

/* Front Blogs Promotion */
#frontp-power {
	width: 860px;
	float: left;
	background-color:#fff;
	margin: 0;
	padding: 20px 24px 0 4px;
	}
	
#front-blogs {
	float: left;
	width: 270px;
	margin-right: 20px;
	margin-left: 20px;
	}
	
.fblog-inside {
	padding-top: 15px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #008f91;
	border-bottom-color: #008f91;
	border-left-color: #008f91;
	}

#fblog-heading {
	width: 270px;
	height: 35px;
	margin-bottom: -20px;
	margin-top: -10px;
	background-image: url(assets/bg_headings.png);
	background-repeat: repeat-x;
	background-position: center top;
	}
	
#fblog-heading h3 a {
	letter-spacing: -1px;
	color: #ffffff;
	font-size: 18px;
	float: left;
	margin-top: 5px;
	margin-left: -50px;
	text-decoration: none;
	}

#fblog-heading h3 a:hover {
	color: #b7f9f9;
	}

#fblog-heading .rss {
	float: right;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 0pt;
	margin-left: 0pt;
	border: none;
	}

.kiri {
	float: left;
	}

.kanan {
	float: right;
	}

#front-blogs ul {
	list-style-type: none;
	padding: 0;
	margin-left: 15px;
	width: 90%
	}

#front-blogs li {
	width: 98%;
	}
	
#front-blogs h4 {
	font-size: 15px;
	color: #008f91;
	font-family: Arial,Helvetica,sans-serif;
	margin-bottom: 4px;
	}

#front-blogs a {
	padding-left: 55px;
	color: #79921d;
	font-weight: bold;
	}

#front-blogs p {
	font-size: 11px;
	overflow:hidden;
	}

#front-blogs p.date {
	float: left;
	margin-top: 0pt;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-left: 0pt;
	width: 40px;
	height: 54px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	background-image: url(assets/bg_blog_date.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

#front-blogs .day {
	font-size: 22px;
	line-height: 170%;
	}

#front-blogs .month {
	margin-top: 2px;
	font-size: 11px;
	text-transform: uppercase;
	}

/* Front Reason To Choose */
#front-feature {
	float: right;
	width: 550px;
	margin: 0;
	padding: 0;
	}

#fpreasons-heading h3 {
	letter-spacing: -1px;
	color: #ffffff;
	font-size: 18px;
	float: left;
	margin-top: 7px;
	margin-left: 3px;
	}

#fpreasons-heading h3 a {
	letter-spacing: -1px;
	color: #ffffff;
	font-size: 18px;
	float: left;
	margin-top: 0px;
	margin-left: 3px;
	text-decoration: none;
	}

#fpreasons-heading h3 a:hover {
	color: #b7f9f9;
	}
	
#fpreasons-heading {
	width: 550px;
	height: 35px;
	margin-bottom: -20px;
	padding-bottom: 0px;
	background-image: url(assets/bg_headings.png);
	background-repeat: repeat-x;
	background-position: center top;
	}

#fpreasons {
	float: left;
	width: 546px;
	height: 350px;
	border-top-width: 1px;
	background-color: #ffffff;
	padding-top: 0px;
	margin-top: -12px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #008f91;
	border-bottom-color: #008f91;
	border-left-color: #008f91;
	}

.reasonborder {
	padding-top: 0pt;
	padding-right: 0px;
	padding-bottom: 0pt;
	padding-left: 0px;
	}

.reasonborder li p {
	margin-top: -10px;
	padding-right: 0px;
	padding-bottom: 0pt;
	padding-left: 0px;
	}
	
.reasonborder li h4 a {
	text-decoration: none;
	color: #008f91;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
#fpreasons ul {
	width: 250px;
	height: 300px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0pt;
	margin-left: 0pt;
	float: left;
	}

#fpreasons ul {
	list-style-type: none;
	padding: 0;
	margin-left: 15px;
	margin-top: 0px;
	}

#fpreasons li {
	height: 80px;
	margin: 0;
	padding: 0;
	}

#fpreasons li img {
	float: left;
	margin-top: 0pt;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 0pt;
	}

#fpreasons li h3 {
	font-size: 15px;
	color: #68563e;
	}

#fpreasons-finish {
	width: 510px;
	height: 39px;
	float: left;
	margin-top: -10px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 20px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #88d9dd;
	}

#fpreasons-finish h5 {
	float: left;
	margin: 10px 0 0 0;
	font-size: 15px;
	color: #008f91;
	font-family: Arial,Helvetica,sans-serif;
	}

#fpreasons-finish p a {
	width: 140px;
	height: 28px;
	text-align: center;
	color: #ffffff;
	background-image: url(assets/btn_signup.png);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 240%;
	float: right;
	margin-top: -5px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}

#fpreasons-finish p a:hover {
	background-image: url(assets/btn_signup.png);
	background-repeat: no-repeat;
	background-position: center -28px;
	}

/* For presentation of blogs */
#fblog-teaser {
	float: right;
	}
	
/* For presentation of footer */
#footer {
	padding: 0;
	margin: 0 auto;
	width: 873px;
	clear: both;
	background-color: #444444;
	padding-left: 15px;
	background-image: url(assets/bg_footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	}

#footer p {
	margin: 20px 0 0px 0;
	height: 15px;
	padding: 0;
	text-align: center;
	color: #bacf70;
	}

#footer-round {
	height: 15px;
	width: 888px;
	background-image: url(assets/bg_footer_round.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

#footer-inside {
	width: 888px;
	height: 150px;
	color: #ffffff;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	}

#footer-inside h4 {
	float: left;
	font-size: 16px;
	padding-bottom: 10px;
	margin: 0;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	}

.heading1 h4 {
	width: 180px;
	}
	
.heading2 h4 {
	width: 380px;
	}

#footer-inside li {
	display: inline-block;
	}
	
#footer-inside li a {
	text-align: left;
	color: #888888;
	font-weight: normal;
	margin-right: 0pt;
	float: left;
	text-decoration: none;
	font-size: 12px;
	}

#footer-inside li a:hover {
	color: #efefef;
	}

#footer-inside ul {
	padding: 0;
	margin: 0;
	float: left;
	line-height: 180%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	list-style: none;
	}

#footer-inside ul.hosting {
	width: 200px;
	height: 150px;
	padding-left: 30px;
	}

#footer-inside ul.yotta {
	width: 350px;
	height: 150px;
	}

#footer-inside img {
	padding-top: 7px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 33px;
	border: none;
	}

/* For presentation of table */
#tabel-hosting .pro a {
	background-image: url(assets/btn_tbl_order.png);
	background-repeat: repeat;
	background-position: 0pt 0pt;
	display: block;
	width: 100px;
	height: 22px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	}

#tabel-hosting .blog a {
	background-image: url(assets/btn_tbl_order.png);
	background-repeat: repeat;
	background-position: 200px 0pt;
	display: block;
	width: 100px;
	height: 22px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	padding-top: 3px;
	}

#tabel-hosting .minihost a {
	background-image: url(assets/btn_tbl_order.png);
	background-repeat: repeat;
	background-position: 100px 0pt;
	display: block;
	width: 100px;
	height: 22px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	padding-top: 3px;
	}
	
tr {
	padding: 0px;
	margin: 0px;
	}

th {
	width: 245px;
	border-top-width: 0pt;
	border-top-style: none;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	border-right: 1px solid #008f91; 
	border-bottom: 1px solid #008f91; 
	border-top: 0; 
	text-align: left;
	margin: 0px;
	}

th.feat {
	border-top-width: 0pt;
	border-top-style: none;
	vertical-align: middle;
	font-size: 12px;
	}

table.tbl_compare th.feat {
	text-align: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	}

td {
	background-color: #ffffff;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	border-right: 1px solid #008f91; 
	border-bottom: 1px solid #008f91; 
	text-align: center; 
	vertical-align: middle; 
	}

td.rowheading {
	background-color: #008f91;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	border-left: solid 1px #008f91;
	font-size: 14px;
	}

#tblheading {
	margin-top: 0px;
	width: 606px;
	height: 45px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background-image: url(assets/bg_tbl_heading.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	float:left;
	margin-left: -1px;
	}
	
#tblheading h2 {
	padding-left: 10px;
	}

table {
	float: left; 
	border-collapse: collapse; 
	line-height: 1.5em;
	margin-bottom: 30px;
	}

table p {padding:-4px;}

th.featalt {
	border-left: 1px solid #008f91;	
	border-top: 0;	
	background: #F0F0EE;
	padding-left: 5px;
	}
					
th.feat{
	border-left: 1px solid #008f91; 
	border-top: 0;	
	vertical-align: middle;	
	font-size: 12px;
	}	

td.alt {
	background: #F0F0EE; 
	color: #666;
	}
					
td.rowheading p.right {
	float: right; 
	font-size: 10px; 
	color: #ffffff; 
	width: 75px;
	}		

td.rowheading a {
	color: #ffffff;
	}

tr p {
	font-size: 11px;
	margin:5px;
	}

/* For presentation of List Fitur */
#list-fitur {
	width: 640px;
	height: 54px;
	margin-top: 80px;
	margin-left: -20px;
	padding-left: 40px;
	padding-top: 0.1pt;
	color: #ffffff;
	background-color:#008f91;
	}

#list-fitur h2 {
	font-size: 20px;
	}

#list-promo {
	width: 640px;
	height: 52px;
	margin-top: 80px;
	margin-left: -20px;
	padding-left: 40px;
	padding-top: 0.1pt;
	color: #FFFF66;
	background-color:#c85c1a;
	}

#list-promo h2 {
	font-size: 20px;
	}

#list-domain {
	width: 640px;
	height: 52px;
	margin-top: 80px;
	margin-left: -20px;
	padding-left: 40px;
	padding-top: 0.1pt;
	color: #ffffff;
	background-color:#598527;
	}

#list-domain h2 {
	font-size: 20px;
	}

#list-blog {
	width: 640px;
	height: 52px;
	margin-top: 15px;
	margin-left: -20px;
	padding-left: 40px;
	padding-top: 0.1pt;
	color: #aacc41;
	background-color:#333333;
	}

#list-blog h2 {
	font-size: 20px;
	}
	
/* Presentation of Archive List Based on Category */
#single-page .category-fitur1 h2, #single-page .category-fitur h2 {
	font-size: 30px;
	color: #ffffff;
	width: 640px;
	height: 50px;
	margin-top: 80px;
	margin-left: -20px;
	padding-left: 20px;
	background-color: #008f91;
	}

#single-page .category-fitur1 p, #single-page .category-fitur p {
	color: #00aebc;
	}

#single-page .category-hosting-promo h2 {
	font-size: 24px;
	width: 640px;
	height: 50px;
	margin-top: 80px;
	margin-left: -20px;
	padding-left: 20px;
	color: #ffffff;
	background-color: #c85c1a;
	}

#single-page .category-hosting h2 {
	font-size: 24px;
	width: 640px;
	height: 50px;
	margin-top: 80px;
	margin-left: -20px;
	padding-left: 20px;
	color: #ffffff;
	background-color: #1a6eaf;
	}

#single-page .category-yotta h2 {
	font-size: 24px;
	width: 640px;
	height: 40px;
	margin-top: 0px;
	margin-left: -20px;
	padding-left: 20px;
	padding-top:10px;
	color: #000000;
	background-color: #d6d6d6;
	}
	
#single-page .category-fitur h3 {
	color: #00aebc;
	font-size: 18px;
	}

#single-page .category-hosting-promo h3 {
	color: #e39717;
	font-size: 18px;
	}

#single-page .category-hosting h3 {
	color: #1a6eaf;
	font-size: 18px;
	}
	
#single-page .category-hosting-promo p {
	color: #e39717;
	}

#single-page .category-hosting p {
	color: #1a6eaf;
	}

#single-page .category-domain h2 {
	font-size: 30px;
	width: 640px;
	height: 50px;
	margin-top: 80px;
	margin-left: -20px;
	padding-left: 20px;
	color: #ffffff;
	background-color: #598527;
	}

#single-page .category-domain p {
	color: #304715;
	}

#single-page .category-domain h3 {
	color: #598527;
	font-size: 18px;
	}

#single-page .category-fitur ul li {color:#00aebc;}
#single-page .category-fitur ol li {color:#00aebc;}
#single-page .category-hosting ul li {color:#1a6eaf;}
#single-page .category-hosting ol li {color:#1a6eaf;}

/* Presentation of Archive Content Based Category */
#list-content-fitur {
	margin-bottom: 30px;
	}
#list-content-fitur h2 {
	margin-bottom: -10px;
	}
	
#list-content-fitur a {
	text-decoration: none;
	margin-left: 20px;	
	color: #008f91;
	}

#list-content-fitur a:hover {
	color: #3f5657;
	text-decoration: underline;
	}
	
#list-content-fitur p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	color: #00aebc;
	}
	
#list-content-promo {
	margin-bottom: 30px;
	}
#list-content-promo h2 {
	margin-bottom: -10px;
	}
	
#list-content-promo a {
	text-decoration: none;
	margin-left: 20px;	
	color: #c85c1a;
	}

#list-content-promo a:hover {
	color: #a13926;
	text-decoration: underline;
	}
	
#list-content-promo p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	color: #e39717;
	}

#list-content-domain {
	margin-bottom: 30px;
	}
#list-content-domain h2 {
	margin-bottom: -10px;
	}
	
#list-content-domain a {
	text-decoration: none;
	margin-left: 20px;	
	color: #598527;
	}

#list-content-domain a:hover {
	color: #42621e;
	text-decoration: underline;
	}
	
#list-content-domain p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	color: #304715;
	}

#list-content-blog {
	margin-bottom: 30px;
	}
#list-content-blog h2 {
	margin-bottom: -10px;
	}
	
#list-content-blog a {
	text-decoration: none;
	margin-left: 20px;	
	color: #666666;
	}

#list-content-blog a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
#list-content-blog p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	color: #888888;
	}
	
/* Presentation of Order Now */
#post-2, #post-222, #post-228, #post-231, #post-234, #post-249 {
	background-color:#d5e4e8;
	border: 3px solid #b5cad0;
	margin: -10px 0 20px 0;
	padding: 0 20px 0 20px;
	}

#post-2 h2, #post-222 h2, #post-228 h2, #post-231 h2, #post-234 h2, #post-249 h2 {
	height: 60px;
	width: 700px;
	margin: 25px 0 0 -43px;
	padding:0 0 25px 140px;
	font-size:70px;
	color:#fff;
	background-image: url(assets/bg_sidebar_right.png);
	background-repeat: repeat-x;
	background-position: 0 -40px;
	background-color:#d6d6d6;
	}

#post-2 h3, #post-222 h3, #post-228 h3, #post-231 h3, #post-234 h3, #post-249 h3 {
	font-weight:bold; 
	font-size:20px;
	padding-left:60px;
	}

#post-234 h3 {padding-left:80px;}
.form-box {
	border-bottom:2px dotted #b5cad0;
	margin-bottom:10px;
	line-height: 3em;
	padding-bottom:5px;
	}

.form-box img {margin-bottom:-6px;}
.form-p {margin-top:-29px;;padding-left: 30px}
#post-222 p strong, #post-228 p strong, #post-231 p strong {line-height:1em;}
#post-234 .center {text-align:center; line-height: 1em;} 

/* Facebook Link Now */
#single-page .facebook a {
	height: 28px;
	width: 100px;
	color: #ffffff;
	background-color: #3b5997;
	padding: 7px;
	margin-bottom: 20px;
	margin-top:20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	}

#single-page .facebook a:hover {background-color: #25385f;}

/* Sidebar Technology */
#tech-sidebar img {padding: 15px 0 0px 23px;}
#tech-sidebar p {text-align:center;font-weight:bold;}