@charset "windows-1250";
/* CSS Document */

body{
	background: url(../images/bg.png) repeat-x top #0b3e6c;
	margin:0;
	padding:0;
	}
	
body, select, input, div{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#555;
	line-height:18px;
	}	
	
img{
	border:none;
	}

h1{
	font-family:Trebuchet MS;
	}
	
.clr{
	clear:both;
	height:0;
	}
	
hr{
	margin:2px 0;
	width:220px;
	}

a{
	color:#888;
	text-decoration:underline;
	outline:none;
	}
	
a:hover{
	color:#333;
	text-decoration:none;
	outline:none;	
	}	

.color1{
	color:#8ab419 !important;
	}

.color2{
	color:#ffa800 !important;
	}


.color3{
	color:#499aa2 !important;
	}

.noborderRT{
	width:120px;
	height:37px;
	border-right:none !important;
	}
	
.noborder{
	border:none !important;
	}

.noborderTop{
	border-top:none !important;
	}
	
.noborderBtm{
	border-bottom:none !important;
	}

.nomarginRt{
	margin-right:0 !important;
	}

.imgstyle{
	float:left;
	margin-left:40px;
	}

.imgstyle1{
	float:right;
	margin-right:14px;
	}

.imgstyle2{
	float:right;
	}

.imgstyle3{
	float:right;
	margin:0 0 10px 10px;
	}

.imgstyle4{
	float:left;
	padding:5px 5px;
	}

.imgstyle5{
	float:right;
	padding:5px 5px;
	}

.imgstyle6{
	float:right;
	padding:5px 0;
	}
.imgstyle-r{
	float:center;
	padding:5px 5px 5px 20px;
}

.marginRight1{
	margin-right:15px;
	margin-left:-5px;
}


.container{
	width:900px;
	margin:0 auto;
	}

.header{
	background: url(../images/header_bg.jpg) no-repeat;
	height:120px;
	width:899px;
	float:left;
	}
	
.logo{
	height:89px;
	width:274px;
	float:left;
	margin-top:15px;
	}

.logo a{
	background:url(../images/sys_logo.jpg) no-repeat;
	height:89px;
	width:274px;
	display:block;
	float:left;
	}

.rightC{
	width:324px;
	float:right;
	margin-top:30px;
	}

.rightC ul{
	margin:0;
	padding:0;
	}
	
.rightC ul li{
	display:inline;
	list-style:none;
	width:86px;
	padding-left:32px;
	}
	
.rightC a{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	}

.rightC a:hover{
	text-decoration:underline;
	}

.rightC_img1{
	background:url(../images/mail_img.png) no-repeat 0px 0;
	height:19px;
	width:20px;
	float:left;
	width:55px !important;
	}

.rightC_img2{
	background: url(../images/status_imgs.png) no-repeat;
	height:24px;
	width:25px;
	float:left;
	}

.rightC_img3{
	background:url(../images/chat_img.png) no-repeat;
	height:21px;
	width:27px;
	float:left;
	}

.menuC{
	background:url(../images/menu_bg.png) repeat-x;
	width:100%;
	float:left;
	border-bottom:2px solid #d1d6d8;
	border-top:3px solid #000;	
	}
	
#menu{
	width:900px;
	font-size:14px;
	float:left;
	font-weight:bold;
	line-height:35px;
	height:37px;
	text-align:center;
	}
	
#menu ul {  
	margin: 0; 
	padding: 0;
	}
	
#menu ul li{
	float:left;
	display:inline;
	list-style:none;
}
	
#menu ul li a{
	color:#fff;
	display:block;
	padding:0 24px;
	border-left:1px solid #45494d;
	border-right:1px solid #000;
	text-decoration:none;
	}
	
#menu ul li a:hover{
	background:url(../images/menu_active_btn.png) repeat-x;
	color:#fff;
	padding:0 25px !important;
	border:none !important;
	text-decoration: none;
	}

#menu ul li a.home{
	background:url(../images/homeBtn.png) no-repeat;
	width:47px;
	height:37px;
	border:none !important;
	padding:0 !important;
	text-decoration:none;
	}

#menu ul li a.active{
	background:url(../images/menu-over.png);
	}

.mainC{
	background:url(../images/main_bg.png) repeat-x #b4b6b8;
	width:100%;
	float:left;
	padding-bottom:20px;
	}
	
.banner{
	background:url(../images/banner.jpg) no-repeat;
	height:274px;
	width:832px;
	float:left;
	padding:30px 30px 0 40px;
	margin:-2px 0 20px 0;
	}

.banner h1{
	color:#000;
	font-size:46px;
	font-weight:bold;
	line-height:46px;
	margin:5px 0 10px 0;
	letter-spacing:-2px;
	text-shadow:1px 1px 0 #fff;
	}

.banner h2{
	color:#333;
	font-size:20px;
	font-weight:bold;
	margin:5px 0 10px 0;
	margin:0;
	letter-spacing:-1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.small {
	float:right;
	color:#333;
	font-size:18px;
	font-weight:bold;
	margin:25px 170px 0 5px;	
	letter-spacing:-1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	} 
.banner ul{
	margin:0 0 0 10px;
	padding:0;
	}
	
.banner ul li{
	background:url(../images/bullet.png) no-repeat 0 3px;
	list-style:none;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	padding-left:20px;
	}

.textstyle{
	font-style:italic;
	color:#8ab419;
	}

.BannerBox{
	width:230px;
	float:right;
	padding:0 30px;
	margin:30px 2px 0 0;
	}

.BannerBox ul{
	margin:0 0 15px 0;
	padding:0;
	}

.BannerBox ul li{
	background:none;
	list-style:none;
	font-size:16px;
	line-height:28px;
	border-bottom:1px solid #c4c4c4;
	padding:0;
	}

.BannerBox a{
	background:url(../images/bullet4.png) no-repeat 124px 3px;
	float:right;
	font-size:18px;
	line-height:24px;
	padding-right:26px;
	text-decoration:underline;
	}

.BannerBox a:hover{
	color:#888;
	text-decoration:none;
	}

.banner_btn{
	height:46px;
	width:165px;
	float:left;
	margin:10px 0 0 10px;
	}

.banner_btn a{
	background:url(../images/banner_btn.png) no-repeat left;
	height:46px;
	width:165px;
	display:block;
	}

.banner_btn a:hover{
	background:url(../images/banner_btn.png) no-repeat right;
	}

.box1{
	background:#FFF;
	width:286px;
	float:left;
	padding:5px;
	margin:0 6px 20px 0;
	}

.box1 h1{
	background:url(../images/box1Top.png) repeat-x;
	color:#ffa800;
	font-size:24px;
	font-weight:bold;
	line-height:43px;
	padding-left:14px;
	margin:0;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	}

.box1Contents{
	background:url(../images/box1Bg.png) repeat-x top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:261px;
	padding:12px 15px 0 10px;
	}
	
.box1Contents ul{
	margin:0;
	padding:0;
	}

.box1Contents li{
	line-height:22px;
	list-style:inside;
	border-top:1px solid #fff;
	border-bottom:1px solid #cecece;
	}

.OrderNowBtn{
	height:39px;
	width:129px;
	float:left;
	margin:12px 0 0 0px;
	}

.OrderNowBtn a{
	background:url(../images/OrderNowBtn.png) no-repeat top;
	height:39px;
	width:129px;	
	display:block;
	}

.OrderNowBtn a:hover{
	background:url(../images/OrderNowBtn.png) no-repeat bottom;
	}

.priceBox{
	background:url(../images/PriceBg.png) no-repeat;
	height:64px;
	width:104px;
	float:right;
	margin:0;
	padding:2px 0 0 10px;
	color:#444;
	font-weight:bold;
	font-size:24px;
	line-height:26px;
	letter-spacing:-1px;
	text-shadow:1px 1px 0 #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.BiggerText{ font-size:32px;}

.server01{
	background:url(../images/server_1.jpg) no-repeat;
	height:91px;
	width:65px;
	position:absolute;
	margin:7px 0 0 195px;
	}

.server02{
	background:url(../images/server_2.jpg) no-repeat;
	height:88px;
	width:84px;
	position:absolute;
	margin:5px 0 0 187px;
	}

.server03{
	background:url(../images/server_3.jpg) no-repeat;
	height:89px;
	width:105px;
	position:absolute;
	margin:15px 0 0 171px;
	}

.included_box{
	background:#FFF;
	width:387px;
	float:left;
	padding:20px 30px 20px 20px;
	border:1px solid #cccccc;
	}

.included_box h1{
	color:#000;
	font-size:24px;
	font-weight:bold;
	margin:0;
	}

.included_box h2{
	color:#888888;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 15px 0;
	}

.included_box ul{
	margin:0 0 15px 10px;
	padding:0;
	}

.included_box ul li{
	background:url(../images/bullet1.png) no-repeat 0 11px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	padding-left:15px;
	}

.readmore_btn{
	background:url(../images/readmore_btn.png) no-repeat left;
	height:35px;
	width:120px;
	float:left;
	margin:0;
	}

.readmore_btn a{
	background:url(../images/readmore_btn.png) no-repeat left;
	height:35px;
	width:120px;
	display:block;
	}

.readmore_btn a:hover{
	background:url(../images/readmore_btn.png) no-repeat right;
	}

.hot_tag{
	background:url(../images/hotfeature_tag.png) no-repeat;
	height:128px;
	width:128px;
	float:right;
	margin:-29px 0 0 298px;
	position:absolute;
	}

.topreasons{
	width:440px;
	float:right;
	}

.topreasons h1{
	background:#333333;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	margin:0;
	line-height:42px;
	padding-left:20px
	}
	
.business, .contract, .technology, .satisfaction{
	width:330px;
	padding:15px 20px 20px 90px;
	}

.business h2, .contract h2, .technology h2, .satisfaction h2{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin:0 0 5px 0;
	}
	
.business{ background:url(../images/business_img.jpg) no-repeat 20px 20px #FFF;}
.contract{ background:url(../images/support.jpg) no-repeat 20px 22px #eee;}
.technology{ background:url(../images/transfer.jpg) no-repeat 20px 20px #e0e0e0;}
.satisfaction{ background:url(../images/satisfaction.jpg) no-repeat 18px 8px #ccc;}


.sitemap{
	background:url(../images/sitemap_bg.png) no-repeat top;
	width:176px;
	float:left;
	margin:15px 10px 25px 0;
	}
	
.sitemapBottom{
	background:url(../images/sitemap_bg.png) no-repeat bottom;
	height:4px;
	margin-top:5px;
	}
	
.sitemap h2{
	font-size:16px;
	font-weight:bold;
	margin:10px 0 0 15px;
	color:#FFF;
	}
	
.sitemap ul{
	margin:0;
	padding:0 25px 0 15px;
	}
	
.sitemap ul li{
	background: url(../images/bullet2.png) no-repeat 2px 11px;
	padding:0 0 0 12px;
	line-height:24px;
	list-style:none;
	color:#FFF;
	}
	
.sitemap a{
	color:#fff;
	text-decoration:none;
	}
	
.sitemap a:hover{
	color:#fff;
	text-decoration:underline;
	}

.footer{
	width:314px;
	float: right;
	text-align:right;
	color:#aabccb;
	margin-top:15px;
	padding-bottom:20px;
	}

.footer p{
	margin:0;
	padding:0 9px;
	}
	
.footer a{
	text-decoration:underline;
	color:#aabccb;
	}

.footer a:hover{
	color:#FFF;
	text-decoration:underline;
	}

.ltContainer{
	width:640px;
	float:left;
	margin:20px 0;
	}
	
.banner_2{
	background:url(../images/banner_2.jpg) no-repeat;
	height:125px;
	width:860px;
	float:left;
	padding:20px 0 0 40px;
	margin:-2px 0 0px 0;
	}

.banner_2 h1{
	color:#000;
	font-size:46px;
	font-weight:bold;
	line-height:46px;
	margin:5px 0 10px 0;
	letter-spacing:-2px;
	text-shadow:1px 1px 0 #fff;
	}

.banner_2 h2{
	color:#333;
	font-size:22px;
	font-weight:bold;
	line-height:40px;
	margin:0;
	letter-spacing:-1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.box2{
	width:639px;
	float:left;
	margin:42px 0;
	}

.bulletStyle1{
	float:left;
	margin-top:12px;
	margin-right:10px;
	width:18px;
	height:18px;
	display:block;
}

.bulletStyle1 a{
	width:18px;
	height:18px;
	display:block;
	background:url(../images/checkmark.png) no-repeat left top;
	text-decoration:none;
}

.bulletStyle1 a:hover{
	text-decoration:none;
	cursor:help;
}
.free {
	color: #161719;
}
.rtContainer{
	width:240px;
	float:right;
	margin:20px 0;
	}

.navigation{
	width:240px;
	font-size:13px;
	float:left;
	line-height:32px;
	text-align:center;
	}
	
.navigation ul{  
	margin: 0; 
	padding: 0;
	}
	
.navigation ul li{
	list-style:none;
	margin-bottom:2px;
}
	
.navigation ul li a{
	background:url(../images/navigation_bg.png) no-repeat left;
	width:200px;
	display: block; 
	text-decoration:none;  
	color:#333333;
	text-align:left;
	padding-left:40px;
	}
	
.navigation ul li a:hover{
	background:url(../images/navigation_bg.png) no-repeat right;
	color:#333333;
	text-decoration:none;
	}
	
.navigation ul li a.active {
	background:url(../images/navigation_active_bg.png) no-repeat;
	width:200px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
	
.newsbox{
	background:url(../images/news_bg.png) no-repeat;
	height:190px;
	width:230px;
	float:left;
	color:#c0bfbf;
	margin:20px 0;
	padding-left:10px;
	}

.newsbox p{
	margin:0;
	padding:0;
	padding:10px 0;
}


.newsbox .hr{
	padding:0 !important;
	height:1px !important;
	border:0;
	line-height:1px;
	clear:both;
	margin: 0;
	background-color:#c0bfbf;
	width:220px;
}

.newsbox h2{
	background:url(../images/bullet3.png) no-repeat 0 6px;
	color:#FFF;
	font-size:18px;
	padding-left:25px;
	margin:0;
	line-height:30px;
	}

.questionbox{
	margin: 5px 0 0 0 ;
	background:url(../images/question_logo.jpg) no-repeat;
	height:120px;
	width:240px;
	float:left;
	}

.questionbox a{
	background:url(../images/question_logo.jpg) no-repeat;
	height:120px;
	width:240px;
	display:block;
	}

.testimonial{
	background:url(../images/testimonial_btm.png) no-repeat bottom #fff;
	width:240px;
	padding-bottom:4px;
	float:left;
	margin-top:20px;
	}

.testimonial h2{
	background:url(../images/testimonial_top.png) no-repeat;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#333333;
	margin:0;
	padding-left:20px;
	}
	
.testimonial p{
	background:url(../images/coma_1.png) no-repeat 5px 15px;
	margin:0;
	padding:10px 10px 10px 30px;
	margin:0;
	}
.rightmenu{
	background:url(../images/testimonial_btm.png) no-repeat bottom #fff;
	width:240px;
	padding-bottom:4px;
	float:left;
	margin-top:20px;
	}

.rightmenu h2{
	background:url(../images/testimonial_top.png) no-repeat;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#333333;
	margin:0;
	padding-left:20px;
	}
	
.rightmenu p{
	padding:5px 10px 10px 20px;
	margin:0;
	}
.rightmenu a{
	color:#333;
	text-decoration:none;
}
.rightmenu a:hover{
	color:#3282FD;
	text-decoration:underline;
}		
.SocialNetworks{
	background:url(../images/SocialNetworksBg.png) repeat-x bottom;
	width:147px;
	float:left;
	margin:10px 10px 12px 0;
	}

.facebook, .twitter{
	color:#fff;
	font-weight:bold;
	width:137px;
	float:left;
	padding:6px 5px;
	}

.facebook{ background:url(../images/facebook.png) no-repeat 2px 2px;}
.twitter{ background:url(../images/twittter.png) no-repeat 2px -2px;}
.tooltipContent{display:none ;}


.box3{
	width:640px;
	float:left;
	margin-bottom:12px;
	background:url(../images/box3btm.png) no-repeat left bottom;
	padding-bottom:4px;
	}

.box3 h1{
	background:url(../images/packageTop.png) no-repeat;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	margin:0;
	line-height:42px;
	padding-left:20px
}

.box3Contents{
	width:600px;
	float:left;
	padding:20px;
	background-color:#fff;
	text-decoration:none;  
}
.title{
	font-size:13px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	color:#4B4B4B;
}
.Content{
	width:600px;
	float:left;
	padding:20px;
	background-color:#fff;
}

.Content a{
	text-decoration:none;
	color:#4B4B4B;
}
.Content a:hover{
	color:#3282FD;
	text-decoration:underline;
}
.Content ol{
	margin:20px 5px 0 20px;
	padding:5ps;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
}

.Contents ol li{
	color:#555;
	padding-left:5px;
	font-weight:bold;
}

.package{
	background:url(../images/box3Btm02.png) no-repeat bottom;
	width:640px;
	float:left;
	margin:0;
	padding-bottom:5px;
}

.package h1{
	line-height:43px;
	color:#fff;
	font-size:23px;
	font-weight:bold;
	padding-left:20px;
	letter-spacing:-1px;
	text-shadow:1px 1px 0 #000;
	margin:0;
	width:212px;
	float:left;
}

.packageContents{
	background:#fff;
	width:640px;
	float:left;
}

.headers{
	background:url(../images/packageTop.png) no-repeat;
	height:43px;
	width:640px;
	float:left;
}

.Header01{
	background:url(../images/packageBg02.png) repeat-x;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	padding-left:20px;
	text-shadow:1px 1px 0 #000;
	color:#fff;
}

.Header02{
	width:136px;
	float:left;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	text-shadow:1px 1px 0 #333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}

.Con_01{
	width:232px;
	float:left;
}

.Con_01 ul{
	margin:0;
	padding:0;
}

.Con_01 ul li{
	line-height:40px;
	color:#666;
	list-style:none;
	padding-left:20px;
	font-weight:bold;
}

.Con_02{
	width:136px;
	float:left;
}

.Con_02 ul{
	margin:0;
	padding:0;
}

.Con_02 ul li{
	line-height:40px;
	font-weight:bold;
	color:#666;
	list-style:none;
	text-align:center;
}

.BigText{
	font-size:14px;
}

.OrderNowBtn2{
	line-height:30px;
	width:91px;
	margin:0px auto;
	padding:7px 0;
}

.OrderNowBtn2 a{
	background: url(../images/OrderNowBtn2.png) no-repeat top;
	height:26px;
	width:91px;
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:26px;
}
	
.OrderNowBtn2 a:hover{
	background: url(../images/OrderNowBtn2.png) no-repeat bottom;
	text-decoration:none;

}

.check{
	background:url(../images/bullet-2.png) no-repeat center;
}

.cross{
	background:url(../images/bullet-3.png) no-repeat center;
}
.rowStyle01{
	background-color:#f5f5f5;
}
.rowStyle02{
	background-color:#fff;
}
.colorStyle1{
	color:#D3252D !important;
}
.colorStyle2{
	color:#002EA7 !important;
}