@charset "utf-8";
/* global css */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea,button{font:12px/2 Arial, Helvetica, sans-serif; color: #000;}	
body{background: #A8D5EC;padding:15px 0 40px;}
input,select,img,button{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}
dfn,em,cite,address,caption{font-style:normal}
fieldset,img,abbr {border: 0;} 
img,object,embed{vertical-align: top;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;;width:100%; border-spacing:0;}
caption,th{text-align:left;}
table th{line-height:25px;height:25px;}

a{color: #000;text-decoration:none;}
a:hover,#main-nav li.on a{text-decoration:underline;}

#main:after,.mode-wrap:after{content:''; display: block; clear:both}

#wrap{
	width: 932px;
	margin: 0 auto;
	background: url(mainimages/bg.gif) repeat-y;
}

/* header */
#header{
	width: 863px;
	margin-bottom: 20px;
	position: relative;
	padding:25px 38px 0 31px;
	background: url(mainimages/bg-top.gif) no-repeat;
}

#logo{
	margin-bottom: 15px;
}

#top-nav{
	position: absolute;
	top: 30px;
	right: 60px;
}
#top-nav li{
	float: left;
	margin-left: 5px;
	padding-left: 21px;
	background: url(mainimages/top-nav-bg.gif) 0 3px no-repeat;
}
#top-nav li strong{
	color: #588526;
}
#top-nav .nav-client{
	background-position: 0 -29px;
}
#top-nav .nav-cpanel{
	background-position: 0 -62px;
}

#main-nav{
	height: 36px;
	margin-bottom: 5px;
	background: url(mainimages/main-nav.gif) no-repeat;
}
#main-nav ul{
	float: left;
	margin-right: -70px;
	padding: 5px 0 0 30px;
}
#main-nav li{
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 75px;
}

#banner{
	width: 100%;
	position: relative;
}
.banner-home{
	position: absolute;
	top: 20px;
	left: 122px;
}
#banner h2{
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	letter-spacing:-1px;
}
.banner-subpage h2{
	position: absolute;
	top: 4px;
	left: 29px;
}
.banner-home ul{	
	width:370px;
	font-weight: bold;
	margin: 23px 0 0 120px;
}
.banner-home ul,.banner-home a{
	color:#00C;
}
.banner-home ul li{
	float: left;
	padding-left:8px;
	width: 170px;
	background: url(mainimages/icon-1.gif) 0 8px no-repeat;
}

/* center of page */
#main{
	width: 863px;
	padding: 0 38px 0 31px;
}

.mode-wrap{
	width: 100%;
	padding-bottom: 15px;
}
.mode{
	float: left;
	width: 234px;
	height: 220px;
	margin-right: 18px;
	padding: 0 20px;
	background: url(mainimages/mode-bg.gif) left bottom no-repeat;
}
.mode h2,#features h2,.testimonials h2,.content h1,#sub-nav h2{
	font-size: 16px;
	color: #588526;
	font-weight: bold;
}
.mode h2{	
	position: relative;
	margin: 0 -15px;
}
.mode .price{
	float: right;
	text-align: right;
	line-height: 1.1;
	font-size: 14px;
}
.mode .price span{
	position: relative;
	top: -5px;
}
.mode .price em{
	font-weight: bold;
}
.mode .price strong{
	font-size:48px;
	color: #9D080D;
	margin-bottom: -5px;
	font-weight: bold;
	font-family: Trebuchet MS;
	letter-spacing:-4px;
}
.mode .more{
	text-align: right;
	padding-top: 20px;
}
.web-hosting .price{
	display: inline;
	margin-right: -15px;
}
.domains .price{
	float: left;
	margin: 0;
	width:132px;
}
.domains .price em{
	text-align: left;
	display:block;
}
.domains .more{
	float: right;
}
.domain{
	text-align: center;
	margin-bottom: 15px;
}
.domain label{
	display: -moz-inline-stack;
	display:inline-block;
	height: 27px;
	margin: 0 4px;
	padding: 0 10px;
	background: url(mainimages/input-bg.gif) no-repeat;
}
.domain input{
	background: none;
	border: 0;
	width: 128px;
	height: 22px;
	line-height: 22px;
	padding: 5px 0 0;
	line-height: normal;
}
.ssl{
	float: right;
	margin:0;
}
.ssl p{
	line-height: 1;
	margin-bottom: 10px;
}
.ssl ul{
	line-height: 1.8;
}
.ssl li em{
	float: right;
	width:85px;
	font-weight: bold;
	color: #9D080D;
}
.ssl .more{
	padding: 5px 0 0;
}

#features{
	float: left;
	width: 590px;
}
#features ul{
	padding: 0 0 0 35px;
}
#features li{
	float: left;
	padding:5px 5px 0 60px;
	_height: 55px;
	min-height: 55px;
	width: 210px;
	margin-bottom: 10px;
	line-height: 1.3;
	background: url(mainimages/l1.jpg) no-repeat;
}
#features li.l2{
	background-image: url(mainimages/l2.jpg);
}
#features li.l3{
	background-image: url(mainimages/l3.jpg);
}
#features li.l4{
	background-image: url(mainimages/l4.jpg);
}
#features li h3{
	font-weight: bold;
	margin-bottom:2px;
}
#features li p{
	padding: 0 5px;
}

.testimonials{
	float: right;
	width: 272px;
	background: url(mainimages/quote-right.gif) right bottom no-repeat;
}

.testimonials blockquote{
	padding: 40px 0 30px;
	line-height: 1;
	font-style: italic;
	background: url(mainimages/quote-left.gif) no-repeat;	
}
.testimonials cite{
	text-align: right;
	display: block;
	font-weight: bold;
	padding-right: 60px;
}

/* footer */
#footer{
	height: 60px;
	position: relative;
	padding: 0 38px 0 31px;
	background: url(mainimages/bg-bottom.gif) no-repeat left bottom;
}
#copyrigth{
	float: left;
}
#footer ul{
	float: right;
}
#footer li{
	float: left;
	margin-left: 25px;
}
#author{
	position: absolute;
	bottom: -30px;
	right: 31px;
	font-weight: bold;
}
#author,#author a{
	color: #3291F0;
}

/* subpage */
.content{
	float:left;
	width: 620px;
	padding-bottom: 25px;
	padding-left: 13px;
}
.content p{
	margin-bottom:15px;
}

.sidebar{
	float: right;
	width: 210px;
	padding-bottom: 25px;
}

#sub-nav,.cpanel,.sidebar .testimonials{
	margin-bottom: 15px;
}
#sub-nav h2{
	height: 25px;
	line-height: 1;
	padding: 8px 9px 0;
	background: url(mainimages/sub-nav.gif) no-repeat;
}
#sub-nav ul{
	width: 198px;
	padding: 5px;
	border: 1px solid #C9C9C9;
}
#sub-nav ul li{
	width: 100%;
}
#sub-nav a{
	display: block;
	width: 172px;
	padding: 3px 13px;
}
#sub-nav a:hover,#sub-nav li.on a{
	text-decoration: none;
	background: #CDE4AA;
}

.sidebar .testimonials{
	width: 100%;
}
.sidebar .testimonials blockquote{
	padding-bottom: 15px;	
}
.sidebar .testimonials cite{
	padding-top: 10px;
}
.tableheader {background:#f1f1f1; font-size:14px;}

.table-box {margin: 15px 0;}

.table-box td{border-bottom: 1px dotted #ccc; padding: 10px 2px;}

.highlight {
	padding: 10px;
	margin: 0 0 15px 0;
	color: #000000;
	border: 1px solid #ddd;
	background: #f7f7f7;
	font-size: 15px;
	font-weight:bold;
	line-height: 22px;
}
.highlight2 {
	padding: 10px;
	margin: 0 0 15px 0;
	color: #000000;
	border: 1px solid #ddd;
	background: #f7f7f7;
	line-height: 22px;
}
.borderBottom{border-bottom:solid 1px #CCCCCC;}

.box{ color:#000000;}
.box strong{
	color:#AEC847;
}
.box h3{
	margin:0;
	font-size:18px;
	line-height:24px;
	text-align: left;
}
.box h4{ margin:0; border-bottom:solid 1px #CCCCCC;}
.box a{color:#2b6697; text-decoration:underline;}
.box a:hover{color:#2b6697; text-decoration:none;}

.more_comments { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; background:url(mainimages/moreinfo_bg.gif) repeat-x; padding-left:5px;}
.more_comments a{color: #FFFFFF; text-decoration:none;}
.more_comments a:hover{color: #FFFFFF; text-decoration:underline;}

.shared_hosting2 { background-color:#42A0C6 ; font-size: 16px; color:#FFFFFF; }
.shared_hosting2 h1{ font-size:30px; color:#FFFFFF; margin:15px 0 10px 0; font-weight:normal;}
.shared_hosting2 h2{ font-size:18px; color:#FFFFFF; margin:0; font-weight:normal; }
.shared_hosting2 a{text-decoration: underline;	color:#ffffff;}
.shared_hosting2 a:hover {text-decoration:none;color:#ffffff;}

	div.box{width:270px;border:5px solid #f6f6f6;padding:0 13px;float:left; margin-bottom:10px;}
	div.box h3{background: #42A0C6;color:#fff;font-size:14px;padding:6px 14px;margin:0 -13px 13px;border-bottom:5px solid #f6f6f6; font-weight:bold;}
	div.box p{font-size:12px;line-height:20px;color:#464646;margin-bottom:20px;}
	div.boxright{width:270px;border:5px solid #f6f6f6;padding:0 13px;float:right; margin-bottom:10px;}
	div.boxright h3{background: #42A0C6;color:#fff;font-size:14px;padding:6px 14px;margin:0 -13px 13px;border-bottom:5px solid #f6f6f6;font-weight:bold;}
	div.boxright p{font-size:12px;line-height:20px;color:#464646;margin-bottom:20px;}
.dya {
    color: #999;
}


#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#FFF;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:810px;}
#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:#A0C544;border-bottom:3px solid #036;color:#F00;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;width:837px;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#039;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:103px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#666;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;width:837px;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#FAF8CC;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#A0C544;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;width:802px;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#FFFFFF}
.clientareatablepending{background-color:#CFECEC}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;width:800px;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
form{margin:0;padding:0;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#F00;text-align:right;border-right:1px solid #EBEBEB;}