a {

color:#2765A5;

}

#wrapper {

width:900px;
margin:0px auto;

}

#logotype {

float:left;
width:348px;
background-image:url(bandingan/images/logotype.gif);
height:111px;

}

#navigation {

float:right;

}

	#navigation ul {
	
	list-style:none;
	margin:0;
	padding:0;
	
	}
	
	#navigation li {
	
	float:left;
	margin:0;
	padding:0;
	
	}
	
	#navigation li a {
	
	display:block;
	height:111px;
	text-indent:-10000px;
	outline:none;
		
	}
	
		#navigation #email {
		
		width:60px;
		background-image:url(bandingan/images/navigation/email.gif);
		
		}
		
		#navigation #email a:hover {
		
		background:url(bandingan/images/navigation/email_rollover.gif) top no-repeat;
		
		}
		
		#navigation #domains {
		
		width:60px;
		background-image:url(bandingan/images/navigation/domains.gif);
		
		}
		
		#navigation #domains a:hover {
		
		background:url(bandingan/images/navigation/domains_rollover.gif) top no-repeat;
		
		}
		
		#navigation #hosting {
		
		width:60px;
		background-image:url(bandingan/images/navigation/hosting.gif);
		
		}
		
		#navigation #hosting a:hover {
		
		background:url(bandingan/images/navigation/hosting_rollover.gif) top no-repeat;
		
		}
		
		#navigation #backup {
		
		width:60px;
		background-image:url(bandingan/images/navigation/backup.gif);
		
		}
		
		#navigation #backup a:hover {
		
		background:url(bandingan/images/navigation/backup_rollover.gif) top no-repeat;
		
		}
		
		#navigation #vps {
		
		width:60px;
		background-image:url(bandingan/images/navigation/vps.gif);
		
		}
		
		#navigation #vps a:hover {
		
		background:url(bandingan/images/navigation/vps_rollover.gif) top no-repeat;
		
		}
		
		#navigation #servers {
		
		width:60px;
		background-image:url(bandingan/images/navigation/servers.gif);
		
		}
		
		#navigation #servers a:hover {
		
		background:url(bandingan/images/navigation/servers_rollover.gif) top no-repeat;
		
		}
		
#subnav {

margin:0 auto;
width:655px;
clear:both;

}

	#subnav ul {
	
	list-style:none;
	margin:0;
	padding:0;
	
	}
	
	#subnav li {
	
	float:left;
	margin:0;
	padding:0;
	
	}
	
	#subnav li a {
	
	display:block;
	height:57px;
	text-indent:-10000px;
	outline:none;
		
	}
	
		#subnav #webhosting {
		
		width:145px;
		background-image:url(bandingan/images/subnav/webhosting.gif);
		
		}
		
		#subnav #webhosting a:hover {
		
		background:url(bandingan/images/subnav/webhosting_rollover.gif) top no-repeat;
		
		}
		
		#subnav #businessemail {
		
		width:170px;
		background-image:url(bandingan/images/subnav/businessemail.gif);
		
		}
		
		#subnav #businessemail a:hover {
		
		background:url(bandingan/images/subnav/businessemail_rollover.gif) top no-repeat;
		
		}
		
		#subnav #remotebackup {
		
		width:177px;
		background-image:url(bandingan/images/subnav/remotebackup.gif);
		
		}
		
		#subnav #remotebackup a:hover {
		
		background:url(bandingan/images/subnav/remotebackup_rollover.gif) top no-repeat;
		
		}
		
		#subnav #dedicatedservers {
		
		width:163px;
		background-image:url(bandingan/images/subnav/dedicatedservers.gif);
		
		}
		
		#subnav #dedicatedservers a:hover {
		
		background:url(bandingan/images/subnav/dedicatedservers_rollover.gif) top no-repeat;
		
		}
		
.featuresbanner {

width:655px;
height:199px;
clear:both;
margin:0 auto;

}

	.features_left {
	
	float:left;
	width:441px;
	height:199px;
	
	}
	
	.features_right {
	
	width:214px;
	height:199px;
	float:left;
	color:#FFFFFF;
	background-image:url(bandingan/images/features_right.gif);
	
	}
	
	.featuresbanner ul {
	
	list-style:none;
	margin:0;
	margin-left:20px;
	padding:0;
	
	}
	
	.featuresbanner li {
	
	float:left;
	margin:0;
	padding:0;
	border-bottom:#003366 1px dotted;
	margin-top:10px;
	padding:5px;
	width:80%;
	
	}
	
#userbar {

background-image:url(bandingan/images/middlebar.gif);
width:655px;
height:103px;

margin:0 auto;

margin-top:10px;

text-align:left;

}

#registerdomain {
	
float:left;
width:300px;
padding:10px;
height:70px;
margin-top:20px;
	
}
	
	#registerdomain input.domain {
	
	border:0;
	margin:0;
	padding:0;
	
	background-image:url(bandingan/images/input.gif);
	width:201px;
	height:14px; /* diff for ie */
	padding:5px;
	
	font-size:11px;
	color:#FFFFFF;
		
	}
	
	select.tld {
	
	height:18px;
	font-size:10px;
	
	}
	
#login {
	
float:right;
width:290px; /* 300 for ie */
padding:10px;
height:70px;
margin-top:20px;
	
}

	#login input.details {
	
	border:0;
	margin:0;
	padding:0;
	
	background-image:url(bandingan/images/input.gif);
	width:201px;
	height:14px; /* diff for ie */
	padding:5px;
	
	font-size:11px;
	color:#FFFFFF;
		
	}
	
#bottom {

width:655px;
text-align:left;
margin:0 auto;
margin-top:10px;

}

#latestannouncement {

background-image:url(bandingan/images/latestannouncements.gif);
background-repeat:no-repeat;
background-color:#1C4E7B;
float:left;
width:316px;
color:#FFFFFF;

}

.date {

text-align:right;
font-size:10px;
font-weight:bold;
padding:10px;
margin-top:25px;

}

.announcement {

text-align:justify;
font-size:12px;
padding:15px;
color:#88B0D4;

}

#paymentgateway {

float:right;
width:321px;
height:217px;

}

#space {

margin-bottom:50px;
clear:both;

}

#footer {

height:43px;
width:100%;
background-image:url(bandingan/images/copyrightbg.gif);

text-align:center;
color:#383838;

position:fixed;
left:0;
bottom:0;

}

.footertext {

margin-top:15px;

}

/* Subpage 01 */

#breadcrumb {

margin:0 auto;
width:655px;
clear:both;

height:45px;

text-align:left;
font-size:12px;
color:#FFFFFF;

padding-top:12px;

}

#breadcrumb a {

text-decoration:none;
color:#FFFFFF;

}

#plansbox {

width:655px;
background-image:url(bandingan/images/subpage01/background.gif);
margin:0 auto;

}

	#plansbox .left {
	
	float:left;
	width:177px;
	background-image:url(bandingan/images/subpage01/collumn_left_top.gif);
	background-repeat:no-repeat;
	background-color:#18446E;
	
	color:#FFFFFF;
	
	text-align:left;
	
	}
	
	#plansbox .left ul {
	
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	color:#FFFFFF;
	
	padding:15px;
	
	}
	
	#plansbox .left a {
	
		color:#FFFFFF;
		text-decoration:none;
	
	}
	
	#plansbox .left li {
	
	margin:0;
	padding:0;
	
	border-bottom:#FFFFFF 1px dotted;
	
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
	
	}
	
	#plansbox .right {
	
	text-align:left;
	float:left;
	width:478px;
	color:3E3E3E;
	
	}
		
	#rightheader_hosting {
	height:85px;
	background-image:url(bandingan/images/subpage01/head_right_webhosting.gif);
	background-position:right;
	background-repeat:no-repeat;
	
	}
	
	#rightheader_win_hosting {
	
	height:85px;
	background-image:url(bandingan/images/subpage01/head_right_webhosting_win.gif);
	background-position:right;
	background-repeat:no-repeat;
	
	}
	
	#plansbox .right .information {
	
	padding:25px;
	padding-top:10px;
	
	}
	
	#planinfo {
	
	width:422px;
	height:231px;
	background-image:url(images/detailsbox.gif);
	margin-top:20px;
	
	
	}
#content #main_content .welcome .welcome_text .right {
	background-color: #E7E7E7;
}

	
	#planinfo .title {
	padding-top:10px;
	padding-left:10px;
	font-size:11px;
	font-weight:bold;
	color:#7B7B7B;
	top: auto;
	
	}
	
	#planinfo .features {
	
	padding:15px;
	
	}
	
	#planinfo .features .payment {
	
	text-align:right;
	font-size:14px;
	
	padding:5px;
	color:#333333;
	
	}
	
	.price {
	
	padding-right:15px;
	height:26px;
	
	}
	
	#planinfo .features .list {
	
	width:50%;
	float:left;
	
	}
	
	#planinfo .features .list ul {
	
	list-style-image:url(bandingan/images/bullet.gif);
	margin:0;
	padding:0;
	font-size:11px;
	color:#757575;
	
	padding:17px;
	padding-top:5px;
	
	}
	
	#planinfo .features .list li {
	
	margin:0;
	padding:0;
	
	border-bottom:#A9A9A9 1px dotted;
	
	margin-top:15px;
	padding-bottom:5px;
	
	}
	
	#plansbox .bottom {
	
	background-image:url(bandingan/images/subpage01/bottom.gif);
	width:655px;
	height:13px;
	
	}