﻿body{
	margin:0;
	color:#3d7d99;
	font:12px/22px Arial, Helvetica, sans-serif;
	background:#2A6F9C url(../images/bg-body.gif) repeat-x;
}
/* general reset */
img{border-style:none;}
a{
	text-decoration:none;
	color:#ffffff;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:980px;
	margin:0 auto;
	padding-top:203px;
	position:relative;
}
/* header */
#header{
	height:203px;
	overflow:hidden;
	margin:0 10px;
	background:url(../images/bg-header.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}
/* header-nav */
.header-nav{
	width:925px;
	overflow:hidden;
	font-size:10px;
	padding:13px 12px 26px 23px;
}
.nav{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.nav li{
	float:left;
	padding-left:30px;
}
.client-box{
	float:right;
}
.client-box .social{
	float:right;
	padding-top:5px;
	width:116px;
}
.client-box .social ul{
	float:right;
	margin:0;
	padding:0 0 0 3px;
	list-style:none;
}
.client-box .social ul li{
	padding-left:6px;
	float:left;
}
.client-box .social ul li a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:16px;
	height:16px;
	line-height:0;
	font-size:0;
}
.client-box .social ul li.twitter a{
	background:url(../images/twitter.gif) no-repeat;
}
.client-box .social ul li.linkedin a{
	background:url(../images/linkedin.gif) no-repeat;
}
.client-box .social ul li.facebook a{
	background:url(../images/facebook.gif) no-repeat;
}
.heading-follow{
	float:right;
	text-indent:-9999px;
	background:url(../images/bg-heading-follow.gif) no-repeat;
	width:47px;
	height:8px;
	line-height:0;
	font-size:0;
	margin-top:3px;
}
.client-box .login{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.client-box .login li{
	float:left;
	padding-right:38px;
}
.header-box{
	width:960px;
	overflow:hidden;
}
.logo{
	float:left;
	padding:10px 0 0 54px;
}
.logo a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
	width:220px;
	height:112px;
}
#header .info-box{
	float:right;
}
#header .info-box .contact-box{
	float:right;
	clear:both;
	margin:0 31px 49px 0;
	display:inline;
}
#header .info-box .chat{
	float:left;
	text-indent:-9999px;
	background:url(../images/bg-chat.gif) no-repeat;
	font-size:0;
	line-height:0;
	width:169px;
	height:16px;
}
#header .info-box .phone{
	float:left;
	text-indent:-9999px;
	background:url(../images/bg-phone.gif) no-repeat;
	font-size:0;
	line-height:0;
	width:223px;
	height:16px;
}
#header .info-box strong{
	margin-right:40px;
}
/* nav */
#nav{
	float:right;
	clear:both;
	margin:0;
	padding:0 24px 0 0;
	list-style:none;
	width:503px;
}
#nav li{
	float:left;
	padding-right:47px;
}
#nav li a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:12px;
	font-size:0;
	line-height:0;
}
#nav li.it a{
	background:url(../images/btn-it.gif) no-repeat;
	width:71px;
}
#nav li.business a{
	background:url(../images/btn-business.gif) no-repeat;
	width:115px;
}
#nav li.resources a{
	background:url(../images/btn-resources.gif) no-repeat;
	width:64px;
}
#nav li.contact a{
	background:url(../images/btn-contact.gif) no-repeat;
	width:65px;
}
/* main */
#main{
	height:1%;
	margin:0 10px;
	/*background-color:#c9eefe; */
	background-color:#E5E5E5;
	padding-bottom:40px;
}
#main:after{
	display:block;
	clear:both;
	content:"";
}
/* gallery */
.gallery{
	height:295px;
	position:relative;
}
.gallery:after{
	display:block;
	clear:both;
	content:"";
}
.gallery .left{
	position:absolute;
	left:-15px;
	top:104px;
}
.gallery .right{
	position:absolute;
	right:-15px;
	top:104px;
}
.gallery .pagenator{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:11px;
	left:22px;
}
.gallery .pagenator li{
	float:left;
	padding-right:7px;
}
.gallery .pagenator li a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/pagenator.png) no-repeat;
	font-size:0;
	line-height:0;
	width:11px;
	height:11px;
}
.gallery .pagenator li.active a{
	background:url(../images/pagenator-active.png) no-repeat;
}
.gallery-box{
	width:958px;
	overflow:hidden;
	margin:0 1px;
	position:relative;
}
.gallery-box ul{
	width:99999px;
	margin:0;
	padding:0;
	list-style:none;
}
.gallery-box ul img{
	display:block;
}
.gallery-box ul li{
	float:left;
	position:relative;
}
.gallery-box ul .data-box{
	width:355px;
	height:295px;
	background:url(../images/bg-gallery-text.gif) no-repeat;
	position:absolute;
	top:0;
	right:69px;
}
.gallery-box ul .title{
	height:83px;
	padding:16px 5px 0 26px;
}
.gallery-box ul .title strong{
	color:#103043;
	font-size:32px;
	font-weight:normal;
	line-height:32px;
}
.gallery-box ul .title strong cufon{
	padding-bottom:0px;
}
.gallery-box ul .text{
	height:120px;
	overflow:hidden;
	line-height:20px;
	color:#0e4056;
	padding:25px 15px 0 28px;
	margin-bottom:3px;
}
.gallery-box ul .text p{
	margin:0;
}
.gallery-box ul .more,
.gallery-box ul .more:hover{
	color:#a66201;
	font-size:15px;
	line-height:37px;
	text-transform:uppercase;
	margin-left:123px;
}
/* intro */
.intro{
	height:160px;
	overflow:hidden;
	background:url(../images/bg-intro.gif) no-repeat;
}
.heading-calculator{
	float:left;
	text-indent:-9999px;
	background:url(../images/bg-heading-calaculator.gif) no-repeat;
	width:65px;
	height:32px;
	font-size:0;
	line-height:0;
	margin:27px 0 0 45px;
}
.save{
	float:left;
	text-indent:-9999px;
	background:url(../images/btn-save.gif) no-repeat;
	width:233px;
	height:41px;
	font-size:0;
	line-height:0;
	margin:46px 0 0 63px;
}
.heading-newsletter{
	float:left;
	text-indent:-9999px;
	background:url(../images/bg-heading-newsletter.gif) no-repeat;
	width:58px;
	height:35px;
	font-size:0;
	line-height:0;
	margin:27px 0 0 97px;
}
.email-box{
	float:left;
	width:276px;
	padding:3px;
	background-color:#fff;
	margin:41px 0 0 45px;
	display:inline;
}
.email-box form{
	float:left;
	width:227px;
}
.email-box form legend{
	display:none;
}
.email-box .text{
	float:left;
	color:#7fc3e0;
	font-size:22px;
	width:217px;
	padding:2px 5px;
	background:none;
	border:none;
	margin:0;
}
.email-box .send{
	float:left;
	text-indent:-9999px;
	background:url(../images/btn-send.gif) no-repeat;
	font-size:0;
	line-height:0;
	width:49px;
	height:30px;
}
/* blogs */
.blogs{
	height:1%;
	overflow:hidden;
}
/* blog */
.blog{
	float:left;
	padding-left:28px;
	width:437px;
}
.blog .image-holder{
	float:left;
	border:1px solid #89bfd7;
}
.blog img{
	display:block;
}
.blog .data{
	float:right;
	width:283px;
}
.blog .heading-services{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-heading-services.gif) no-repeat;
	font-size:0;
	line-height:0;
	width:209px;
	height:32px;
	margin-bottom:24px;
}
.blog .heading-backup{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-heading-backup.gif) no-repeat;
	font-size:0;
	line-height:0;
	width:196px;
	height:32px;
	margin-bottom:24px;
}
.blog p{
	margin:0 0 11px;
}
.blog .more{
	font-size:10px;
	color:#a66201;
	background:url(../images/bullet1.gif) no-repeat 100% 50%;
	padding-right:27px;
	text-transform:uppercase;
}
.blog .more:hover{
	color:#a66201;
}
/* slogan */
.slogan{
	width:960px;
	position:relative;
	margin-bottom:30px;
}
.slogan img{
	display:block;
}
.slogan .title{
	width:329px;
	height:110px;
	position:absolute;
	top:0;
	right:70px;
	padding:19px 0 0 26px;
}
.slogan .title strong{
	font-weight:normal;
	color:#103043;
	font-size:29px;
}
.slogan .title strong cufon{
	padding-bottom:0;
}
/* twocolumns */
#twocolumns{
	height:1%;
	overflow:hidden;
	background:url(../images/bg-twocolumns.gif) repeat-y;
	margin-bottom:14px;
}
/* sidebar */
#sidebar{
	width:274px;
	float:left;
}
#sidebar ul{
	margin:0;
	padding:0 0 31px;
	list-style:none;
	width:235px;
	overflow:hidden;
	font-weight:bold;
	font-size:11px;
	line-height:14px;
}
#sidebar ul li{
	height:1%;
	vertical-align:top;
}
#sidebar ul li a{
	color:#3d7d99;
	display:block;
	padding:8px 0 4px 34px;
}
#sidebar ul li a:hover{
	color:#2e8cb2;
	text-decoration:none;
}
#sidebar ul li.active a{
	background:url(../images/bg-sidenav.gif) repeat-y;
	color:#123244;
}
#sidebar .title{
	display:block;
	color:#2e8cb2;
	font-size:18px;
	font-weight:normal;
	margin-bottom:2px;
}
/* cite-box */
#sidebar .cite-box{
	height:1%;
	overflow:hidden;
	padding:0 22px 41px 35px;
}

#sidebar .cite-box blockquote{
	margin:0;
}
#sidebar .cite-box p{
	margin:0;
}
#sidebar .cite-box q{
	quotes: none;
	font:italic 12px/22px Georgia, Times, serif;
	color:#3d7d99;
}
#sidebar .cite-box q:before{content:"";}
#sidebar .cite-box q:after{content:"";}
#sidebar .cite-box cite{
	font-size:10px;
	color:#3d7d99;
	font-style:normal;
	display:block;
	text-align:right;
	margin-right:12px;
}
.btn-canculate{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-canculate.gif) no-repeat;
	font-size:0;
	line-height:0;
	width:190px;
	height:104px;
	margin-left:36px;
}
/* content */
#content{
	width:616px;
	float:right;
	padding:8px 36px 0 0;
}
#content h1{
	margin:0 0 20px;
	color:#103043;
	font-size:42px;
	line-height:44px;
}
#content h1 cufon{
	padding-bottom:0;
}
#content h2{
	margin:0 0 24px;
	color:#2e8cb2;
	font-size:18px;
	line-height:22px;
}
#content p{
	margin:0 0 27px;
}
#content p a{
	text-decoration:underline;
	color:#2e8cb2;
}
#content p a:hover{
	text-decoration:none;
	color:#2e8cb2;
}
#content .article-category {
	width: 260px;
	text-align: center;
	float: left;
	border: solid 1px #2e8cb2;
	padding: 20px 10px 20px 10px;
	margin: 0 20px 20px 0;
	background:#ffffff;
}
/* learn-box */
#content .learn-box{
	float:right;
	width:180px;
	background:url(../images/devider.gif) repeat-y;
	padding:2px 0 0 25px;
	margin-left:23px;
}
#content .heading-learn{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-heading-learn.gif) no-repeat;
	width:57px;
	height:11px;
	font-size:0;
	line-height:0;
	margin:0 auto 11px;
}
#content .learn-box form{
	width:180px;
	overflow:hidden;
}
#content .learn-box legend{
	display:none;
}
#content .learn-box .text{
	margin:0 0 4px;
	padding:3px 8px 4px;
	width:162px;
	background:#fff;
	border:solid #bbe9fd;
	border-width:0 1px 1px;
	color:#80c3e0;
	font-size:14px;
	font-style:italic;
	float:left;
}
#content .learn-box .btn-submit{
	margin:0 62px;
	float:left;
	display:inline;
}
#content h3{
	margin:0 0 3px;
	color:#2e8cb2;
	font-size:14px;
	line-height:16px;
}
#content h3 a:hover {
	color:#2e8cb2;
	text-decoration:underline;
}
#content h3 a {
	color:#2e8cb2;
	text-decoration:none;
}
#content h4{
	margin:0 0 3px;
	padding:0 0 2px;
	color:#2e8cb2;
	font-size:12px;
	line-height:16px;
	background:url(../images/devider2.gif) repeat-x 0 100%;
	text-transform:uppercase;
}
#content ul{
	margin:0;
	padding:10px 0 28px;
	list-style:none;
	font-size:12px;
	line-height:15px;
}
#content ul li{
	margin-bottom:9px;
	color:#a66201;
	background:url(../images/bullet1.gif) no-repeat 0 4px;
	padding-left:28px;
}
#content ul li a{
	color:#a66201;
	background:url(../images/bullet1.gif) no-repeat 0 4px;
	padding-left:28px;
}
#content ul li a:hover{	
	color:#a66201;
}
#content .partners {
	width:100%;
	margin:15px 0 15px 0;
}
#content .partners img{
	padding:20px;
	border:solid 1px #2e8cb2;
	float:left;
	background-color:#ffffff;
	margin:0 23px 23px 0;
}
/* table */
.content-table{
	width:414px;
	margin:0 0 41px 1px;
	border:none;
	border-collapse:collapse;
}
.content-table thead{
	background-color:#fff;
}
.content-table th{
	text-align:left;
	font-size:11px;
	padding-left:11px;
	line-height:18px;
}
.content-table .first{
	width:126px;
	padding:0 0 0 13px;
}
.content-table .second{
	width:93px;
	padding:0 0 0 14px;
}
.content-table .third{
	width:56px;
	padding:0 0 0 14px;
}
.content-table td{
	padding-left:11px;
	font-size:11px;
	line-height:20px;
}
.content-table tbody tr{
	background:url(../images/bg-table.gif) repeat-y;
}
.content-table tbody tr.marked{
	background:url(../images/bg-table-marked.gif) repeat-y;
}
.content-table td a{
	font-style:italic;
	color:#2e8cb2;
	text-decoration:underline;
}
.content-table td a:hover{
	color:#2e8cb2;
	text-decoration:none;
}
/* box */
#content .box{
	height:1%;
	overflow:hidden;
}
#content .box .image-holder{
	float:left;
	border:1px solid #89bfd7;
	margin-top:7px;
}
#content .box img{
	display:block;
}
#content .box .data{
	float:right;
	width:460px;
}
#content .box .data p{
	margin:0;
}
/* footer */
#footer{
	height:1%;
	overflow:hidden;
	margin:0 10px;
	padding-bottom:15px;
}
/* footer-partners */
.footer-partners{
	height:1%;
	overflow:hidden;
	background-color:#ffffff;
	padding:30px 0 44px 77px;
}
.footer-partners ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-partners ul img{
	display:block;
}
.footer-partners ul li{
	float:left;
	padding-right:106px;
}
/* footer-box */
.footer-box{
	height:1%;
	overflow:hidden;
	font-size:10px;
	padding:16px 16px 16px 16px 0;
	color:#ffffff;
}
.footer-box .copyright{
	float:right;
	color:#ffffff;
}
.footer-box .title{
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}
.footer-box ul{
	float:left;
	width:148px;
	margin:0 25px 25px 25px 25px;
	padding:0;
	list-style:none;
}
.footer-box ul li{
	float:left;
	padding-right:16px;
}
.footer-box address{
	float:right;
	width:140px;
	font-weight:bolder;
	font-style:normal; 
}
.footer-box ul li span{
	float:left;
	padding-left:28px;
}
#footer .addthis_button{
	margin-left:24px;
	border:none;
}



#content .contact {
	width:100%;
	overflow:hidden;
}
#content .contact .mail {
	width:100%;
	overflow:hidden;
	margin: 0 0 30px 0;
}
#content .contact .mail .box {
	width:200px;
	overflow:hidden;
	padding:0 5px 0 0;
	float:left;
}
#content .contact .mail .box h3 {
	margin:0;
	font-size:13px;
	line-height:18px;
	border:0;
}
#content .contact .mail .box p {
	margin:0;
	font-size:12px;
	line-height:18px;
}
#content .form {
	width:100%;
	padding: 10px 0 0 2px;
	overflow:hidden;
}
#content .form .row {
	width:110%;
	margin:0 0 18px;
}
#content .form .row .type01 {
	width:185px;
	padding:15px 27px 0 0;
	float:left;
}
#content .form .row .type01 input.text {
	width:175px;
	padding:6px 5px 5px;
	font-size:12px;
	border: solid 1px #2e8cb2;
	background-color: #e1f5fe;
}
#content .form .row label {
	font-size:11px;
	line-height:16px;
	margin-left:1px;
}
#content .form .row label strong {
	color:#dd0000;
	padding-left:7px;
	font-weight:normal;
}
#content .form .row .type02 {
	width:116px;
	padding:15px 24px 0 0;
	float:left;
}
#content .form .row .type02 input.text {
	width:106px;
	padding:6px 5px 5px;
	font-size:12px;
	border: solid 1px #2e8cb2;
	background-color: #e1f5fe;
}
#content .form .row .type03 {
	width:610px;
	padding:15px 24px 0 0;
	float:left;
}
#content .form .row input.text {
	width:598px;
	padding:6px 5px 5px;
	font-size:12px;
	border: solid 1px #2e8cb2;
	background-color: #e1f5fe;
}
#content .form input.btn {
	margin:20px 0 0 268px;
}

