@charset "UTF-8";
/* 
Author:                 Corey Haggard (devguys.com)
Project:				ServerZoo
Last Update:			09/10/2008 [created]

===================================================
This CSS document is copyright ServerZoo
===================================================
 */

body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	margin:0px;
	font-family:/*Verdana,Arial,Tahoma,Helvetica,sans-serif*/Arial, Verdana, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;

}
img {
	border:none;
}

A:link   { color:#16387C; text-decoration:none; font-weight: bold;}
A:visited{ color:#0F76AA; text-decoration:none; }
A:hover  { color:#000099; text-decoration:none; }

/*=================================================
SECTION TWO - HEADER
===================================================*/

.container {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	background-color:#fff;
}
.logo {
	width:239px;
	float:left;
	padding-top:20px;
	padding-left:15px;
}
.language_select {
	width:600px;
	float:right;
	padding-right:10px;
	padding-top:5px;
}
.live_help {
	width:600px;
	float:right;
	padding-top:5px;
	padding-right:10px;
}
.number {
	width:265px;
	float:right;
	padding-top:5px;
	padding-right:10px;
}
/*================================================
SECTION THREE - MAIN NAVIGATION
=================================================*/
.chromestyle{
width: 920px;
margin-left:auto;
margin-right:auto;
font-weight: normal;
margin-top: 15px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
margin: 0;
}

.chromestyle ul{
width: 100%;
background: url(../images/nav_bg.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 7px 0px 7px 0px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
	list-style:none;
}

.chromestyle ul li{
	display: inline;
	padding:5px 0px 7px 0px;
	border-right: 1px solid #DADADA;

}

.chromestyle ul li a{
	font-family:新細明,arial,Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#0F76AA;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 13px;
	margin: 0;
	text-decoration: none;
	
}

.chromestyle ul li a:hover{
background: url(chrometheme/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
color: #000;
}
.chromestyle ul li.end{
border-right: none;
}

.chromestyle ul li a.end{
	font-family:Helvetica;
	font-size:12px;
	color:#0F76AA;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 0px;
	padding-left:13px;
	margin: 0;
	text-decoration: none;
	
}
.chromestyle ul li a.end:hover {
	color:#000000;
}


.chromestyle ul li a:hover {
	color:#333333;
}
.chromestyle ul li.active {
	color:#fff;
	background-image:url(../images/nav_active.jpg);
	background-repeat:repeat-x;
}

.chromestyle ul li.active a {
	color:#fff;
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 50px;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color:#E9F7FF;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
color:#0F76AA;
}


 #nav-menu ul {
	list-style: none;
	padding: 0;
	margin-top: 15px;
}

#nav-menu li{
	float: left;
	margin: 0 0 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 12px;
	text-align: left;
	float: left;
	width: 126px;
	border-right: 0.1em solid #666;
	color: #666;
	text-decoration: none;
	text-align: center;
}

#nav-menu li a{
	font-family: Verdana, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: center;
}

.nav-menu2 li{

	float: left;
	margin: 0 0 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 12px;
	text-align: left;
	float: left;
	width: 122px;
	color: #666;
	border-left: 0.1em solid #666;
	text-decoration: none;
	text-align: center;

}

.nav-menu2 a{

	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	text-align: center;

}
.nav {
	width:920px;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
}

.nav {
	width:920px;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
}

.nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.nav ul li {
	display:block;
	float:left;
	padding:7px 15px 7px 15px;
}
.nav ul li a {
	font-family:Helvetica;
	font-size:11px;
	color:#0F76AA;
	text-decoration:none;
	font-weight:bold;
}
.nav ul li a:hover {
	color:#333333;
}
.nav ul li.active {
	color:#fff;
	background-image:url(../images/nav_active.jpg);
	background-repeat:repeat-x;
}



.nav ul li.active a {
	color:#fff;
}







.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
/*===============================================
SECTION 4 - HEADER PICTURE
================================================*/

.header_image {
	font-size:12px;
	color: #000;
	width:350px;
	height:260px;
float:left;
	argin-left:20px;
	background-color: #ffffff;
	}
	
.header_image2 {
	font-size:12px;
	color: #FFF;
	width:350px;
	height:297px;
float:left;
	margin-left:left;
		/*background-color: #111111;
		background-image:url(../images/header_line.png);*/
	}
	
.header_news_text {
		color:#FFF;
		padding-top:10px;
		
	}
	
/*==============================================
SECTION FIVE - PLAN FEATURES
================================================*/
.plans_wrap {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	border-bottom:5px solid #999999;
}
.shared {
	width:220px;
	float:left;
	background-image:url(../images/shared.gif);
	background-repeat:no-repeat;
	padding-bottom:16px;
}
.reseller {
	width:220px;
	float:left;
	background-image:url(../images/reseller.gif);
	background-repeat:no-repeat;
	padding-bottom:16px;
	margin-left:5px;
}

.support {
	width:400px;
	float:left;
	background-image:url(../images/supports.gif);
	background-repeat:no-repeat;
	padding-bottom:30px;
	margin-left:5px;
}

.webdesign {
	width:500px;
	height:auto;
	float:left;
	background-image:url(../images/webdesign.gif);
	background-repeat:no-repeat;
	padding-bottom:30px;
	margin-left:5px;
}

.domains {
	width:220px;
	float:left;
	background-image:url(../images/domains.gif);
	background-repeat:no-repeat;
	padding-bottom:16px;
	margin-left:10px;
}
.dedicated {
	width:220px;
	float:left;
	background-image:url(../images/dedicated.gif);
	background-repeat:no-repeat;
	padding-bottom:16px;
	margin-left:10px;
}
.feature {
	font-family:Helvetica;
	font-size:12px;
	color:#333333;
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
}
.feature2 {
	font-family:Helvetica;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:3px;
}
.learn_more {
	padding-right:5px;
}
/*=============================================
SECTION SIX - HOMEPAGE CONTENT LEFT 
==============================================*/
.content_left {
	width:408px;
	padding-left:20px;
	float:left;
}
.welcome {
	font-family:Verdana,Lucida Grande;
	font-size:29px;
	color:#0F76AA;
	padding-top:10px;
	padding-bottom:5px;
}
.page_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:19px;
}
.testimonials_head {
	font-family:細明體,Verdana,Lucida Grande;
	font-size:22px;
	color:#0F76AA;
	padding-top:20px;
	font-weight:bold;
	padding-top:1px;
}
.testimonials_sub_head {
	font-family:"Lucida Grande";
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	padding-bottom:5px;
}
.testimonial {
	/*background-image:url(../images/testi.jpg);*/
	background-repeat:no-repeat;
	padding-left:160px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:21px;
}
/*===============================================
SECTION SEVEN - HOMEPAGE CONTENT RIGHT 
================================================*/
.content_right {
	width:490px;
	float:right;
	padding-right:20px;
}
.news {
	font-family:"Verdana,Lucida Grande";
	font-size:22px;
	color:#0F76AA;
	padding-top:20px;
	font-weight:bold;
}
.news_wrapper {
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:6px;
	padding-top:6px;
}
.icon {
	width:40px;
	float:left;
	padding-top:13px;
}
.news_heading {
	font-family:"Lucida Grande";
	font-size:12px;
	font-weight:bold;
	color:#FF6600;
	width:400px;
	float:left;
}
.news_text {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:440px;
	color:#333333;
	line-height:19px;
	
}
/*==============================================
SECTION EIGHT - FOOTER
===============================================*/
.footer_left {
	width:200px;
	float:left;
	padding-bottom:20px;
}
.address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*font-weight:bold;*/
	color:#000000;
	padding-top:3px;
	padding-bottom:2px;
}
.footer_right {
	width:749px;
	float:right;
	text-align:right;
}
.footer_nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.footer_nav ul li {
	display:inline;
	padding:0px 7px 0px 7px;
}
.footer_nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
.footer_nav ul li a:hover {
	text-decoration:underline;
	color:#0F76AA;
}
.copyright {
	float:right;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-align:right;
	width:400px;
	padding-right:7px;
}
/*===========================================
SECTION NINE - SUB PAGE HEADER 
============================================*/
.sub_header {
	background-image:url(../images/sub_head_bg.jpg);
	background-repeat:repeat-x;
	width:920px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:30px;
}
.sub_heading {
	font-family:Helvetica;
	font-size:25px;
	color:#fff;
	padding-top:30px;
	padding-left:10px;
}
.sub_heading1 {
	font-family:Helvetica;
	font-size:21px;
	font-weight:bold;
	color:#1498D0;
	padding-top:3px;
	padding-left:10px;
}
/*=========================================
SECTION TEN - SUB PAGE CONTENT
==========================================*/
.sub_wrapper {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.sub_content_left {
	width:220px;
	float:left;
}
.sub_content_right {
	float:left;
	width:680px;
	padding-left:15px;
}
/*=======================================
SECTION EVELEN - SUB NAVIGATION
=======================================*/
.sub_nav {
	border-top:5px solid #0F76AA;
}
.sub_nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.sub_nav ul li {
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:5px;
}
.sub_nav ul li a {
	font-family:Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#0F76AA;
	text-decoration:none;
}
.sub_nav ul li a:hover {
	color:#333333;
}
.sub_nav ul li.active {
	background-color:#F4F4F4;
}
.tablecolor1 { 
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	font-weight: bold;
	background: #333;
	background-repeat: repeat-x;
	border-bottom: 3pt solid #0F76AA;
	background-image:url(../images/table_header.jpg);
	background-repeat:repeat-x;		
}
.tablecolor2 { 
	background-color: #ffffff; 
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333; 
	font-weight: normal;		
	border-bottom: 1pt solid #EFEFEF;			
}
.tablecolor2 a:link, .tablecolor2 a:visited { 
	background-color: #ffffff; 
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333; 
	font-weight: normal;			
	text-decoration: underline;			
}
.tablecolor3 { 
	background-color: #ffffff; 
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333;
	font-weight: normal;					
}
.tablecolor4 { 
	background-color: #fff;
	font-family: 新細明體, Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#0F76AA; 
	font-weight: 500;
	background-image:url(../images/info.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 20px;
	border-bottom: 1pt solid #fff;			
	border-right: 1pt solid #0F76AA;
}
.tablecolor5 { 
	background-color: #0F76AA; 
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff; 
	font-weight: bold;					
	border-bottom: 1pt solid #8BD5FF;			
	border-right: 1pt solid #0F76AA;
}
.tablecolor5 a, .tablecolor2 a:visited { 
	background-color: #A10015; 
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff; 
	font-weight: bold;	
}
/*==================================================
SECTION TWELVE - FORM TO MAIL 
===================================================*/
.heading_form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#083D61;
	padding-top:5px;
	border-bottom:1px solid #CCCCCC;
}
.form_left_side {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top:15px;
	padding-bottom:15px;
}
.form_right_side {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1D5787;
}
.form_field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-top:4px;
	padding-bottom:4px;
	border:1px solid #CCCCCC;
	padding-left:3px;
}	


/*-------------- REASONS of why--------------*/
#five-reasons{background-color:#ecf6ff; border:1px solid #ccc; padding:0; margin-bottom:20px}
#five-reasons h3{height:91px; margin-top:0px; margin-bottom:0; padding:0; background:url(/images/5reasons.gif) no-repeat top center; overflow:hidden; text-indent:-1024px}
#five-reasons #reason-list{margin:0 10px; padding:0; list-style:none;}
#five-reasons #reason-list li{padding:0; margin:0 0 20px 0; display:block; line-height:18px; border:none}
#five-reasons #reason-list h4{padding:0; margin:0; font-size:12px; font-weight:bold;}
#five-reasons #reason-list p{font-weight:normal; padding:0; margin:0; font-size:12px;}
/*#five-reasons #reason-list a{font-weight:normal; color:#000; text-decoration:#000}*/
#five-reasons #reason-list .learn-more{display:block; color:#f03861; text-decoration:none}
#five-reasons #reason-list .learn-more:hover{display:block; color:#f03861; text-decoration:underline;}
#five-reasons #reason-list #reason1{background:url(/images/no1.png) no-repeat 0 0; padding-left:20px}
#five-reasons #reason-list #reason2{background:url(/images/no2.png) no-repeat 0 0; padding-left:20px}
#five-reasons #reason-list #reason3{background:url(/images/no3.png) no-repeat 0 0; padding-left:20px}
#five-reasons #reason-list #reason4{background:url(/images/no4.png) no-repeat 0 0; padding-left:20px}
#five-reasons #reason-list #reason5{background:url(/images/no5.png) no-repeat 0 0; padding-left:20px}
#reseller-list {
	margin:0px;
	padding:0px;
	
}
#reseller-list a{color:#000; text-decoration:underline}
#reseller-list li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/orange_point.gif) no-repeat scroll 2px 50%;
border-bottom:1px dotted #DFDFDF;
font-size:13px;
font-weight:normal;
padding:6px 5px 6px 15px;
}

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/*-------------- TESTIMONIAL --------------*/

.sidetestimonial {
		margin: 25px 0;
	}

	#content .sidetestimonial h3 {
		margin-bottom: 5px;
	}

	.sidetestimonial h4 {
		margin-bottom: 10px;
		font-weight: bold;
	}

	.sidetestimonial .body {
		background-color: #e0f6ff;
		border: 1px solid #3dc4fc;
		padding: 10px;
		position: relative;
		margin: 15px 0 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.sidetestimonial .body .direction-indicator {
		background: url(/images/t_arrows.png) no-repeat;
		position: absolute;
		bottom: auto;
		top: -10px;
		left: 20px;
		display: block;
		width: 21px;
		height: 10px;
	}

#sidetestimonial{margin-bottom:20px; line-height:18px}
#sidetestimonial h3{margin:0 0 10px 0; padding:0; font-size:16px}
#sidetestimonial #heart{float:left; width:26px; height:20px; background:url(/images/heart.png) no-repeat 0 -3px; overflow:hidden; text-indent:999px}
#sidetestimonial a{display:block; color:#f03861; text-decoration:none; font-size:12px; font-weight:bold}

#sidetestimonial blockquote {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/t_top.png) no-repeat scroll center top;
display:block;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#sidetestimonial blockquote p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/t_bottom.png) no-repeat scroll center bottom;
margin:0;
padding:10px 10px 20px;

}