/* CSS Document by Munawar, www.teramatics.com */

*{
	margin:0;
	padding:0;
}
body{
	background: #000 url(images/bg_body.jpg) no-repeat center top;
	font:12px/20px Verdana,Tahoma,Helvetica,sans-serif;
	color:#222;
}
#home-bg{
	/*background:url(images/home-bg.gif) repeat-x top; */
	z-index:-9999;
}

/* Layout Styles Starts */

#wrapper{
	width:960px;
	margin:0 auto;
}
#header-top{
	height:86px;
	background:#111;
	overflow:hidden;
	border-left:3px solid #454545;
	border-right:3px solid #454545;
	border-bottom:3px solid #454545;	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-outline-radius-bottomleft:6px;
	-moz-outline-radius-bottomright:6px;
}
#logo{
	float:left;
    margin-left:10px;
	width:320px;
}
#domsearch {
  float:right;
  margin-top:-20px;  
  margin-right:25px;
  color:#fff;
}  
#menu{
	float:right;
	padding:10px 0 0 0;
	width:620px
}
#menu li{
	list-style:none;
	margin:0 5px 0 5px;
}
#menu li, #menu li a, #menu li a, #menu li a.current, #menu li a.current {
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	padding:1px 5px;
	color:#fff;
}
#menu li a {
  color:#454545;
  border:1px solid #111;
}  
#menu li a.current, #menu li a:hover, #menu li a.active{
	color:#fff;
	border:1px solid #fff;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;	
}

#header{
	height:220px;
	overflow:hidden;
	padding:30px 18px 0 0;
	color:#fff;
}
#domain-search{
	width:395px;
	height:35px;
	margin:222px 0 0 0;
	padding:12px 0 0 0;
	color:#818181;
	font-size:11px;
	float:right;
}
.search-input{
	background:#bcbcbc;
	border:2px solid #eaeaea;
	margin:0 4px;
	padding:1px;
}
#domain-search select{
	width:55px;
}
.search-btn{
	width:47px;
	height:20px;
	background:url(images/go-btn.gif) no-repeat;
	border:0;
	outline:0;
	margin:0 0 0 5px;
	cursor:pointer;
}
#submenu span.user {
float: right;
}
#container{
	margin:10px 0;
	background:#EBF0F2;
    margin:20px auto;
    padding:15px;
	border:2px solid #454545;
	-moz-border-radius: 6px;
    -moz-outline-radius: 6px;
    -webkit-border-radius: 6px;	
}
#content_bg {
background-image:url(images/bg_bottom.gif);
background-position:center bottom;
background-repeat:no-repeat;
margin:0 auto;
padding:0 0 15px;
width:960px;
}
#content-text {
background-image:url(../images/c_repeat.gif);
background-repeat:repeat-y;
margin:0 auto;
padding:0 20px;
width:920px;
}
#sidearea{
	width:200px;
	float:right;
}
.block-block-1{
	background:url(images/sblock1-bg.gif) repeat-y;
	margin:0 0 20px 0;
	width:200px;
}
#sidearea .block h2{
	height:34px;
	line-height:34px;
	text-indent:20px;
	font-weight:bold;
	font-size:13px;
}
#sidearea .block1 {
	background:url(images/sblock1-bottom.gif) no-repeat bottom;
	padding:16px;
	color:#7f7f7f;
}
#homearea {
	float:left;
	width:100%;
}
#mainarea{
	width:705px;
	float:left;
}
#mainarea h2{
	margin:0 0 25px 0;
}
#mainarea h2 span{
	color:#649305;
	font-weight:bold;
}
 
#footer-outer{
	background: transparent;
}
ul.links {
margin:0;
padding:0;
}
.context {
	width:960px;
	margin:0 auto;
	padding:0 10px;
	font-size:10px;
	text-align:center;
	line-height:12px;
	color:#aaa;
}
#footer{
	width:960px;
	margin:0 auto;
	line-height:12px;
	overflow:hidden;
	padding:15px;
	color:#d9d9d9;
	font-size:10px;
	text-align:center;
}
#footer a{
	color:#d9d9d9;
	text-decoration:none;
	margin:0 6px;
}
#footer a:hover{
	color:#d9d9d9;
	text-decoration:underline;
}
#footer h5 {
 margin:10px 0 2px 0;
} 
/* Layout Styles Ends */

#footer ul.links {
display:inline;
}
#footer ul.links li{
 border-left:1px solid #fff;
 padding-left:10px;
 line-height:15px;
} 
#footer ul.links li.first{
 border-left:none;
}
/* Links Styles Starts */

#container p.hr{
border:solid #d3d3d3;
border-width:1px 0 0 0;
margin:0;
outline:none;
}

/* Links Styles Ends */

/* Form Styles */

#mainarea form{
padding:0 5px;
}
#mainarea form p{
margin:0 0 5px 0;
}
#mainarea form p.floatleft{
margin-right:15px;
}
.input{
border:1px solid #a5a5a5;
background:none;
cursor:text;
margin:5px 0;
padding:2px;
width:200px;
}
textarea.input{
width:415px;
height:100px;
}
.input:focus, .textarea:focus{
border:1px solid #000;
}
.signin-btn, .button1{
background:#9B0225;
margin:8px 0;
padding:5px 10px;
color:#fff;
font-weight:bold;
border:none;
outline:none;
cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p{
margin:0 0 15px 0;
}
#container form p{
margin:0 0 5px 0;
}
#container p img.floatleft{
margin:10px 10px 0 0;
}
#container p img.floatright{
margin:10px 0 0 10px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
margin:10px;
}
#container ul, #container ol{
margin:0 0 0 20px;
}
#container ol{
margin:0 0 0 30px;
}
#container dt{
font-weight:bold;
margin:5px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a {
color:#222;
text-decoration:none;
font-weight:bold;
}
a:hover {text-decoration:underline;color:#9B0225;}
h1{font-size:32px;line-height:32px;}
h2{font-size:24px;line-height:24px;}
h3{font-size:18px;line-height:18px;}
h4{font-size:16px;line-height:16px;}
h5, h6{font-size:14px;line-height:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;font-family:"Trebuchet MS";font-weight:normal;}
img{border:none;}
.clear{clear:both;}
p.floatleft{float:left;}
p.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}

/* Genric Styles Ends */


/* Table Styles */

table.tablecr{
	font-family:Arial,Helvetica,sans-serif;
	color:#646464;
	font-size:12px;
	width:100%;
}
table.tablecr td{
	height:25px;
}
table.tablecr th{
	height:25px;
	font-size:13px;
	color:#ffffff;
}
.tbwidth{
	width:15%;
	text-align:center;
}
table.tablecr tr.features{
	background: #565656 ; 
	color:#fff;
}
.style77 {width: 15%; font-weight: bold; text-align:center;}
.critem{
	background-color: #F3F8FE;
}
table {
	border-collapse:separate;
}
/* --- Banner navigation --- */
ul.navigation {
    list-style: none;
    margin-right: 30px;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
	width:20px;
	float:right;
}
ul.navigation a {
	text-decoration: none;
	padding:6px;
	width:20px;
	height:20px;
}
ul.navigation li a{
	background:url(images/dotred.png) no-repeat;
	overflow:hidden;
}
ul.navigation li a.selected {
	background:url(images/dotorg.png) no-repeat;
	overflow:hidden;
}

ul.navigation a:focus {
    outline: none;
}
#banner {
	height:220px;
	margin:20px 0;
	padding:20px;
	background:url(images/transparent.png);
	border:2px solid #454545;
	-moz-border-radius: 6px;
    -moz-outline-radius: 6px;
    -webkit-border-radius: 6px;		
}
#slider .scroll {
  height: 210px;
  overflow: hidden;
  width:920px;
}

#slider {
	width:920px;
	margin:0;
	position:relative;
	color:#111;
}
img.image-right-slider {
float:right;
border:none;
padding-right:150px;
}
img.image-left-slider {
float:left;
border:none;
padding:0 50px;
}
#slider  h1{
   color:#7B011D;
   font-weight:700;
   text-shadow: 1px 1px #f2f2f2; 
}
.scrollContainer div.panel {
	padding:5px;
	height:210px;
	font-size:16px;
	width:940px; /*overflow:auto;*/ 
	border:0px solid#eee;
} 

.scroll {
	height:210px;
	width:920px;
	position:relative;
	clear:left;
	background:transparent;
}
.scrollContainer div.panel {
	padding:10px 50px;
	_padding-top:0;
	.padding-top:0;
	height:210px;
	width:940px; 
	color:#111; /*overflow:auto;*/ 
	border:0px solid#eee;
} 

input.form-submit,
input.teaser-button { 
  background: transparent url('images/green-button.png') no-repeat left center;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 4px;
  padding: 4px 8px;
  text-transform: uppercase;
  outline: 1px solid #6f0019;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

input.form-submit:hover,
input.teaser-button:hover  {
  background-position: right center;
  cursor: pointer;
  color:#6f0019;
}  
input.form-text {
	line-height:18px;
	color:#222;
	-moz-border-radius: 4px;
	-moz-outline-radius: 4px;
	-webkit-border-radius: 4px;
}
.judul {
	 font-weight:700;
	 background:#ccc;
	 border-top:1px solid #eee;
	 border-bottom:1px solid #eee;
	 text-align:center;
}
.whm1 {
	 text-decoration:center;
	 text-align:center;
} 
#frame {
  margin:0;
  padding-top:10px;
}
#blue_box {
	background:url(images/basic.jpg) 50% 0 no-repeat;
	height:370px;
	width:306px;
	float:left;
	overflow: auto; 
}
#brown_box {
	background:url(images/professional.jpg) 50% 0 no-repeat;
	height:370px;
	width:310px;
	float:left;
	overflow: auto; 
}
#green_box {
	background:url(images/unlimited.jpg) 50% 0 no-repeat;
	height:370px;
	width:306px;
	float:left;
	overflow: auto; 
}
#blue_box .text, #brown_box .text, #green_box .text {
	padding:80px 10px 20px;
	font-family:Verdana,tahoma,arial;
	font-size:18px;
	color:#ffffea;
}
#blue_box .text a, #brown_box .text a, #green_box .text a{
 color:yellow;
 text-decoration:underline;
 font-weight:normal;
}
#blue_box .text a:hover, #brown_box .text a:hover, #green_box .text a:hover{
	 color:#fff;
	 text-decoration:none;
}
#blue_box .text ul, #brown_box .text ul, #green_box .text ul {
	margin-left:30px;
}
#order {
	margin-bottom:10px;
	margin-left:100px;
	position:absolute;
	top:670px;
}
#order {
	.margin-left:20px;
}
#botreg {
  margin:0;
  display:block;
}  
#botreg h2 {
  font-weight:700;
}  
#left_box {
	width:320px;
	float:left;
	overflow: auto; 
}
#right_box {
	width:560px;
	float:left;
	overflow: auto;
	margin-left:40px;
}
#domsearch input.form-submit {
	  background: transparent url('images/green-button.png') no-repeat left center;
	  border: 1px solid #fff;
	  color: #fff;
	  cursor: pointer;
	  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 13px;
	  font-weight: bold;
	  margin: 0 4px;
	  padding: 1px 4px;
	  text-transform: uppercase;
	  outline: 1px solid #6f0019;
	  -moz-border-radius: 4px;
	  -moz-outline-radius: 4px;
	  -webkit-border-radius: 4px;
}  
#domsearch input.form-submit:hover {
	background-position: right center;
	cursor: pointer;
	color:#DCFF80;
}  
input.form-search {
	line-height:20px;
	padding:3px 2px 2px 2px;
	color:#222;
	-moz-border-radius: 4px;
	-moz-outline-radius: 4px;
	-webkit-border-radius: 4px;
}
select.extention {
	font-size:16px;
}
table.clientareatable {
width:100%;
}
.domaincheckeravailable {
color:green;
}
.domaincheckerunavailable {
color:red;
}