/* CSS Document */



body {
	background-color:#F0F0F0;
	font-family: Verdana;
	font-size: 11px;
	margin-top: 10px;
}

img {
	border: 0;
}




.main_container {
	margin: auto;
	width:900px;
}

#sub_container {
	position:absolute;
}


/*-- background --*/

#bg {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(imgs/bg.gif);
	width: 900px;
	height: 655px;
}	


/*-- header --*/


#top_bg {
	position: relative;
	top: 0px;
	background-image: url(imgs/top00.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 900px;
}

#top_logo {
	position: absolute;
	top: 30px;
	left: 9px;
	height: 47px;
	width: 216px;
}		

#top_logo_globe {
	position: absolute;
	top: 33px;
	left: 123px;
	height: 23px;
	width: 23px;
}


#top_logo_netpia {
	position: absolute;
	top: 9px;
	left: 8px;
	height: 19px;
	width: 47px;
}

#signup {
	position: absolute;
	top:77px;
	left: 795px;
	height: 18px;
	width: 83px;
}

#main_nav_container {	
	position: absolute;
	top: 86px;
	background-image: url(imgs/main_nav_bg.gif); background-repeat:no-repeat;
	height: 44px;
	width: 900px;
}

.main_nav {	
	position: absolute;
	top: 0px;
	left: 30px;
	height: 44px;
	width: 870px;
}
	
/* hack to correct IE5.5 faulty box model */
* html .main_nav {width:900px; w\idth:899px;}

/* remove all the bullets, borders and padding from the default list styling */
.main_nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.main_nav li {
	float:left;
	position:relative;
	width:100px;
}

/* style the links for the top level */
.main_nav a {
	display:block;
	font-weight:bold;
	font-size:14px;
	line-height: 42px;
	text-decoration:none; 
	color:#fff; 
	height:44px; 
}

.main_nav a:hover {
	color:#ffcc00; 
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .main_nav a, * html .main_nav a:visited {width:100px; w\idth:99px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.main_nav ul ul {
	visibility:hidden;
	position:absolute;
	top:35px;
	left:-5px; 
}
	
/* another hack for IE5.5 */
* html .main_nav ul ul {top:35px;t\op:36px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.main_nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.main_nav ul ul a {
	height: 25px; 
	width: 200px; 
	text-indent: 12px;
	font-size: 11px;
	font-weight: normal;
	line-height: 22px;
	background-image:url(imgs/main_nav_item_bg.gif);
	color: #000000;
	
}

/* yet another hack for IE5.5 */
* html .main_nav ul ul a, * html .main_nav ul ul a:visited {width:250px;w\idth:200px;}

/* style the top level hover */

.main_nav a:hover, .main_nav ul ul a:hover{color:#FF6633; font-weight: bold;}
.main_nav :hover > a, .main_nav ul ul :hover > a {color:#FF6633; font-weight: bold;}

/* make the second level visible when hover on first level list OR link */
.main_nav ul li:hover ul, 
.main_nav ul a:hover ul{visibility:visible; }



/* style the top level hover */
.main_nav a:hover {color:#FFcc00; background:none;}
.main_nav ul ul a:hover{color:#FF3300; background-image:url(imgs/main_nav_item_bg.gif);}

.main_nav :hover > a {color:#FFcc00; background:none;}
.main_nav ul ul :hover > a {color:#FF3300; background-image:url(imgs/main_nav_item_bg.gif);}



#divider1 {
	position:absolute;
	top:0px;
	left:110px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}
	
	

#divider2 {
	position:absolute;
	top:0px;
	left:210px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider3 {
	position:absolute;
	top:0px;
	left:310px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider4 {
	position:absolute;
	top:0px;
	left:410px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider5 {
	position:absolute;
	top:0px;
	left:510px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}

#divider6 {
	position:absolute;
	top:0px;
	left:610px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}
	
#divider7 {
	position:absolute;
	top:0px;
	left:710px;
	background-image: url(imgs/divider.gif);
	width: 2px;
	height: 44px;
	}


/*---------vertical nav---------*/


#vertical_nav {
	position:absolute;
	top: 137px;
	left: 7px;
	background-image: url(imgs/vertical_nav_bg.gif);
	background-repeat: no-repeat;
	height: 414px;
	width: 166px;
}

#vertical_nav_quick {
	position: absolute;
	top: 4px;
	left: 4px;
	background-image: url(imgs/vertical_nav_quick_bg_2.gif);
	background-repeat: no-repeat;
	height: 161px;
	width: 186px;
}	

#vertical_nav_quick ul {
	list-style: none;
}

#vertical_nav_quick a {
	color:#000000;
	font-size: 11px;
	text-decoration: none;
}

#vertical_nav_quick a:hover {
	color:#FF3300;
	text-decoration: none;
}

#vertical_nav_quick_renewal {
	position: absolute;
	top: 33px;
	left: 16px;
}

#vertical_nav_quick_transfer {
	position: absolute;
	top: 51px;
	left: 16px;
}

#vertical_nav_quick_nameserver {
	position: absolute;
	top: 68px;
	left: 16px;
}

#vertical_nav_quick_owner {
	position: absolute;
	top: 85px;
	left: 16px;
}

#vertical_nav_quick_admininfo {
	position: absolute;
	top: 102px;
	left: 16px;
}

#vertical_nav_quick_ownerinfo {
	position: absolute;
	top: 119px;
	left: 16px;
}

#vertical_nav_quick_parking {
	position: absolute;
	top: 136px;
	left: 16px;
}

.vertical_nav_support a{
	position: absolute;
	top: 171px;
	left: 4px;
	background-image: url(imgs/vert_nav_support.gif);
	background-repeat: no-repeat;
	height: 75px;
	width: 158px;
}	


.vertical_nav_manage a{
	position: absolute;
	top: 251px;
	left: 4px;
	background-image: url(imgs/vert_nav_mypage.gif);
	background-repeat: no-repeat;
	height: 75px;
	width: 158px;
}	

.vertical_nav_paypal a{
	position: absolute;
	top: 331px;
	left: 4px;
	background-image: url(imgs/vert_nav_paypal.gif);
	background-repeat: no-repeat;
	height: 75px;
	width: 158px;
}	


/*--	login    --*/

#log_in01 {
	position: absolute;
	background-image: url(imgs/top_login_bg.jpg);
	background-repeat: no-repeat;
	top: 41px;
	left: 578px;
	height: 45px;
	width: 310px;
}

.log_id {
	position: absolute;
	top: 11px;
	left: 29px;
    border:none;
    background: #d6f6ff;
	width: 88px;
	height: 16px;
}

.log_pw {
	position: absolute;
	top: 11px;
	left: 149px;
    border:none;
    background: #d6f6ff;
	width: 85px;
	height: 16px;
}

.login_button {
	position: absolute;
	top: 9px;
	left: 247px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	width: 53px;
	height: 22px;
}

#log_in02 {
	position: absolute;
	background-image: url(imgs/top_login_bg2.jpg);
	background-repeat: no-repeat;
	top: 41px;
	left: 578px;
	height: 45px;
	width: 310px;
}

#username {
	position: absolute;
	top: 14px;
	left: 10px;
}

.logout_button {
	position: absolute;
	top: 9px;
	left: 247px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	width: 53px;
	height: 22px;
}

.mypage_button {
	position: absolute;
	top: 9px;
	left: 186px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	width: 53px;
	height: 22px;
}



/*--	get started    --*/

#get_started {
	position: absolute;
	top: 136px;
	left: 180px;
	background-image: url(imgs/main_window.jpg);
	background-repeat: no-repeat;
	height: 166px;
	width: 712px;
	
}
#get_started_title {
	position: absolute;
	top: 6px;
	left: 6px;
	height: 39px;
	width: 481px;
}

#get_started .domain_search {
	position: absolute;
	top: 18px;
	left: 210px;
	border:none;
	background: #ffffff;
	width: 204px;
	height: 16px;
}

#get_started .domain_button {
	position: absolute;
	top: 15px;
	left: 425px;
	width: 53px;
	height: 22px;
}

#get_started .ext {
	position: absolute;
	top: 59px;
	left: 13px;
	list-style:none;
	line-height: 17px;
	font-weight: bold;
	color:#333333;
	margin: 0px;
	padding: 0px;
	width: 94px;
	height: 93px;
}

#col01 {
	position: absolute;
	top: 58px;
	left: 135px;
	color:#666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#col02 {
	position: absolute;
	top: 58px;
	left: 225px;
	color:#666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#col03 {
	position: absolute;
	top: 58px;
	left: 315px;
	color:#666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#col04 {
	position: absolute;
	top: 58px;
	left: 405px;
	color:#666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}



/*--	whois    --*/

#whois {
	position: absolute;
	top: 310px;
	left: 180px;
	background-image: url(imgs/whois_bg.gif);
	background-repeat: no-repeat;
	height: 116px;
	width: 232px;
}

#whois_txt {
	position: absolute;
	top: 56px;
	left: 13px;
	text-align:center;
	font-size: 10px;
	color:#333333;
	width: 201px;
	}

.whois {
	position: absolute;
	top: 34px;
	left: 12px;
	border:#999999 1px;
	border-style:solid;
	background: #ffffff;
	width: 202px;
	height: 16px;
}

.whois_button {
	position: absolute;
	top: 84px;
	left: 87px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	width: 53px;
	height: 20px;
}

/*-- special offers --*/

#special_offer01 {
	position: absolute;
	top: 142px;
	left: 673px;
	background-color:#000000;
	background-image: url(imgs/special_offer01.gif);
	background-repeat: no-repeat;
	text-align:center;
	height: 154px;
	width: 213px;
}

#special_offer02 {
	position: absolute;
	top: 310px;
	left: 659px;
	background-image: url(imgs/second_box02.gif);
	background-repeat: no-repeat;
	text-align:center;
	height: 116px;
	width: 233px;
}	

/*-- pricelist  --*/

#pricelist {
	position: absolute;
	top: 310px;
	left: 419px;
	background-image: url(imgs/pricelist_bg.gif);
	background-repeat: no-repeat;
	text-align:center;
	height: 116px;
	width: 233px;
}	


/*--	news n faq   --*/

#news_box01_bg {
	position: absolute;
	top: 433px;
	left: 180px;
	background-image: url(imgs/news_box01.gif);
	background-repeat: no-repeat;
	height: 117px;
	width: 351px;
	padding-top: 1px;
	padding-left: 1px;
}	

#main_news {
	position: absolute;
	top: 23px;
	left: 25px;
	width: 330px;
}

#main_news ul {
	list-style: none;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
	}
	
#main_news li a {
	font-size: 11px;
	color:#000000;
	text-decoration:none;
}

#main_news li a:hover {
	color:#ff3300;
	text-decoration:none;
}

#news_box02_bg {
	position: absolute;
	top: 433px;
	left: 541px;
	background-image: url(imgs/news_box01.gif);
	background-repeat: no-repeat;
	height: 117px;
	width: 351px;
	padding-top: 1px;
	padding-left: 1px;
}	

#main_faq {
	position: absolute;
	top: 23px;
	left: 25px;
	width: 330px;
}

#main_faq ul {
	list-style: none;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
	}
	
#main_faq li a {
	font-size: 11px;
	color:#000000;
	text-decoration:none;
}

#main_faq li a:hover {
	color:#ff3300;
	text-decoration:none;
}



/*--	accreditation   --*/

#credit {
	position: absolute;
	top: 557px;
	height: 90px;
	width: 900px;
	background-color:#F6F6F6;
	text-align:center;
	color:#666666;
}


/*--	footer  --*/

#footer {
	position: absolute;
	top: 648px;
	background-image: url(imgs/footer_bg.gif);
	background-repeat: no-repeat;
	/*background-color:#14365B;*/
	height: 43px;
	width: 900px;

}	

#footer_netpia {
	position: absolute;
	top: 8px;
	left: 86px;
	height: 28px;
	width: 82px;

}	

#footer ul {
	position:absolute;
	top: 5px;
	right: 9px;
	list-style: none;
	line-height: 16px;
	text-align:right;
	color:#ffffff;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	width: 500px;
	left: 390px;
	}
	
#footer li a {
	color:#ffffff;
	text-decoration:none;
}

#footer li a:hover {
	color:#ffcc00;
	text-decoration:none;
}