/* CSS Document */
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:#ebebeb;}
html, input, textarea
	{	font-family:Tahoma;
		color:#232323;
		vertical-align:top;
		padding:0px;
		text-align:left;
	}	

 /*header*/
.logo{position:absulute;}
.txtlogo{margin:-100px 0 37px 100px; font-family:"Times New Roman", Times, serif; font-size:38px; font-weight:bold; color:#060; height:50px; float:none}

 /*content*/
.bg{ background:url(images/line.gif) no-repeat top #f5f5f5}
#content{ font-size:0.75em; }
#content .utama{width:auto; margin:7px 7px 7px 7px; height:540px; overflow:auto;}
#content .frvideo{width:auto; height:180px; margin:3px 3px 3px 3px; border:solid 1px #d3d3d3; padding:10px 10px 10px 10px; background:#f6f6f6;}
#content .frnews{width:auto; height:300px; margin:10px 3px 3px 3px; border:solid 1px #d3d3d3; padding:5px 10px 10px 10px; background:#f6f6f6;}
#content .frfoto{width:auto; height:auto; margin:10px 2px 3px 0; border:solid 1px #d3d3d3; padding:5px 10px 10px 10px; background:#f6f6f6;}
#content .frpol{width:auto; height:auto; margin:3px 2px 3px 0; border:solid 1px #d3d3d3; padding:5px 10px 10px 10px; background:#f6f6f6;}
#content .frclear{width:auto; height:150px;}
#content td, .content table{line-height:1.20em;}
#content .indent_main{ padding:4px 3px 3px 4px; height:550px}
#content p{ margin:7px 0px 7px 0px}
#content .title{ margin:0px 0px 10px 0px; display:block}
#content .title1{ margin:0px 0px 3px 0px; display:block}
#content .more{ margin:17px 0px 13px 0px;}
#content .more1{ margin:10px 10px 13px 0px; padding:0px; float:right}
#content .more2{ margin:0px; padding:0px; float:right}
#content .pic_left{ margin:5px 2px 0px 0px; float:left}
#content .pic_left1{ margin:0px 16px 10px 0px; float:left}
#content .pic_left2{ margin:0px 16px 0px 0px; float:left}
#content .pic{ margin:0px 0px 15px 0px; display:block}
.bann{ position:relative; margin:14px -20px -26px 3px}

#content .indent_top{ padding:5px 0px 0 0px}
#content .indent_1{ padding:7px 0px 0px 0px; margin:0px}
#content .indent{ padding:22px 5px 0px 27px; margin-bottom:1px }
#content .indent_tbl{width:100%}
#content .indent_tbl1{width:95%}

.txt{ color:#a0a0a0}
.txt a{ color:#232323; text-decoration:none}
.txt a:hover{text-decoration: underline}


 /*footer*/
#footer td, .content table{line-height:1.20em;}
#footer{ color:#fc7a00; font-size:0.6875em; font-weight:bold }
#footer p{ margin:13px 0 0px 0px; font-family:Arial; color:#888888; }
#footer .indent{ margin:10px 0 0px 28px}
#footer a{ color:#fc7a00; text-decoration:none}
#footer a:hover{color:#888888; text-decoration: underline}
#footer span a{ color:#888888; text-decoration:underline}
#footer span a:hover{color:#fc7a00; text-decoration:none }
#footer b a{ color:#888888; text-decoration:none; font-size:1.1em }
#footer b a:hover{color:#fc7a00; text-decoration: underline}

/* TABBED */
.dedi_desc {
margin-top:10px;
width:auto;
padding:5px 0 5px 0;}

.dedicated-servers {
margin-top:10px;
padding:0px}

.cpu {
margin-top:10px;
text-align:center;
padding:5px;
font-size:110%;
color:#3366ff;
font-weight:bold}

.dedi-features {
margin-top:5px;
padding:5px;}

.dedi-pack {
width:auto;
margin:5px}

.dedi-pack li.top {
font-weight:bold;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd}
.dedi-pack li.ttt_top {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd}

.dedi-pack li.ggg {
border-bottom:1px solid #eee;
border-left:0px;
float:left;
margin:0px; ;
padding:7px 5px 7px 5px ;
width:180px}

.dedi-pack li {
text-align:center;
color:#666;
border-bottom:1px solid #eee;
border-left:0px;
float:left;
margin:0px; ;
padding:7px 5px 7px 5px ;
width:90px}

.dedi-pack ul.features li {
font-weight:bold;
font-size:110%;
color:#000;
}

.dedi-pack li.price {
font-weight:bold;
color:#3366ff;
font-size:110%}

.dedi-pack li.ttt, li.ttt_top {
border-bottom:1px solid #eee;
text-align:left;
float:left;
margin:0px;
padding:7px 5px 7px 5px ;
width:auto}

.contenttabs {width:auto; padding:0px 0;margin-left:0;margin-top:1px;margin-bottom:0;list-style-type:none;text-align:left; height:auto;}

.dedi-tab-cont {
width:auto;
background:url(images/container-bg.gif) repeat-x top;
xborder-bottom:1px solid #efefef; 
border-bottom:5px solid #efefef;
border:1px solid #ccc;
clear:left;
margin-bottom:10px;
padding:8px 0}


.contenttabs li {display:inline;float:left;margin:0;}
.contenttabs li a {border:1px solid #ccc; border-bottom:0px; color:#666;display:block;font:normal 13px Arial, Helvetica, sans-serif;margin-right:3px;outline:none;padding:0 0 0 5px;position:relative;text-decoration:none;z-index:1;}
.contenttabs li a span {display:block;outline:none;padding:5px 10px 5px 5px;}
.contenttabs li a:visited{color:#666;}
.contenttabs li a:hover{text-decoration:none;color:#3366ff;}
.contenttabs li.selected a {background:#efefef; border-bottom:1px solid #efefef;outline:none;padding:0 0 0 5px;position:relative;top:1px;font-weight:bold}
.contenttabs li.selected a span {color:#333;outline:none;padding-bottom:4px}
.contenttabs li.selected a:hover {text-decoration: none;}
.tabcontent{display:none;}
@media print {
.tabcontent {
display:block !important;
}
}

.dedi_order a {
font-weight:bold;
color:#444;
text-decoration:none;
border:1px solid #444;
padding:1px 5px 1px 5px;;
font-size:95%;
background:#ff9800}

.dedi_order a:hover {
background:#444;
color:#ff9800;
}

.deditop {
font-weight:bold;
margin-top:10px;
	color: #000;
	border-bottom: 1px solid #efefef;
}

.dedifield {
color:#666;
margin-top:10px;
	border-top: 1px solid #ccc;
	padding: 10px;
}
.dedifield legend {
margin-left:10px;
background:url(images/container-bg.gif) repeat-x top;
	padding: 0.4em 1.9em;
	border: 1px solid #ccc;
	font:100%;
	font-weight: bold;
}
.dedi01 {
	margin: 3px 0 0px 0px;
	padding: 0 0 0 0px;
	list-style-type: square;
	/*list-style-image: url(images/dedicated/arrow.gif);*/
	line-height: 1.4em;
}
.dedi01 li {
background:url(images/dedicated/arrow.gif) left center no-repeat;
padding-left:10px;
	margin-bottom: 2px;
}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#main {
margin:0px;
padding:0px;
background:#fff}