body {
	font-size:12px;
	font-family:Calibri,"Lucida Grande",Arial,Helvetica,sans-serif;
}
h1 span { display:none; }
#wrap {
	width:980px;
	height:auto;
	background:url(../images/shadow_bg.gif) repeat-y;
}
.colbg {
	width:900px;
	height:auto;
	background:url(../images/rightside_bg.gif) repeat-y 197px;
}
.leftside {
	width:196px;
	float:left;
	border-right:1px solid #CCC;
	margin-right:-1px;
}
.logo {
	display:block;
	width:196px;
	height:73px;
	background:url(../images/logo.gif) no-repeat;
}
.logo span { display:none; }
.clientlogin {
	width:196px;
	height:138px;
	background:url(../images/clientlogin_bg.gif) no-repeat;
}
.clientlogin form {
	padding-top:40px;
	padding-left:10px;
}
.clientlogin input { width:110px; margin-left:5px; }
.clientlogin p { line-height:25px; }
.clientlogin a {
	float:right;
	width:80px;
	display:block;
	text-align:center;
	line-height:25px;
	margin-right:12px;
	margin-top:5px;
	color:#666;
	border:1px solid #CCC;
	background:#FFF;
}
.clientlogin a:hover, .clientlogin a:focus { background:#f8f8f8; text-decoration:none; }
.features {
	width:175px;
	margin-left:8px;
	margin-top:10px;
}
.features img { margin-bottom:5px; }
.left_contactus {
	width:180px;
	height:180px;
	background:url(../images/left_contactus.gif) no-repeat;
	margin:0 auto;
	margin-top:5px;
	padding-top:132px;
	padding-left:8px;
	margin-bottom:-132px;
	margin-right:0;
}
.left_contactus a {
	display:block;
	width:161px;
	height:35px;
}
.left_contactus a span { display:none; }

.rightside {
	border-left:1px solid #CCC;
	width:760px;
	float:left;
	background:url(../images/rightside_bg.gif) repeat-y;
}
.topmenu {
	width:760px;
	height:167px;
	background:#FFF url(../images/topmenu_bg.gif) no-repeat;
}
.topmenu object { 
	position:relative;
	z-index:0;
}

ul.menu {
	position:absolute;
	width:753px;
	height:48px;
	z-index:2;
	padding-top:119px;
	padding-left:7px;
	background:transparent url(../images/topmenu_bg.png) no-repeat;
}
ul.menu li { float:left; display:inline; }
ul.menu li.first a { border-left:none; }
ul.menu li a {
	*float:left;
	display:block;
	height:33px;
	line-height:33px;
	padding:0 11px;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
}
ul.menu li:hover ul, ul.menu li ul:hover { display:block; }
ul.menu li ul {
	width:120px;
	display:none;
	background:#FFF;
	border:1px solid #CCC;
	position:absolute;
	*margin-top:33px;
	*margin-left:-74px; 
}
ul.menu li ul li {
	height:25px;
	width:120px;
	border-bottom:1px dotted #CCC;
}
ul.menu li ul li a {
	display:block;
	width:104px;
	padding-left:5px;
	height:25px;
	line-height:25px;
	border:none;
}
ul.menu li ul li a:hover { background:#f3f3f3; text-decoration:none; }
.services_item {
	width:171px;
	border-right:1px solid #CCC;
	background:#f3f3f3;
	float:left;
	padding-bottom:8px;
}
.services_item ul {
	width:171px;
}
.services_item ul li a {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:22px;
	color:#25b3e8;
	background:url(../images/services_item.gif) no-repeat;
}
.services_item ul li a:hover { background-position:left -30px; text-decoration:none; }
.rightcontent {
	float:left;
	padding-bottom:10px;
}
#nav { padding-left:23px; color:#CCC; line-height:16px; background:url(../images/nav_bg.png) no-repeat 5px center; margin-bottom:10px; }
#nav a { color:#CCC; }
#nav span.current { color:#666; }
h2 {
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	padding-left:5px;
	border-left:10px solid #17a6db;
	margin-bottom:10px;
	color:#17a6db;
}
h3 {
	font-size:14px;
	font-weight:bold;
}
h1.title {
	font-size:14px;
	background:url(../images/title_bg.png) no-repeat left center;
	height:16px;
	line-height:15px;
	border-left:none;
	color:#666;
	padding-left:20px;
	margin-left:12px;
	margin-bottom:-3px;
	margin-top:10px;
}
h2.title {
	font-size:14px;
	background:url(../images/title_bg.png) no-repeat left center;
	height:16px;
	line-height:15px;
	border-left:none;
	color:#666;
	padding-left:20px;
	margin-left:12px;
	margin-bottom:-3px;
	margin-top:10px;
}
.home_aboutus {
	background:url(../images/home_about_us_image.gif) no-repeat;
	width:570px;
	height:110px;
	margin-left:8px;
	margin-bottom:10px;
}
.home_aboutus p {
	width:470px;
	padding-top:38px;
	margin-left:85px;
	line-height:22px;
	color:#666;
}
.planimg {
	width:570px;
	margin-left:8px;
	margin-bottom:8px;
	text-align:center;
}
.planimg img { margin-right:5px; }
.news {
	width:270px;
	float:left;
	border:1px dotted #CCC;
	padding-bottom:5px;
	*padding-bottom:0;
	margin-left:12px;
	_margin-left:6px;
	margin-right:10px;
}
.news h3 {
	display:block;
	height:25px;
	background:url(../images/home_news_bg.gif) no-repeat left top;
	border-bottom:1px dotted #CCC;
}
.news dd { width:100%; }
.offer {
	width:270px;
	float:left;
	border:1px dotted #CCC;
	padding-bottom:10px;
	margin-left:6px; 
}
.offer h3 {
	display:block;
	height:25px;
	background:url(../images/home_offer_bg.gif) no-repeat left top;
	border-bottom:1px dotted #CCC;
}
.offer p, .news p {
	margin:6px;
	margin-bottom:0;
	color:#17a6db;
	text-align:center;	
}
dl {
	margin:6px;
}
dt {
	clear:both;
	width:70px;
	float:left;
	color:#17a6db;
	line-height:18px;
	*line-height:16px;
}
dd {
	width:200px;
	float:left;
	line-height:18px;
	padding-bottom:3px;
}
.img_article {
	width:580px;
	margin-top:10px;
}
.img_article img {
	width:64px;
	height:64px;
	float:left;
	margin-right:8px;
	margin-left:15px;
}
.img_article p {
	width:480px;
	float:left;
	line-height:25px;
	color:#666;
}
.website_preview {
	width:445px;
	margin-left:75px;
}
.website_preview img {
	float:left;
	width:140px;
	height:140px;
	margin-right:5px;
	margin-bottom:5px;
}
.payment_div {
	width:540px;
	padding:0 10px;
	margin-left:12px;
	border:1px solid #CCC;
}
.payment_div h3 {
	font-size:14px;
	font-weight:bold;
	color:#666;
	line-height:30px;
	background:url(../images/h3_bg.gif) no-repeat left center;
	padding-left:20px;
	border-bottom:1px dashed #CCC;
}
.payment_div p {
	display:block;
	color:#666;
	line-height:21px;
}
.payment_div dl dt {
	width:120px;
	font-weight:bold;
}
ul.article {
	width:550px;
	margin-left:15px;
}
ul.article li {
	list-style:square inside;
	line-height:22px;
	color:#666;
	margin-bottom:10px;
}
dl.contact {
	margin-left:10px;
}
dl.contact dt { width:65px; }
dl.contact dd { width:400px; }
.domain_point { margin-left:15px; margin-top:10px; }
.domain_point li {
	line-height:20px;
	list-style:square inside;
}
.recommend_div {
	width:560px;
	margin-left:10px;
}
.recommend_div p {
	display:block;
	line-height:20px;
	color:#666;
	margin-bottom:15px;
}
.recommend_div p.main {
	color:red;
}
.recommend_div table {
	width:500px;
	border-collapse:collapse;
	margin-bottom:15px;
}
.recommend_div table tr {
	height:28px;
	line-height:28px;
}
.recommend_div table thead tr td { background:url(../images/recommend_bg.gif) repeat-x; font-weight:bold; color:#5b3d00; border-bottom:none; }
.recommend_div table td {
	padding-left:5px;
	border-bottom:1px solid #CCC;
}
.horbar {
	width:570px;
	height:30px;
	background:url(../images/horbar_bg.gif) no-repeat;
	margin-left:9px;
}
.horbar li { float:left; }
.horbar li a {
	float:left;
	display:block;
	line-height:30px;
	padding:0 8px;
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
}
.horbar li:first { border-left:none; }
.horbar li a:hover {
	text-decoration:none;
	color:red;
}
.plan {
	border-collapse:collapse;
	border:1px solid #CCC;
	width:570px;
	margin-left:10px;
	margin-top:10px;
}
.plan tr {
	height:28px;
	line-height:28px;
}
.plan tr:hover {
	background:#f5f5f5;
}
.plan thead tr td { height:28px; line-height:28px; font-weight:bold; font-size:14px; letter-spacing:1px; }
.plan td {
	padding-left:5px;
	border:1px solid #CCC;
}
.plan td.first { width:100px; }
.plan td img {
	margin-bottom:-3px;
}
.plan td.colspan {
	font-weight:bold;
	text-align:center;
	color:#666;
	background:url(../images/colspan_bg.gif) repeat-x;
}
tr.apply:hover { background:#FFF; }
tr.apply td {
	padding:0;
	text-align:center;
	height:28px;
}
tr.apply td img { vertical-align:middle; margin-bottom:2px; *margin-bottom:0; }
.personal thead tr td { background:url(../images/hosting_personal_bg.gif) repeat-x; }
.forum thead tr td { background:url(../images/hosting_forum_bg.gif) repeat-x; color:#FFF; }
.commercial thead tr td { background:url(../images/hosting_commercial_bg.gif) repeat-x; color:#FFF; }
.shop thead tr td { background:url(../images/shop_bg.gif) repeat-x; color:#FFF; }
.webdesign thead tr td { background:url(../images/webdesign_bg.gif) repeat-x; color:#FFF; }
.commercialmail thead tr td { background:url(../images/commercialmail_bg.gif) repeat-x; color:#FFF; }
.server thead tr td { background:url(../images/server_bg.gif) repeat-x; color:#FFF; }
.domain thead tr td { background:url(../images/domain_bg.gif) repeat-x; color:#FFF; }
.shop, .webdesign, .server., .domain { margin-top:0; }

.step_img { display:block; margin-left:18px; margin-bottom:20px; }
.apply_div {
	float:left;
	width:330px;
	border-right:1px solid #CCC;
	margin-left:18px;
	_margin-left:10px;
}
.apply_div img {
	display:block;
}
.apply_div h3 { font-size:18px; font-weight:bold; }
.apply_step {
	margin:10px;
	color:#0092de;
}
.apply_step li {
	list-style:decimal inside;
	font-size:12px;
	line-height:25px;
}
.button {
	width:200px;
	float:left;
	margin-left:30px;
}
a.apply_services, a.apply_doc {
	width:auto;
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:32px;
	background:url(../images/apply_button.png) no-repeat;
	padding-left:38px;
	margin-right:15px;
	padding-right:15px;
	margin-top:15px;
}
a.apply_doc { background-image:url(../images/apply_doc.png); }

.footer {
	width:1000px;
	height:auto;
	background:#FFF url(../images/shadow_bg.gif) repeat-y;
}
.footer div.inner { border-top:1px solid #CCC; border-bottom:1px solid #CCC; width:957px; }
.footer .partner {
	width:958px;
	height:auto;
}
.footer p.copyright {
	width:200px;
	float:left;
	line-height:25px;
	color:#666;
	padding-left:5px;
}
.footer p.links {
	float:right;
	height:21px;
	padding-top:4px;
}
.footer p.links a {
	display:block;
	float:left;
	line-height:18px;
	color:#666;
	padding:0 7px;
	border-left:1px solid #CCC;
}
#us {
	position:absolute;
	height:10px;
	z-index:1;
	left: 1px;
	top: 1px;
	visibility: hidden;
}
.clear { clear:both; }
input, .input, select { margin-left:-5px; }
select { *position:relative; *left:-5px; }