@charset "utf-8";
/* CSS Document */

body{margin:14px 0 0 0; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:url(../images/bg-main.jpg) top repeat-x #cccccc;}
a:focus{outline:0px;}

a{color:#ff6600; text-decoration:none;}
a:hover{color:#666666; text-decoration:underline;}



#wrapper{
	width:960px;
	margin:0 auto;
	background:#ffffff;
	}

#header{
	width:960px;
	background:url(../images/header-bg.jpg) top no-repeat;
	height:168px;
/*	margin:14px 0 0 0;
*/	}

.header-indent{
	padding:27px 11px 0 11px;
	}


.logo{
	background:url(../images/logo.jpg) top left no-repeat;
	width:323px;
	height:127px;
	display:block;
	float:left;
	}

.header-right-col{
	width:615px;
	height:127px;
	float:right;
	}

#live-support{
	width:315px;
	float:right;
	}
	
.live-support{
	width:138px;
	float:right;
	margin:0 0 0 12px;
	}

.top-links{
	margin:12px 0 0 0;
	float:right;
	width:490px;
	}

.top-links ul,li{
	margin:0px;
	padding:0px;
	}

.top-links li{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	float:left;
	display:inline;
	padding:0 10px;
	}

.top-links li a{
	color:#666666;
	text-decoration:none;
	}

.top-links li a:hover{
	color:#118ed0;
	text-decoration:underline;
	}


/*
#top-banner{
	background:url(../images/top-banner.jpg) top center no-repeat #ffffff;
	width:938px;
	height:250px;
	padding:0 11px;
	}
#top-banner-1{
	background:url(../images/banner-internet-marketing.jpg) top center no-repeat #ffffff;
	width:938px;
	height:250px;
	padding:0 11px;
	}
#top-banner-2{
	background:url(../images/banner-it-hosting.jpg) top center no-repeat #ffffff;
	width:938px;
	height:250px;
	padding:0 11px;
	}
#top-banner-3{
	background:url(../images/banner-data-bkp.jpg) top center no-repeat #ffffff;
	width:938px;
	height:250px;
	padding:0 11px;
	}
*/
/*------header--------*/

#top-banner{ background:url(../images/top-banner.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px 0 11px; }

#top-banner_h{width:938px; height:250px; padding:0 11px 0 11px; }

#top-banner-1{ background:url(../images/banner-internet-marketing.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;	}
#top-banner-2{ background:url(../images/banner-it-hosting.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;	}
#top-banner-3{ background:url(../images/banner-data-bkp.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-web-design-header{ background:url(../images/banner-web-de-o.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-web-analytic{ background:url(../images/banner-web-analytic.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-local-seo-header{ background:url(../images/banner-seo.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-ppc-header{ background:url(../images/banner-ppc.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-affiliate-header{ background:url(../images/banner-affiliate.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-dedicated-header{ background:url(../images/banner-dedicated-server.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-managed-header{ background:url(../images/banner-managed.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-email-header{ background:url(../images/banner-email.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-desktop-header{ background:url(../images/banner-desktop-support.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-server-mngt-header{ background:url(../images/banner-managed-server.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}
#top-network-mngt-header{ background:url(../images/banner-network-management.jpg) top center no-repeat #ffffff; width:938px; height:250px; padding:0 11px;}

/*------------header close------------*/


#mid-content{
	width:960px;
	background:#ffffff;
	}

.mid-indent{
	padding:8px 13px;
	overflow:hidden;
	}


.left-col{
	width:250px;
	float:left;
	clear:both;
	overflow:hidden;
	}

.left-box-1{
	width:250px;
	}
	
.yellow-tab{
	background:url(../images/left-col-tab.jpg) top no-repeat;
	width:250px;
	height:38px;
	font-family:Trebuchet Ms;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:10px 0 0 0;
	}	

.left-links{
	width:246px;
	margin:0 0 0 2px;
	background:url(../images/left-col-bg.jpg) top repeat-x #ffffff;
	}
	
.left-links ul,li{
	margin:0px;
	padding:0px;
	}

.left-links ul{
	padding:12px 0 15px 12px;
	}

.left-links li{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e68f42;
	line-height:21px;
	padding:0 0 0 12px;
	}
		
.left-links li a{
	list-style:none;
	background:url(../images/left-link-arrow.jpg) 0 4px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e68f42;
	line-height:21px;
	padding:0 0 0 12px;
	}

.left-links li a:hover{
	list-style:none;
	background:url(../images/left-link-arrow_o.jpg) 0 4px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:21px;
	padding:0 0 0 12px;
	}



.mid-col{
	margin:0 21px;
	width:390px;
	float:left;
	}

.mid-col h1{
	margin:0px;
	padding:0 0 15px 0;
	font-family:Trebuchet Ms;
	font-size:20px;
	color:#666666;
	}

.mid-col p{
	margin:0px;
	padding:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:17px;
	text-align:justify;
	}



.right-col{
	width:252px;
	float:right;
	}	


.right-box-1{
	width:252px;
	}
	
.article-tab{
	background:url(../images/article-tab.jpg) top no-repeat;
	width:252px;
	height:38px;
	font-family:Trebuchet Ms;
	font-size:16px;
	color:#006699;
	font-weight:bold;
	text-align:center;
	padding:10px 0 0 0;
	}	

.right-box{
	width:248px;
	margin:0 0 0 2px;
	background:url(../images/right-col-bg.jpg) top repeat-x #ffffff;
	}

.news ul,li{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3399cc;
	}

.news ul{
	margin:0 4px 20px 4px;
	}
	
.news li{
	padding:10px 0 0 50px;
	list-style:none;
	line-height:16px;
	}

li.pdf{
	background:url(../images/pdf.png) 0 12px no-repeat;
	}

li.webcast{
	background:url(../images/webcast.jpg) 0 12px no-repeat;
	}

li.podcast{
	background:url(../images/listen-podcast.jpg) 0 12px no-repeat;
	}

.right-box-2{
	width:252px;
	}
	
.right-box-indent{
	padding:12px;
	}



.right-box-2 p{
	margin:0px;
	padding:0 0 14px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:19px;
	}

.right-box-2 p a{
	color:#3399cc;
	text-decoration:none;
	}

.right-box-2 p a:hover{
	color:#3399cc;
	text-decoration:underline;
	}



.testimonials-tab{
	background:url(../images/testimonials-tab.jpg) top no-repeat;
	width:252px;
	height:38px;
	font-family:Trebuchet Ms;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:10px 0 0 0;
	}

#footer{
	width:934px;
	margin:0 13px;
	background:url(../images/footer-shadow.jpg) top repeat-x #ffffff;
	overflow:hidden;
	height:60px;
	}

#footer ul,li{
	margin:0px;
	padding:0px;
	}

#footer ul{
	margin:30px 0 0 160px;
	}

#footer li{
	list-style:none;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cc9966;
	padding:0 14px;
	}

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

#footer li a:hover{
	color:#333333;
	text-decoration:underline;
	}



#bottom-strip{
	background:url(../images/bottom-strip.jpg) top no-repeat;
	width:960px;
	height:15px;
	}

#top-nav{
	width:928px;
	height:35px;
	padding:0 11px 0 21px;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	
	}

.bottom-text p{
	margin:0px; 
	padding:14px 0 14px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
	background:#cccccc;
	}


/*------------------------- it support management page css ---------------------------*/

.it-mid-col{
	margin:0 23px;
	width:638px;
	float:left;
	}

.it-mid-col h1{
	margin:0px;
	padding:0 0 15px 0;
	font-family:Trebuchet Ms;
	font-size:20px;
	color:#006699;
	}

.it-mid-col p{
	margin:0px;
	padding:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:17px;
	text-align:justify;
	}

.box{
	width:184px;
	height:133px;
	float:left;
	margin:0 0 0 22px;
	}


.top-flags{
	float:right;
	width:250px;
	text-align: right;
	margin-top: 12px;
	padding-right:20px;
	
	}




/*------------------------- font css ---------------------------*/

.f-left{float:left;}
.f-right{float:right;}


.blue-color{color:#006699;}
.orange-color{color:#ff6600;}



.text-3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000;}

.table-td-border{border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; }