body{
  margin:0;
  color:#7a7a7a;
  font:14px Arial, Helvetica, sans-serif;
  background:#d4d4d4;
  min-width:978px;
}

img{border-style:none;}
a{text-decoration:none; color:#dd5910;}
a:hover{text-decoration:underline;}
q{quotes:none;}
q:before{content:''}
q:after{content:''}
#wrapper{
  width:100%;
  overflow:hidden;
  position:relative;
}

#header{
  width:100%;
  background:url(images/bg-header.jpg) no-repeat 50% 0;
}

.header-holder{
  width:100%;
  background:url(images/bg-header-b.gif) repeat-x 0 100%;
}

.header-frame{
  width:978px;
  margin:0 auto;
  min-height:179px;
}

.header-top{
  width:100%;
  height:132px;
  background:url(images/bg-header-frame.png) no-repeat 0 65px;
  overflow:hidden;
}

.logo{  background:url(images/logo.png) no-repeat;
  width:315px;
  height:140px;  text-indent:-9999px;  overflow:hidden;  float:left;
  margin:0 0 0 -8px;}.logo a{  display:block;  height:140px;
  width:165px;
  margin:0 auto;}
.nav-holder{
  float:right;
  width:663px;
}

.btn-holder{
  width:100%;
  overflow:hidden;
  padding:33px 0 37px;
}

.btn-support,
.btn-demo{
  background:url(images/bg-btn-demo-l.gif) no-repeat;
  height:26px;
  float:right;
  color:#fff;
  font-size:12px;
  line-height:26px;
  margin:0 9px 0 3px;
  cursor:pointer;
}

.btn-support span,
.btn-demo span{
  float:left;
  background:url(images/bg-btn-demo-r.gif) no-repeat 100% 0;
  padding:0 35px 0 12px;
  height:26px;
}

.btn-support{
  background:url(images/bg-btn-support-r.gif) no-repeat 100% 0;
  padding:0 20px 0 0;
  color:#15a9fa;
}

.btn-support span{
  background:url(images/bg-btn-support-l.gif) no-repeat;
  padding:0 36px 0 8px;
}

.btn-support span:hover,
.btn-demo span:hover{text-decoration:underline;}
#nav{
  padding:0;  margin:0 0 0 -4px;  list-style:none;
  overflow:hidden;
  width:100%;
  text-transform:uppercase;
  font:14px/25px 'Trebuchet MS', Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
}

#nav li{
  float:left;
  padding:0 17px;
}

#nav span,
#nav a{
  float:left;
  height:25px;
  color:#fff;
  padding:0 7px 0 0;
  cursor:pointer;
}

#nav span{padding:0 3px 0 10px;}
#nav .active a,
#nav a:hover{
  background:url(images/bg-nav-hover-r.gif) no-repeat 100% 0;
  text-decoration:none;
}

#nav .active span,
#nav a:hover span{
  background:url(images/bg-nav-hover-l.gif) no-repeat;
}

.visual{
  position:relative;
  width:100%;
}

.visual img{display:block;}
.visual .image{
  position:absolute;
  z-index:50;
  right:11px;
  bottom:9px;
}

.visual .title{
  position:absolute;
  z-index:20;
  background:url(images/bg-title.png);
  top:134px;
  left:0;
  padding:16px 55px 11px 32px;
  min-width:404px;
}

.inner .visual .title{top:84px;}
.visual .title h1{
  margin:0;
  font:39px/39px 'Trebuchet MS', Helvetica, Arial, sans-serif;
  color:#fff;
  letter-spacing:-2px;
}

.btn-advantages{
  position:absolute;
  font:bold 19px/29px 'Trebuchet MS', Helvetica, Arial, sans-serif;
  color:#fff;
  letter-spacing:-1px;
  background:url(images/arrow.png) no-repeat 100% 50%;
  left:36px;
  bottom:43px;
  padding:0 31px 0 0;
  text-transform:uppercase;
}

#main{
  width:100%;
  overflow:hidden;
  padding:20px 0 28px;
  background:#fff url(images/bg-main.gif) repeat-x;
}

#twocolumns{
  margin:0 auto;
  width:929px;
  overflow:hidden;
  padding:0 22px 0 27px;
}

#content{
  width:687px;
  float:left;
  padding:4px 0 0;
}

#content .article{
  border-bottom:1px solid #ccc;
  line-height:20px;
  padding:0 0 6px;
  margin:0 0 16px;
}

.inner #content .article{
  padding:0 0 18px;
  margin:0 0 24px;
}

#content h3{
  font:18px/18px 'Trebuchet MS', Helvetica, Arial, sans-serif;
  color:#4f4f4f;
  margin:0 0 24px;
}

#content .article h3{
  color:#555;
  margin:0;
  font:15px/18px 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

#content .article h2{
  font:23px/24px 'Trebuchet MS', Helvetica, Arial, sans-serif;
  margin:0 0 11px;
  color:#dd5910;
}

#content .article p{margin:0 0 10px;}
#content .info{
  font-size:13px;
  color:#555;
  line-height:16px;
}

#content .info a{font-weight:bold;}
#content .info p{margin:0 0 18px;}
#content .info-list{
  padding:0 30px 11px;  margin:0 0 29px;  list-style:none;
  color:#555;
  font-size:13px;
  line-height:16px;
  border-bottom:1px solid #ccc;
}

#content .info-list li{
  background:url(images/bullet.gif) no-repeat 0 5px;
  padding:0 0 15px 30px;
}

#content .list-services{
  padding:0 0 0 8px;  margin:0;  list-style:none;
  font-size:13px;
  line-height:16px;
  color:#555;
}

#content .list-services li{
  width:100%;
  overflow:hidden;
  background:url(images/separator.gif) repeat-x 0 100%;
  margin:0 0 10px;
}

#content .list-services .image{
  float:left;
  margin:0 26px 1px 0;
}

#content .list-services .image img{vertical-align:bottom;}
#content .list-services .description{
  overflow:hidden;
  padding:0 60px 0 0;
}

#content .list-services h4{
  margin:0 0 1px;
  font-size:14px;
  line-height:16px;
}

#content .list-services p{margin:0;}
#sidebar{
  width:210px;
  float:right;
}

.inner #sidebar{padding:4px 0 0;}
#sidebar .menu{
  width:208px;
  margin:0 0 24px;
}

#sidebar .menu .title{
  background:url(images/bg-title-2.gif) no-repeat;
  padding:14px 11px 8px;
}

#sidebar .menu h4{
  color:#fff;
  font-size:14px;
  line-height:18px;
  margin:0;
}

#sidebar .menu ul{
  padding:0;  margin:0;  list-style:none;
  overflow:hidden;
  font-size:12px;
  line-height:14px;
  background:url(images/bg-menu.gif) no-repeat 0 100%;
}

#sidebar .menu ul li{
  border-top:1px solid #d0d0d0;
  margin:-1px 0 1px;
  background:url(images/arrow-3.png) no-repeat 192px 12px;
}

#sidebar .menu ul a{
  display:block;
  padding:9px 6px 6px;
}

#sidebar blockquote{
  margin:0 0 25px;
  font-size:11px;
  line-height:15px;
  color:#555;
}

#sidebar .blockquote{
  background:url(images/bg-blockquote-t.gif) no-repeat;
  width:100%;
  margin:0 0 2px;
}

#sidebar .holder{
  background:url(images/bg-blockquote-b.gif) no-repeat 0 100%;
  width:190px;
  margin:0;
  padding:12px 9px 29px 11px;
}

#sidebar blockquote q{font-style:italic;}
blockquote cite{
  font-style:normal;
  font-weight:bold;
  padding:0 0 0 1px;
}

#sidebar .list-btn{
  padding:0;  margin:0;  list-style:none;
  text-transform:uppercase;
  font:12px/17px 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

#sidebar .list-btn li{margin:0 0 12px;}
#sidebar .list-btn a{
  display:block;
  height:45px;
  width:175px;
  background:url(images/bg-list-btn.gif) no-repeat;
  color:#555;
  padding:8px 17px 0;
}

#sidebar .list-btn .active,
#sidebar .list-btn a:hover{
  background-position:0 -55px;
  color:#fff;
  text-decoration:none;
}

#sidebar .list-btn span{
  display:block;
  color:#14a4f2;
  font-size:22px;
  line-height:22px;
  letter-spacing:-1px;
}

#sidebar .list-btn .active span,
#sidebar .list-btn a:hover span{color:#fff;}
#footer{
  width:100%;
  background:#d4d4d4 url(images/bg-footer.gif) repeat-x;
  font-size:11px;
  line-height:15px;
  color:#555;
}

.footer-holder{
  overflow:hidden;
  width:978px;
  margin:0 auto 2px;
  padding:37px 0 11px;
}

#footer a{color:#2080b5;}
#footer .columns{
  background:url(images/bg-columns.gif) repeat-y;
  width:100%;
  overflow:hidden;
  margin:0 0 14px;
}

#footer .columns h4{
  color:#000;
  font-size:11px;
  line-height:14px;
  margin:0;
}

#footer .columns .col-6,
#footer .columns .col-5,
#footer .columns .col-4,
#footer .columns .col-3,
#footer .columns .col-2,
#footer .columns .col-1{
  float:left;
  width:162px;
  padding:0 10px 0 28px;
}

#footer .columns .col-2{
  width:101px;
  padding-left:31px;
}

#footer .columns .col-3{
  width:189px;
  padding-left:33px;
}

#footer .columns .col-4{
  width:138px;
  padding-left:28px;
}

#footer .columns .col-5{
  width:73px;
  padding-left:33px;
}

#footer .columns .col-6{
  width:69px;
  padding-left:33px;
}

#footer .columns address{
  font-style:normal;
  padding:0;
}

#footer .footer-nav,
#footer .social,
#footer .mail-list,
#footer .phone{
  padding:0;  margin:0;  list-style:none;
  overflow:hidden;
  width:100%;
}

#footer .footer-nav li{
  float:left;
  padding:0 0 4px;
}

#footer .social{padding:2px 0 0;}
#footer .social li{padding:0 0 4px;}
#footer .social a{
  display:block;
  /*height:16px;*/
  background:url(images/bg-social.gif) no-repeat;
  padding:0 26px 0 0;
  width:99px;
}

#footer .social .twitter{background-position:100% 0;}
#footer .social .linkedin{background-position:100% -20px;}
#footer .social .facebook{background-position:100% -40px;}
#footer .copy{
  background:url(images/bg-copy.gif) no-repeat;
  width:918px;
  padding:5px 13px 0 152px;
  margin:0 0 0 -125px;
}

#footer .copy .btn-top{
  float:right;
  background:url(images/arrow-2.gif) no-repeat 0 50%;
  padding:0 0 0 15px;
}

#footer .copy p{margin:0;}

.payment-form input[type=text],
.payment-form input[type=email] {
  padding: 10px;
  border: 1px solid rgb(218, 218, 218);
  margin-top: 3px;
  min-width: 300px;
}

.payment-form input.error {
  border: 1px solid red;
}