@charset "utf-8";
/* global css */
html,body {height:100%;}
body{background: #E6F5FE;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea,button{
	color: #3F3F3F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}	
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: #005B7F;
	text-decoration:none;
}
a:hover{text-decoration:underline;}

#mainnav a,#homde-banner p a,.mode-btn a,.tb-w .b a.btn{text-indent: -2000px; overflow: hidden;}

#container:after,.mode-w:after,.box:after{content:''; display: block; clear:both}

#wrap{
	width: 1009px;
	margin: 0 auto;
	background: #fff;
	border: 5px solid #E7E7E7;
	border-width: 0 5px;
}

/* header */
#head{
	width: 963px;
	padding: 15px 28px 0;
	margin: 0 -5px;
	background: url(../images/head-bg.gif) no-repeat;
}
#logo{
	float: left;
	margin-bottom: 12px;
}
#touch{
	float: right;
	margin-bottom: 12px;
	padding: 20px 0 0;
}
#touch li{
	float: left;
	height: 43px;
	margin-left: 12px;
}
#touch li#live-chat{
	width: 128px;
	font-weight: bold;
	line-height: 43px;
	padding:0 14px;
}
#live-chat em{
	color: #87A743;
}
#touch li#call-us{
	width: 142px;
	height: 41px;
	text-align: right;
	letter-spacing: -1px;
	padding: 0px 7px 0;
	background-position: 0 -43px;
}
#mainnav{
	width: 100%;
	clear: both;
	height: 32px;
	position: relative;
	z-index: 1;
	background: white;
}
#mainnav li{
	position: relative;
}
#mainnav li,#mainnav a{
	float: left;
	height: 32px;
}
#mainnav li:hover div{
	display:block;
}
#mainnav a{
	background: url(../images/mainnav-bg.gif) 0 -32px no-repeat;
}
#mainnav a:hover{
	background-position: 0 0;
}
#mainnav a#nav-home{
	width: 115px;
}
#mainnav a#nav-linux{
	width: 141px;
	background-position: -115px -32px;
}
#mainnav a#nav-linux:hover{
	background-position: -115px 0;
}
#mainnav a#nav-window{
	width: 158px;
	background-position: -256px -32px;
}
#mainnav a#nav-window:hover{
	background-position: -256px 0;
}
#mainnav a#nav-network{
	width: 138px;	
	background-position: -414px -32px;
}
#mainnav a#nav-network:hover{
	background-position: -414px 0;
}
#mainnav a#nav-company{
	width: 139px;
	background-position: -552px -32px;
}
#mainnav a#nav-company:hover,#mainnav li.on a#nav-company{
	background-position: -552px 0;
}
#mainnav a#nav-support{
	width: 132px;
	background-position: -691px -32px;
}
#mainnav a#nav-support:hover,#mainnav li.on a#nav-support{
	background-position: -691px 0;
}
#mainnav a#nav-clientarea{
	width: 140px;
	background-position: -823px -32px;
}
#mainnav a#nav-clientarea:hover{
	background-position: -823px 0;
}
#mainnav li.on div{
	display: block;
}
#mainnav div{
	width: 156px;
	position: absolute;
	top: 31px;
	left: 0;
	display: none;
	font-weight: bold;
	padding: 5px 0 15px;
	background: url(../images/mainnav-sub.gif) #4F6E1E repeat-x;
}
#mainnav div ul{
	width: 136px;
	position: relative;
	overflow: hidden;
	padding: 0 10px;
}
#mainnav div li,#mainnav div a{
	float: none;
	height: auto;
	text-indent: 0;
	background: none;
}
#mainnav div li{
	width: 100%;
	padding: 3px 0;
	margin-top: -1px;
	border-top: 1px solid #4C671C;
}
#mainnav div a{
	color: #fff;
	text-decoration: none;
}
#mainnav div a:hover{
	text-decoration: underline;
}
#homde-banner{
	height: 214px;
	margin-bottom: 8px;
	position: relative;
	background: url(../images/banner-1.gif) no-repeat;
}
#homde-banner p{
	top: 128px;
	left: 350px;
	position: absolute;
}
#homde-banner p,#homde-banner p a{
	width:136px;
	height: 49px;
}
#homde-banner p a{
	display: block;
	background: url(../images/btn-getstar.gif) no-repeat;
}
#homde-banner p a:hover{
	background-position: 0 -49px;
}

/* container */
#container{
	width: 963px;
	margin: 0 -5px;
	padding: 0 28px 74px;
	background: url(../images/container-bg.gif) left bottom no-repeat;
}

#col-l{
	float: left;
	width: 712px;
}

.mode-w{
	width:100%;
	margin: 0 0 15px;
	background: url(../images/mode-w.gif) no-repeat;
}
.mode{
	float: left;
	width: 231px;
	padding: 3px 3px 0;
}
.price{
	height: 74px;
	color: #fff;
	padding: 12px 0 0 10px;
	line-height: 1;
	font-size: 22px;
	font-weight: bold;
	background: url(../images/price-1.gif) no-repeat;
	letter-spacing: -1px;
}
.price strong{
	display: block;
	font-size: 32px;
	margin-top: 4px;
	letter-spacing: -3px;
	font-family:Trebuchet MS;
}
.price strong span{
	font-size: 14px;
	letter-spacing: -1px;
}
.mode ul{
	padding: 10px 15px 0;
	
}
.mode-btn{
	width: 183px;
	height: 87px;
	padding: 32px 0 0 46px;
	margin: 0 auto;
	background: url(../images/mode-btn1.gif) no-repeat;
}
.mode-btn a{
	display: block;
	height: 37px;
	width: 135px;
	background: url(../images/mode-btn.gif) no-repeat;
}
.mode-btn a:hover{
	background-position: 0 -75px;
}
.mode-btn a.btn-order{
	height: 38px;
	background-position: 0 -37px;
}
.mode-btn a.btn-order:hover{
	background-position: 0 bottom;
}
#mode-window .price{
	background-image: url(../images/price-2.gif);
}
#mode-hybrid .price{
	background-image: url(../images/price-3.gif);
}

.box{
	zoom:1;
	padding: 15px;
	margin-bottom: 13px;
	border: 1px solid #C2E0F6;
	background: #ECF7FE;
}
.box h2,.content h1{
	font-size: 16px;
	font-weight: bold;
	color: #2C76AC;
	text-transform: uppercase;
	padding-bottom: 10px;
}
#box-about {
	padding-right: 150px;
	background: url(../images/box-about-bg.gif) #ECF7FE right bottom no-repeat;
}
.list1{
	padding: 0 0 0 20px;
}
.list1 li{
	float: left;
	width:180px;
	padding:2px 0 2px 24px;
	background: url(../images/icon-arr.gif) 0 6px no-repeat;
}
#box-all{
	padding-left: 195px;
	background: url(../images/box-all-bg.gif) #ECF7FE no-repeat;
}
#box-all ul.list1{
	padding-left: 40px;
}

#sidebar{
	float: right;
	width: 244px;
	padding-bottom: 70px;
}

.ts{
	padding: 8px;
	margin-bottom: 10px;
	border: 1px solid #F2E48A;
	background: #FFFFCC;
}
.ts h2{
	letter-spacing: -1px;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 8px;
	text-decoration: underline;
}
.reasons{
	padding-bottom: 5px;
}
.reasons li{
	font-weight: bold;
	padding-left: 36px;
	line-height: 26px;
	margin-bottom: 10px;
	background: url(../images/icon-1.gif) no-repeat;
}
.reasons li.l2{
	background-image: url(../images/icon-2.gif);
}
.reasons li.l3{
	background-image: url(../images/icon-3.gif);
}
.reasons li.l4{
	background-image: url(../images/icon-4.gif);
}
.reasons li.l5{
	background-image: url(../images/icon-5.gif);
}

.testimonial{
	margin-bottom: 15px;
}
.testimonial h4{
	padding: 0 0 0 20px;
	font-weight: bold;
	margin-bottom: 8px;
}
.testimonial blockquote{
	font-style: italic;
}
.testimonial .more{
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

.guarantor ul{
}

.guarantor li,h2.imgfont{
	line-height: 32px;
	margin-top: 7px;
	font-weight: bold;
}
.guarantor li img,h2.imgfont img{
	width: 32px;
	height: 32px;
	margin-right: 10px;
	vertical-align: middle;
}

/* foot */
#foot{
	font-weight: bold;
	width: 1009px;
	padding: 10px 0;
	margin: 0 auto;
}
#author{
	float: right;
}

/* subpage */
#banner{
	height: 127px;
	margin-bottom: 20px;
	position: relative;
	background: url(../images/banner-2.gif) no-repeat;
}
#banner p{
	top: 14px;
	left: 11px;
	width: 321px;
	color: #363636;
	letter-spacing: -1px;
	line-height: 52px;
	font-weight: bold;
	font-size: 27px;
	text-align: center;
	position: absolute;
}

#mainbar{
	float: left;
	padding: 0 0 0 12px;
	width: 681px;
}
.content p{
	margin-bottom: 15px;
}
h2.imgfont{
	letter-spacing: 0;
	font-size: 12px;
	margin-top: 0;
	text-decoration: none;
}
h2.imgfont img{
	margin-right: 4px;
}

.card{
	text-align: center;
	margin-bottom: 20px;
}

.tb-w .t{
	text-align: center;
	height: 37px;
	height: 37px;
	background: url(../images/tb-t.gif) no-repeat;
}
.tb-w .t li{
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 37px;
	color: #3F3F3F;
}
.tb-w .t .l1{
	text-align: left;
	width: 210px;
	padding-left:30px;
}
.tb-w .t .l2{
	width: 110px;
}
.tb-w .t .l3{
	width: 110px;
}
.tb-w .t .l4{
	width: 110px;
}
.tb-w .t .l5{
	width: 110px;
}
.tb-w .b{
	height: 54px;
	line-height: normal;
	padding: 12px 0 0;
	background-image: url(../images/tb-b.gif);
}
.tb-w .b li{
	height: 54px;
}
.tb-w .b a.btn{
	display: block;
	width: 107px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/btn-order.gif) no-repeat;
}
.tb-w .b a.btn:hover{
	background-position: 0 -32px;
}
.tb{
	font-size: 14px;
	padding: 0 3px 0 3px;
}
.tb table{
	table-layout: fixed;
}
.tb th{
	height: 1px;
	line-height: 0;
	overflow: hidden;
}
.tb td{
	border-bottom: 1px solid #E1E1E1;
	line-height: 38px;
	text-align: center;
}
.tb tr.bg td{
	background: #EEF6D4;
}
.tb td img{
	vertical-align: middle;
}
.tb .textleft{
	font-weight: bold;
	text-align: left;
	padding-left: 30px;
}
.blurcolor{
	color: #005B7F;
	font-weight: bold;
}
	#features {clear:both; color:#636b70;font-size:14px;line-height:24px;}

.list { margin-left: 0;padding-left: 15px;; list-style: none;}

.list .top1 { background:url(../images/1.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top2 { background:url(../images/2.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top3 { background:url(../images/3.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top4 { background:url(../images/4.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top5 { background:url(../images/5.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top6 { background:url(../images/6.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top7 { background:url(../images/7.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top8 { background:url(../images/8.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top9 { background:url(../images/9.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

.list .top10 { background:url(../images/10.gif) no-repeat; margin:10px 0; padding:0 0 40px 55px; border-bottom:1px dotted #ccc;}

div#sidebar ul {list-style:none;margin-bottom:20px;}
div#sidebar ul li.title {border: 1px solid #C2E0F6;background: #ECF7FE;color: #000000;padding:10px;font-size:14px;font-weight:bold;}
div#sidebar ul li {background:url(../images/item.gif) no-repeat 11px 9px;padding:9px 0 6px 8px;border-bottom:1px solid #eee;}