@charset "utf-8";
*, li, ul {
	margin: 0;
	padding: 0
}
*, p {
	color: #555
}
*, a, img, li, p, ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px
}
h1, h2 {
	color: #292929
}
.menuSec, .menuSec #menu, .menuSec #menu li {
	position: relative
}
.popupSec ol li, .ready ol li {
	list-style-position: inside;
	list-style-type: decimal
}
@font-face {
	font-family: 'fonts/Source Sans Pro';
	src: url(SourceSansPro-Black.eot);
	src: url(SourceSansPro-Black.eot?#iefix) format('embedded-opentype'), url(SourceSansPro-Black.woff) format('woff'), url(SourceSansPro-Black.ttf) format('truetype'), url(SourceSansPro-Black.svg#SourceSansPro-Black) format('svg');
	font-weight: 900;
	font-style: normal
}
@font-face {
	font-family: 'fonts/Source Sans Pro';
	src: url(SourceSansPro-Regular.eot);
	src: url(SourceSansPro-Regular.eot?#iefix) format('embedded-opentype'), url(SourceSansPro-Regular.woff) format('woff'), url(SourceSansPro-Regular.ttf) format('truetype'), url(SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'fonts/Source Sans Pro';
	src: url(SourceSansPro-Bold.eot);
	src: url(SourceSansPro-Bold.eot?#iefix) format('embedded-opentype'), url(SourceSansPro-Bold.woff) format('woff'), url(SourceSansPro-Bold.ttf) format('truetype'), url(SourceSansPro-Bold.svg#SourceSansPro-Bold) format('svg');
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: 'fonts/Source Sans Pro';
	src: url(SourceSansPro-Light.eot);
	src: url(SourceSansPro-Light.eot?#iefix) format('embedded-opentype'), url(SourceSansPro-Light.woff) format('woff'), url(SourceSansPro-Light.ttf) format('truetype'), url(SourceSansPro-Light.svg#SourceSansPro-Light) format('svg');
	font-weight: 300;
	font-style: normal
}
* {
	line-height: 22px;
	transition-property: width;
	-moz-transition-property: width;
	-webkit-transition-property: width;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	outline: 0
}
a, img {
	border: none;
	text-decoration: none;
	color: #0551a5
}
li, ul {
	list-style: none
}
li {
	margin-bottom: 5px
}
.clear, p {
	margin: 0;
	padding: 0
}
p {
	line-height: 21px
}
.clear {
	clear: both
}
h1 {
	font: 34px 'Source Sans Pro';
	font-weight: 900
}
h2 {
	font: 30px 'Source Sans Pro';
	font-weight: 700
}
h3 {
	font: 20px 'Source Sans Pro';
	font-weight: 400
}
h4 {
	font: 15px 'Source Sans Pro';
	margin-bottom: 10px;
	font-weight: 700
}
label, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px
}
td {
	line-height: 22px
}
label {
	margin-bottom: 5px
}
button {
	border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important
}

input[type=file], textarea {
	margin-bottom: 10px;
	font-size: 14px
}
b {
	font-weight: 700
}

input[type=password], input[type=email], input[type=text] {
	border: 1px solid #c1c1c1;
	height: 38px;
	padding: 0 15px;
	color: #292929;
	font-size: 14px;
	float: left;
	margin-bottom: 10px
}
textarea {
	border: 1px solid #c1c1c1;
	width: 96%;
	padding: 2%;
	height: 80px;
	color: #292929;
	float: left
}
input[type=submit], input[type=button] {
	background-color: #549b01;
	padding: 9px 20px;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; font:15px/22px 'Source Sans Pro'
}

::-webkit-input-placeholder {
color:#292929
}
::-moz-placeholder {
color:#292929
}
:-ms-input-placeholder {
color:#292929
}
:-moz-placeholder {
color:#292929
}
select::-ms-expand {
display:none
}
select {
	appearance: none!important;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	text-indent: 1px;
	text-overflow: ''
}
.styled-select select {
	background: 0 0;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 40px;
	-webkit-appearance: none;
	margin: 0;
	width: 100%
}
.styled-select {
	width: 100%;
	height: 40px;
	overflow: hidden;
	background: url(../images/ddIcon.png) right no-repeat #fff;
	margin-bottom: 8px
}



/*Header*/
.fullHead{ width:100%; background-color:#000; padding:15px 0 10px}
.fullHead .headArea{ width:1040px; margin:0 auto}
.fullHead .headArea .logoMenu{ float:left}
.fullHead .headArea .logoMenu .logo{ float:left; margin-right:80px;}
.fullHead .headArea .logoMenu .logo img{ width:100%}
.fullHead .headArea .logoMenu .menu{ float:left; position:relative}
.fullHead .headArea .logoMenu .menu .mobMenu{ float:left; display:none}
.fullHead .headArea .logoMenu .menu ul{ margin-top:10px}
.fullHead .headArea .logoMenu .menu ul li{ display:inline-block}
.fullHead .headArea .logoMenu .menu ul li a{ color:#fff; padding:5px 15px}
.fullHead .headArea .loginSignup{ float:right}
.fullHead .headArea .loginSignup a{ color:#fff; font: 15px/22px 'Source Sans Pro'; padding:5px 15px; float:left}
.fullHead .headArea .loginSignup a.signUp{ background-color:#a5172b; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.fullHead .headArea.handdy .logoMenu .menu ul{ margin-top:22px}
.fullHead .headArea.handdy .loginSignup{ margin-top:12px}
.fullHead .headArea .logoMenu .menu .subMenu{ position:absolute; width:150px; background-color:#fff; padding:10px; display:none; top:30px}
.fullHead .headArea .logoMenu .menu .subMenu li{ width:100%; float:left}
.fullHead .headArea .logoMenu .menu .subMenu li a{ width:100%; padding:10px; display:block; color:#000}

/*Banner*/
.fullBanner{ background:url(../images/timesheetBanner.jpg) no-repeat top center;}
.fullBanner .bannerArea{ width:1040px; margin:0 auto}
.fullBanner .bannerArea .bannerCont{ width:80%; float:left}
.fullBanner .bannerArea .bannerCont a{ font: 700 20px/22px 'Source Sans Pro'; background-color:#549b01; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:15px 40px; color:#fff; margin-top:10px; float:left}
.fullBanner.handdyBan h1{ font: 300 40px/45px 'Source Sans Pro' !important; color:#b7b7b7!important; margin-bottom:10px}
.fullBanner.handdyBan .bannerArea .bannerCont p{font: 300 18px/22px 'Source Sans Pro'; color:#b7b7b7; margin-bottom:30px}
.fullBanner.handdyBan{ background:url(../images/handdyBanner.jpg) no-repeat top center;  background-size:cover; padding:100px 0}

/*Trusted*/
.trustFull{ border-bottom:1px solid #d1d1d1; padding:25px 0}
.trustFull .trustArea{ width:1040px; margin:0 auto; display:table; text-align:center}
.trustFull .trustArea .trustImg{ display:inline-block; text-align:center; width:18.5%; margin:0 0.5%}
.trustFull .trustArea p{ font: 13px/22px 'Source Sans Pro'; margin-bottom:30px; text-align:center}


/*Quote*/
.quoteFull{ background-color:#e0e5e9; padding:50px 0}
.quoteFull .quoteArea{ width:1040px; margin:0 auto}
.quoteFull .quoteArea .leftQuote{ width:35%; float:left}
.quoteFull .quoteArea .rightQuote{ width:60%; float:right; margin-top:100px}
.quoteFull .quoteArea h2{font: 700 60px/60px 'Source Sans Pro'; color:#000;}
.quoteFull .quoteArea h3{font: 700 60px/60px 'Source Sans Pro'; color:#5a5a5a; margin-bottom:30px}
.quoteFull .quoteArea p{font: 400 26px/32px 'Source Sans Pro'; color:#5a5a5a;}
.quoteFull .quoteArea span{font: 400 20px/26px 'Source Sans Pro'; font-style:italic; color:#5a5a5a;}


/*Reviews*/
.exceptionalSecHm{ background-color:#fff; margin-bottom:80px}
.exceptionalSecHm .exceptional{ width:1040px; margin:80px auto 0; display:table; text-align:center}
.exceptionalSecHm .exceptional h2{font:700 40px/40px 'Source Sans Pro'; margin-bottom:10px; text-align:center;}
.exceptionalSecHm .exceptional p{font:20px/24px 'Source Sans Pro'; color:#000; margin-bottom:50px; text-align:center; }
.exceptionalSecHm .exceptional .eachExp{ width:25.5%; margin:0 1.5%; display:inline-block; padding:2%; border:1px solid #c2bda6; background-color:#fff; text-align:left; vertical-align:top}
.exceptionalSecHm .exceptional .eachExp p{ font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px; text-align:left; color:#333}
.exceptionalSecHm .exceptional .eachExp span{ width:100%; margin-bottom:10px; float:left; font:700 16px/18px 'Source Sans Pro';}
.exceptionalSecHm .exceptional .expReview{ margin:0 auto;}
.exceptionalSecHm .exceptional .expReview.linkReview{ margin:15px auto 0;}
.exceptionalSecHm .exceptional .expReview.linkReview a{ font-size:12px; color:#999}
.exceptionalSecHm .exceptional .expReview img{ margin-bottom:15px}
.exceptionalSecHm .exceptional .expReview a{ display:inline-block; margin-top:10px; color:#000; text-decoration:underline}


/*Footer*/
.footerFull{ background-color:#e0e5e9; padding:80px 0}
.footerFull .footerArea{ width:1040px; margin:0 auto}
.footerFull .footerArea .footerTop{ border-bottom:1px solid #c9ced1; padding-bottom:50px; margin-bottom:50px}
.footerFull .footerArea .footerTop h3{font:400 18px/24px 'Source Sans Pro'; margin-bottom:10px}
.footerFull .footerArea .footerTop .fooMenu{ width:49%; border-right:1px solid #c9ced1; float:left}
.footerFull .footerArea .footerTop .fooMenu .eachMenu{ float:left; width:50%}
.footerFull .footerArea .footerTop .fooMenu .eachMenu a{font: 400 14px/20px 'Source Sans Pro'; color:#666; background:url(../images/fooArrow.png) no-repeat left 6px; padding-left:13px}
.footerFull .footerArea .footerTop .fooAddress{ width:44%; float:right; padding-left:5%}
.footerFull .footerArea .footerTop .fooAddress .eachAdd{ float:left; width:50%}
.footerFull .footerArea .footerTop .fooAddress .eachAdd span{ display:block; float:left; width:90%; font:400 14px/20px 'Source Sans Pro';margin-bottom:5px}
.footerFull .bottomFoo{ width:1040px; margin:0 auto}
.footerFull .bottomFoo .copyright{ float:left}
.footerFull .bottomFoo .copyright span{font:300 12px/20px 'Source Sans Pro';}
.footerFull .bottomFoo .social{ float:right}

.featureArea.innerPage{ margin:50px auto}
.featureArea.innerPage h1{font: 700 40px/40px 'Source Sans Pro'; color:#000; padding-bottom:10px; border-bottom:1px solid #d1d1d1; margin-bottom:40px; text-align:left}
.featureArea.innerPage h1 span{ width:100%; float:left; display:block; font: 300 18px/24px 'Source Sans Pro'; margin:5px 0 0}
.featureArea.innerPage p{ text-align:left; margin-bottom:30px}


/*Handdy cloud software*/
.cloud{ width:1040px; margin:80px auto 40px;}
.cloud h3{font: 400 30px/32px 'Source Sans Pro'; color:#000; text-align:center; margin-bottom:3px}
.cloud h2{font: 700 40px/40px 'Source Sans Pro'; color:#a5172b; text-align:center; margin-bottom:0px}
.cloud p{font:400 18px/32px 'Source Sans Pro'; color:#333; text-align:center;}
.cloud .allSoftware{ width:100%; margin:60px auto 0}
.cloud .allSoftware .eachSoftwear{ width:48%; padding:2%; border:1px solid #cac9c9; float:left; margin-bottom:40px}
.cloud .allSoftware .eachSoftwear.rightSoftwear{ float:right}
.cloud .allSoftware .eachSoftwear h2{ text-align:left; line-height:0; border-bottom:1px solid #cac9c9; padding-bottom:10px; margin-bottom:20px}
.cloud .allSoftware .eachSoftwear p{font:400 16px/22px 'Source Sans Pro'; color:#333; text-align:left}
.cloud .allSoftware .eachSoftwear a{ background:url(../images/softwearArrow.png) no-repeat right center #488d4a; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:7px 36px 7px 19px; color:#fff; font: 400 16px/22px 'Source Sans Pro'; float:left; margin-top:30px}