﻿@import url('responsive-style.css');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
del{text-decoration:line-through}
/*hr{background:transparent;border:0;clear:both;color:transparent;margin:0;padding:0}*/
mark{background-color:#ffffb3;font-style:italic}

input,select{vertical-align:middle}
ins{background-color:red;color:white;text-decoration:none}
/*ol,ul{list-style:none}*/
table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}
/* * html .clearfix,:first-child+html .clearfix{zoom:1}*/

* {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* Some basic settings */
h1, h1 .button {font-size: 28px; font-family: Arial, Helvetica, sans-serif;}
h2, h2 .button {font-size: 26px; font-family: Arial, Helvetica, sans-serif;}
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
/*ul { list-style: none; }*/

p{
font-size:14px; word-spacing:2px;
}


imgw { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset,blockquote,article { margin-bottom: 10px; }

body{
background:url(../images/home-head.png) repeat;
color:#3d3d3d;
font-size:14px;
line-height:normal;
}
#wall{
/*background:url(images/bg.jpg) repeat;
position:absolute;
height:100%;
width:100%;
opacity:.6;*/

}
#wrapper{
width:960px;
margin:0 auto;
}
#header{
height:132px;
background:url(../images/header-bg.png) repeat-x top left;
}
.logo{
margin-top:20px;
margin-left: 1px;
}
.headerlogo {
  float: left;
}

.headerlogo a {
  display: block;
  width: 286px;
  height: 66px;
/*  background: url(../images/print-management-software.png) no-repeat 0 0;*/
  text-indent: -999em;
  background: url(../images/print-management-software.png) no-repeat 0 0;
  background-position: -10px -548px;
}
a.back-to-top {
	display: none;
	width: 90px;
	height: 90px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url(../images/up-arrow.png) no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}
#navigation{
	bottom: 21px;
	position: relative;
}

#slidercontainer.twelve.columns
{
width:944px;
}
#slidercontainer.columns{
margin:0px;
border:8px solid #fff;
}
.main-body{
background:#fff;
float:left;
margin-top:21px;
width:100%;
}
.main-body-mobile{
background:#fff;
float:left;
margin-top:21px;
width:100%;
}
.main-body-mobile p{
font-size:40px;
}
.main-body-mobile p strong{
font-size:40px;
}
.home-content{
background:#f3f3f3;
padding:10px;
margin-top:20px;
margin-bottom:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:1px 1px 3px 1px #CCCCCC;
-webkit-box-shadow:1px 1px 3px 1px #CCCCCC;
box-shadow:1px 1px 3px 1px #CCCCCC;
border:2px solid #fff;
}
.home-content p{

}
a:link
{
color:#0298e6;
}
.word1{
	color: #0298e6;
}
.key-features ul{
padding:0px;
margin:0px;
list-style:none;
}
.testimonial-box h3{
background:#3d3e3e;
color:#fff;
padding:8px 10px;
margin-bottom:5px!important;
}
p{
margin-bottom:20px;
}
#title{
padding:15px 0 0;
}
.home-box h3{
margin-bottom:10px;
}
.testimonial-comment{
background:#f3f3f3;
padding:10px 10px 5px;
color:#0871d3;
display:inline-block;
margin-bottom:10px;
}
.testimonial-comment p{
margin-bottom:10px;
}
.testimonial-name{
float:right;
margin-right:20px;
}
.testimonial-name p{
margin-bottom:10px;
}
.view-all a{
color:#0298e6;
float:right;
margin-bottom:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:1px 1px 3px 1px #CCCCCC;
-webkit-box-shadow:1px 1px 3px 1px #CCCCCC;
box-shadow:1px 1px 3px 1px #CCCCCC;
border:2px solid #fff;
padding:5px 10px;
background:#f3f3f3;
}
#sidebar #title h3{
float:left;
}
.social-icon-sidebar{
float:right;
}
.textwidget ul li, .key-features ul li
{
margin-bottom:10px;
}
.textwidget-box-bottom{
margin-top:60px;
}

.sociallinks {
  text-align: left;
  width: 188px;
  }
.sociallinks .sociallink {
  float: left;
  height: 20px;
  margin-left: 5px;
}
.sociallink.gg {
  width: 48px;
  margin-left: 0px;
}
.sociallink.fb {
  /*overflow:hidden;*/
  width: 48px;
  margin-left: 0px;
}
.sociallink.fl {
  width: 48px;
}
.sociallink.tt {
  width: 57px;
  /*margin-right: 0px;
*/}
      
.phonenum{
float:left;
padding:0px 0px 0px 429px;
margin:20px 0px 0px 0px;
overflow:hidden;
height:35px;
line-height:35px;
/*background:url(../images/telephone.png) no-repeat left top;*/
font-size:20px;
background: url(../images/print-management-software.png) no-repeat left top;
background-position: 383px -470px;  /*-488*/
}
.supportemail{
float:right;
padding:0px 0px 0px 40px;
margin:0px 0px 0px 0px;
overflow:hidden;
height:35px;
line-height:35px;
/*background:url(../images/telephone.png) no-repeat left top;*/
font-size:20px;
background: url(../images/print-management-software.png) no-repeat left top;
background-position: -10px -508px;  
}
.topright{
  float:left;
  width: 193px;
  height: 32px;
  margin:0px 0px 0px 0px;
}
.topright a{
  display: block;
}
.linkedin {
float:right;
margin-top:0px;
height: 32px;
}
.linkedin a{
display: block;
text-indent: -999em;
width: 32px;
height: 32px;
/*background: url(../images/linkedin-top.png) no-repeat 0 0;
*/margin-right:15px;
float:left;
background: url(../images/print-management-software.png) no-repeat 0 0;
background-position: -10px -62px;
}
.linkedin a:hover{
background: url(../images/linkedin-top-hover.png) no-repeat 0 0;
}
.plus {
float:right;
margin-top:0px;
height: 32px;
}
.plus a{
display: block;
text-indent: -999em;
width: 32px;
height: 32px;
/*background: url(../images/plus-top.png) no-repeat 0 0;
*/margin-right:15px;
float:left;
background: url(../images/print-management-software.png) no-repeat 0 0;
background-position: -10px -114px;
}
.plus a:hover{
background: url(../images/plus-top-hover.png) no-repeat 0 0;
}
.facebook {
float:right;
margin-top:0px;
height: 32px;
}   
.facebook a{
display: block;
text-indent: -999em;
width: 32px;
height: 32px;
/*background: url(../images/facebook-top.png) no-repeat 0 0;*/
margin-right:15px;
float:left;
background: url(../images/print-management-software.png) no-repeat 0 0;
background-position: -10px -166px;
}
.facebook a:hover{
background: url(../images/facebook-top-hover.png) no-repeat 0 0;
}    
.twitter {
float:right;
margin-top:0px;
height: 32px;
}   
.twitter a{
display: block;
text-indent: -999em;
width: 32px;
height: 32px;
/*background: url(../images/twitter-top.png) no-repeat 0 0;
*/margin-right:15px;
float:left;
background: url(../images/print-management-software.png) no-repeat 0 0;
background-position: -10px -10px;
}       
.twitter a:hover{
background: url(../images/twitter-top-hover.png) no-repeat 0 0;
}
#footer, #footer a {
color:#fff;
}
#footer-row{
/*	background: url(../images/footer-bg.png) no-repeat;*/
	height: 250px;
	width: 960px;
	background: url(../images/print-management-software.png) no-repeat;
	background-position: -10px -218px;
}
.footer ul{
margin-top:20px;
}
.footer ul li{
margin-bottom:10px;
}
.footer-contact{
margin-top:15px;
line-height:25px;
}
.footer-bottom{
text-align:center;
font-size:12px;
background:url(../images/footer-bottom-top-line.png) no-repeat center top;
}
.footer-bottom span{
padding-top:10px;
display:inline-block;
}
.summary {
	font-weight: bold;
	text-align: center;
}
.alignleft{
float:left;
margin-right:20px;
}
.alignright{
float:right;
margin-left:20px;
}
a{
color:#3d3d3d
}
.home-small-box{
border-bottom:1px dashed #E1E0E0;
}
#navbar {
	width: 962px;
	position: relative;
	z-index: 999;
}

#navbar ul { list-style: none; }

#navbar li {
	float: left;
	margin: 0px;
	background: url(../images/li-bg.png) repeat-x;
	text-align: center;
	width: 120px;  /*8 buttons 962/8 */
}
#navbar li a {
	display: block;
	color: #333333;
    font-size: 15px;
    padding: 11px 11px;
    text-decoration: none;
	text-transform: capitalize;
	font-weight: bold;
	 }
#navbar li a:hover
{
background:url(../images/li_h.png) repeat-x;
color: #0298e6;
} 

#navbar li a.current
{
color: #0298e6;
} 

/*#navbar li.active a:link, #navbar li.active a:visited, #navbar li.active a:hover { color: #0298e6; }*/

#navbar li ul {
	display: none; 
	/*width: 10em; *//* Width to help Opera out */
	background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
	
#navbar ul li:first-child
{
 -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -khtml-border-radius: 10px 0 0 10px;
    border-radius:10px 0 0 10px;
	border-left: 1px solid #CCCCCC;
}
#navbar ul li:last-child
{
 -moz-border-radius: 0px 10px 10px 0;
    -webkit-border-radius: 0px 10px 10px 0;
    -khtml-border-radius: 0px 10px 10px 0;
    border-radius:0px 10px 10px 0;
	border-right: 1px solid #CCCCCC;
}

#navbar ul li:first-child a:hover
{
 -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -khtml-border-radius: 10px 0 0 10px;
    border-radius:10px 0 0 10px;
	background:url(../images/li_h.png);
}
#navbar ul li:last-child a:hover
{
 -moz-border-radius: 0px 10px 10px 0;
    -webkit-border-radius: 0px 10px 10px 0;
    -khtml-border-radius: 0px 10px 10px 0;
    border-radius:0px 10px 10px 0;
	background:url(../images/li_h.png);
}

#navbar li ul li:first-child a:hover, #navbar li ul li:first-child
{background: #8db3ff;
 -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    border-radius:0px;

}
#navbar li ul li:last-child a:hover, #navbar li ul li:last-child
{
background: #8db3ff;
 -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    border-radius:0px;
	border:0;
}
#navbar li li a {
padding:10px 10px; color:#fff!important; }
#navbar li li a:hover {
	background: #8db3ff!important;
	color:#333!important; }
		
/*Navigation Styles*/
#nav {background: #d2d3d3; overflow: hidden; width: 188px;}
#nav li {margin: 0; list-style: none; border-bottom: 8px solid #fff; font-size: 1.2em; color: #fff;}
#nav li a{text-decoration: none; padding: 10px 20px; display: block; color: #000; border-bottom: none;}
#nav li a:hover {color: #fff; background: #0298e6; border-bottom: none}
#nav li.current a {color: #fff; background: #0298e6;}