/* INLINE AREA */

.marquee {
	background-color: #1C5E75;
	color: #ffffff;
	/*text-align: center; */
	padding: 0 0 40px 0;
	background-position: center -100px;
	background-repeat: no-repeat;
	min-height: 400px;
}

.mbg1 {
	background-image: url(../img/banners/HomePage_OPT.jpg);
}

.mbg2 {
	background-image: url(../img/banners/WhyUs_OPT.jpg);
}

.mbg3 {
	background-image: url(../img/banners/BenefitsAdministration_OPT.jpg);
}

.mbg4 {
	background-image: url(../img/banners/Payroll_OPT.jpg);
}

.mbg5 {
	background-image: url(../img/banners/CaseStudies_OPT.jpg);
}

.mbg6 {
	background-image: url(../img/banners/ContactUs_OPT.jpg);
}

.mbg7 {
	background-image: url(../img/banners/HR_Support_OPT.jpg);
}

.mbg8 {
	background-image: url(../img/banners/OurTeam_OPT.jpg);
}

.mbg9 {
	background-image: url(../img/banners/QuickbooksIntegration_OPT.jpg);
}

.mbg10 {
	background-image: url(../img/banners/PayCard_OPT.jpg);
}

.mbg11 {
	background-image: url(../img/banners/Timekeeping_OPT.jpg);
}

.mbg12 {
	background-image: url(../img/banners/EmployeeOnboarding_OPT.jpg);
}

.mbg13 {
	background-image: url(../img/banners/COBRA_OPT.jpg);
}

.mbg14 {
	background-image: url(../img/banners/ACA_Mgmnt_OPT.jpg);
}

.mbg15 {
	background-image: url(../img/banners/401K_Mgmnt_OPT.jpg);
}

.mbg16 {
	background-image: url(../img/banners/UnemplCostMgmnt_OPT.jpg);
}

.mbg17 {
	background-image: url(../img/banners/PosterSolutions_OPT.jpg);
}

.mbg18 {
	background-image: url(../img/banners/LaborComplianceHotline_OPT.jpg);
}

.mbg19 {
	background-image: url(../img/banners/AdvanceHR_OPT.jpg);
}

.mbg20 {
	background-image: url(../img/banners/PartnershipProgram_OPT.jpg);
}

.mbg21 {
	background-image: url(../img/banners/Resources_OPT.jpg);
}

.mbg22 {
	background-image: url(../img/caseStudies/CaseStudy_DishSociety_OPT.jpg);
}

.mbg23 {
	background-image: url(../img/caseStudies/CaseStudy_CultureSpark2_OPT.jpg);
}

.mbg24 {
	background-image: url(../img/caseStudies/CaseStudy_EZ_Line_OPT.jpg);
}

.mbg25 {
	background-image: url(../img/caseStudies/CaseStudy_NorthShore_OPT.jpg);
}

.mbg26 {
	background-image: url(../img/caseStudies/CaseStudy_PATCO_OPT.jpg);
}

.mbg27 {
	background-image: url(../img/caseStudies/CaseStudy_Treadsack_OPT.jpg);
}

.mbg28 {
	background-image: url(../img/banners/WhereDoYouFit_OPT.jpg);
}

.mbg29 {
	background-image: url(../img/banners/CareersLanding_OPT.jpg);
}
.mbg30 {
	background-image: url(../img/banners/careers.jpg);
}
.marquee .title {
	padding: 40px 20px 0 20px;
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	font-weight: 700;
	display: block;
	text-align: center;
}

.marquee .highlight {
	color: #29A44E;
}

.marquee .copy {
	padding: 32px 34px 22px 34px;
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.marquee .button {
	display: block;
	width: 90%;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	background-color: #29A44E;
	padding: 8px 0 8px 0;
	text-transform: uppercase;
	margin: auto;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

/* sub BREAK POINT FOR MARQUEE */

@media (min-width:400px) {

.marquee {
	min-height: 538px;
	padding: 0;
	background-size: auto auto;
	overflow: hidden;
}

.marquee .title {
	padding: 110px 20px 0 20px;
	font-size: 34px;
}

.marquee .copy {
	padding: 32px 34px 22px 34px;
	font-size: 16px;
	line-height: 24px;
}

.marquee .button {
	width: 280px;
}
}

/* MAIN BREAK POINT FOR MARQUEE */

@media (min-width:680px) {

.marquee {
	padding: 0;
	background-size: 100%;
	overflow: hidden;
}

.marquee .title {
	padding: 180px 20px 0 20px;
	font-size: 36px;
}

.marquee .copy {
	padding: 32px 34px 22px 34px;
	width: 620px;
	margin: auto;
	font-size: 16px;
	line-height: 24px;
}

.marquee .button {
	margin-top: 24px;
	width: 280px;
}
}

@media (max-width:830px) {

.marquee {
	padding: 0;
	background-size: auto 100%;
	overflow: hidden;
}
}

@media (max-width:1000px) {

.marquee {
	background-position: center top;
}
}

/* HUGE BREAK POINT FOR MARQUEE*/

@media (min-width:1280px) {

.marquee {
	height: 538px;
	padding: 0;
	background-size: 100%;
	overflow: hidden;
}

.marquee .title {
	padding: 180px 40px 0 40px;
	font-size: 40px;
	text-transform: uppercase;
}

.marquee .button {
	width: 280px;
}
}

/* HOME */


/* sectionStyle1 */

.sectionStyle1 {
	padding: 40px 20px 90px 20px;
	background-color: #f1f1f1;
}

.sectionStyle1 .ui-block-a {
	padding: 0 34px 0 20px;
}

.sectionStyle1 .ui-block-b {
	padding: 0 30px 0 24px;
}

.sectionStyle1 h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #2EC2E8;
	text-transform: uppercase;
}

.sectionStyle1 p {
	font-family: 'Karla', sans-serif;
	font-size: 20px;
	color: #58595b;
	line-height: 26px;
}

/*.sectionStyle1 .button {
    display: block;
    padding: 6px 0;
    width: 272px;
    background-color: #2EC2E8;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Karla', sans-serif;
    text-decoration: none;
    font-size: 18px;
    margin: 0 0 0 12px;
}*/

.sectionStyle1 ul {
	padding-left: 18px;
}

.sectionStyle1 li {
	font-family: 'Karla', sans-serif;
	font-size: 20px;
	color: #004F68;
	line-height: 31px;
}

.sectionStyle1 img {
	margin-bottom: 16px;
}

/* BREAK POINT FOR sectionStyle1 */

@media (max-width:960px) {

.sectionStyle1 .ui-block-a,
 .sectionStyle1 .ui-block-b {
	float: none;
	width: 100%;
}

.sectionStyle1 .ui-block-a {
	padding: 0 20px;
	margin-bottom: 50px;
}

.sectionStyle1 img {
	width: 100%;
}

.sectionStyle1 .vSpace {
	display: none;
}
}

/* sectionStyle1 */


/* sectionStyle2 */

.sectionStyle2 {
	background-color: #68B745;
	padding: 60px 0 80px 0;
	background-image: url(../img/banners/banner-section2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto auto;
}

.sectionStyle2 .ui-block-a,
.sectionStyle2 .ui-block-b,
.sectionStyle2 .ui-block-c,
.sectionStyle2 .ui-block-d {
	text-align: center;
}

.sectionStyle2 h2 {
	color: #ffffff;
	text-align: center;
	margin-bottom: 36px;
}

ul {
	padding-left: 60px;
}

/* BREAK POINT sectionStyle2 */

@media (max-width:960px) {

.sectionStyle2 {
	background-image: none;
	background-size: 100% 100%;
}

.sectionStyle2 .ui-block-a,
 .sectionStyle2 .ui-block-b,
 .sectionStyle2 .ui-block-c,
 .sectionStyle2 .ui-block-d {
	float: left;
	width: 50%;
	margin-bottom: 30px;
}
}

/* BREAK POINT sectionStyle2 */

@media (max-width:460px) {

.sectionStyle2 {
	background-image: none;
	background-size: 100% 100%;
}

.sectionStyle2 .ui-block-a,
 .sectionStyle2 .ui-block-b,
 .sectionStyle2 .ui-block-c,
 .sectionStyle2 .ui-block-d {
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
}

/* HUGE BREAK POINT sectionStyle2 */

@media (min-width:1280px) {

.sectionStyle2 {
	background-size: 100%;
}
}

/* sectionStyle2 */


/* sectionStyle3 */

.sectionStyle3 {
	background-color: #145D74;
}

.sectionStyle3 .ui-block-a {
}

.sectionStyle3 .ui-block-a .r1 {
}

.sectionStyle3 .ui-block-a .blankBox {
	background-color: #003546;
	height: 80px;
	width: 12.5%;
	float: left;
}

.sectionStyle3 .ui-block-a .titleBox {
	width: 75%;
	background-color: #2EC2E8;
	height: 80px;
	float: left;
	text-align: center;
}

.sectionStyle3 .ui-block-a h2 {
	margin: 0 0 0 0;
	line-height: 80px;
}

.sectionStyle3 .ui-block-a .arrowBox {
	height: 80px;
	width: 12.5%;
	background-color: #137E9C;
	float: left;
	background-image: url(../img/section3-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.sectionStyle3 .ui-block-a .r2 {
}

.sectionStyle3 .ui-block-a .borderBox {
	float: left;
	width: 12.5%;
}

.sectionStyle3 .ui-block-a .insetImage {
	width: 87.5%;
	float: right;
	height: 655px;
	background-image: url(../img/HomePage_PartnersImage_OPT.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}

.sectionStyle3 .ui-block-a .insetImage img {
	width: 100%;
	display: block;
}

.sectionStyle3 .ui-block-b {
}

.sectionStyle3 .ui-block-b .r1 {
}

.sectionStyle3 .ui-block-b .blankBox {
	background-color: #003546;
	height: 80px;
	width: 12.5%;
	float: left;
}

.sectionStyle3 .ui-block-b .titleBox {
	width: 75%;
	background-color: #2EC2E8;
	height: 80px;
	float: left;
	text-align: center;
}

.sectionStyle3 .ui-block-b h2 {
	margin: 0 0 0 0;
	line-height: 80px;
}

.sectionStyle3 .ui-block-b .arrowBox {
	height: 80px;
	width: 12.5%;
	background-color: #137E9C;
	float: left;
	background-image: url(../img/section3-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.sectionStyle3 .ui-block-b .r2 {
}

.sectionStyle3 .ui-block-b .insetImage {
	width: 87.5%;
	float: left;
	background-image: url(../img/HomePage_BlogFeature_v2_OPT.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 655px;
}

.sectionStyle3 .ui-block-b .pad {
	padding: 80px 60px 0 60px;
}

.sectionStyle3 .ui-block-b .title {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 16px;
	font-size: 40px;
	font-weight: bold;
}

@media (max-width:960px) {

.sectionStyle3 .ui-block-b .title {
	font-size: 30px;
}

.sectionStyle3 .ui-block-b .copy {
	line-height: 21px !important;
	font-size: 17px !important;
}

.sectionStyle3 .insetImage {
	height: 440px !important;
}

.sectionStyle3 .ui-block-a .insetImage {
}
}

.sectionStyle3 .ui-block-b .date {
	color: #C3C2C2;
	font-family: 'Karla', sans-serif;
	margin-bottom: 16px;
	font-size: 18px;
}

.sectionStyle3 .ui-block-b .copy {
	color: #fff;
	font-family: 'Karla', sans-serif;
	font-size: 21px;
	line-height: 31px;
	font-weight: bold;
	margin-bottom: 16px;
}

.sectionStyle3 .ui-block-b .link {
	text-decoration: none;
	color: #26A54F;
	font-family: 'Karla', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
}

.sectionStyle3 .ui-block-b .insetImage img {
	width: 100%;
	display: block;
}

.sectionStyle3 h2 {
	color: #ffffff;
	margin: 0 0 0 50px;
}

/* BREAK POINT sectionStyle3 */

@media (max-width:750px) {

.sectionStyle3 {
}

.sectionStyle3 .ui-block-a,
 .sectionStyle3 .ui-block-b {
	float: none;
	margin: auto;
	width: 100%;
}
}

/* sectionStyle3 */


/* downloadSection */

.downloadSection {
	background-color: #fff;
	padding: 50px 0 50px 0;
}

.downloadSectionNoBottomPad {
	padding-bottom: 0;
	background-color: #F1F1F1;
}

.downloadSection h2 {
	color: #000;
}

.downloadSection .ui-block-a {
	padding: 0 0 0 80px;
}

.downloadSection .ui-block-a p {
	width: 83%;
	line-height: 1.3em;
}

.downloadSection .ui-block-b {
	padding: 0 0 0 60px;
}

/* BREAK POINT downloadSection */

@media (max-width:750px) {

.downloadSection .ui-block-a,
 .downloadSection .ui-block-b {
	float: none;
	margin: auto;
	width: 100%;
	text-align: center;
}

.downloadSection .ui-block-a {
	padding: 0 30px 0 30px;
}

.downloadSection .ui-block-b {
	float: none;
	padding: 40px 0 0 0;
	width: 100%;
}

.downloadSection .ui-block-b img {
	width: 50%;
}

.downloadSection .ui-block-a p {
	width: 100%;
}
}

/* downloadSection */


/* preFooter */

.preFooter {
	background-color: #fff;
	padding: 80px 0 50px 0;
}

.preFooter .ui-block-a {
	padding: 0 0 0 80px;
}

.preFooter .ui-block-b h3 {
	color: #004F67;
	margin-bottom: 6px;
}

.preFooter .ui-block-b p {
	width: 70%;
}

/* BREAK POINT preFooter */

@media (max-width:750px) {

.preFooter {
	padding: 40px 0 50px 0;
}

.preFooter .ui-block-a,
 .preFooter .ui-block-b {
	float: none;
	margin: auto;
	width: 100%;
	padding: 0 30px;
}

.preFooter .ui-block-a {
	text-align: center;
	padding: 0px 0 40px 0;
}

.preFooter .ui-block-b p {
	width: 100%;
}
}

/* preFooter */


/* INLINE AREA */


/* /HOME PAGE 

/* WHY US */

/* why-us-sectionStyle1 */
/* has become generic-sectionStyle1 in core.css */
/* /why-us-sectionStyle1 */


/* why-us-sectionStyle2 */

.why-us-sectionStyle2 {
	background-color: #fff;
	padding: 60px 0 60px 0;
	text-align: center;
}

.why-us-sectionStyle2 h3 {
	width: 75%;
	margin: auto;
	padding-bottom: 24px;
}

.why-us-sectionStyle2 p {
	width: 75%;
	line-height: 1.6em;
	margin-left: auto;
	margin-right: auto;
}

.why-us-sectionStyle2 .item {
}

.why-us-sectionStyle2 .item .icon {
	height: 118px;
	width: 118px;
	margin: 30px auto 0 auto;
}

.why-us-sectionStyle2 .item p {
	width: 60%;
}

.why-us-sectionStyle2 .item .icon1 {
	background-image: url(../img/why-us-section2-icon1.png);
}

.why-us-sectionStyle2 .item .icon2 {
	background-image: url(../img/why-us-section2-icon1.png);
}

.why-us-sectionStyle2 .item .icon3 {
	background-image: url(../img/why-us-section2-icon1.png);
}

.why-us-sectionStyle2 .item .holder {
	float: left;
}

.why-us-sectionStyle2 .item p {
}

.why-us-sectionStyle2 .item h4 {
	text-transform: uppercase;
	color: #26A44F;
}

/* BREAK POINT why-us-sectionStyle2 */

@media (max-width:420px) {

.why-us-sectionStyle2 {
}

.why-us-sectionStyle2 h3 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
}

/* /why-us-sectionStyle2 */

/* why-us-sectionStyle3 */
.why-us-sectionStyle3 {
	background-color: #F1F1F1;
	text-align: center;
	padding: 60px 0 60px 0;
}

.why-us-sectionStyle3 p {
	width: 75%;
	line-height: 1.6em;
	margin-left: auto;
	margin-right: auto;
}

/* BREAK POINT why-us-sectionStyle3 */

@media (max-width:620px) {

.why-us-sectionStyle3 h3 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
}

/* /why-us-sectionStyle3 */

/* why-us-sectionStyle4 */
/* has become generic-sectionStyle2 in core.css */
/* /why-us-sectionStyle4 */

/* /WHY US */



/* Case Studies*/


.caseStudiesListSection {
	background-color: #fff;
	padding: 60px 20px 60px 20px;
}

.caseStudiesListSection .pagewidth {
}

.caseStudiesListSection .ui-grid-a {
}

.caseStudiesListSection .ui-block-a {
}

.caseStudiesListSection .ui-block-b {
}

.caseStudiesListSection .ui-block-b .case {
	float: right;
}

.caseStudiesListSection .case {
	width: 490px;
	min-height: 542px;
	background-image: url(../img/case-studies-lsit-bg.png);
	margin: 0 0 40px 0;
	display: block;
	text-decoration: none;
}

.caseStudiesListSection .photo {
	width: 490px;
}

.caseStudiesListSection .pad {
	padding: 50px 0 50px 30px;
}

.caseStudiesListSection .title1 {
	color: #003546;
	font-family: 'Raleway', sans-serif;
	font-size: 2em;
	font-weight: 700;
}

.caseStudiesListSection .title2 {
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
	margin: 0 0 20px 0;
}

.caseStudiesListSection .blurb {
	color: #fff;
	width: 60%;
	font-family: 'Karla', sans-serif;
}

/* BREAK POINT Case Studies - down to 1 col */
@media (max-width:1040px) {

.caseStudiesListSection {
}

.caseStudiesListSection .ui-block-a {
	float: none;
	width: 100%;
}

.caseStudiesListSection .ui-block-b {
	float: none;
	width: 100%;
}

.caseStudiesListSection .case {
	margin: 0 auto 40px auto;
}

.caseStudiesListSection .ui-block-b .case {
	float: none;
}
}

/* BREAK POINT Case Studies - phone treatment */

@media (max-width:500px) {

.caseStudiesListSection {
}

.caseStudiesListSection .case {
	margin: 0 auto 40px auto;
	width: 80%;
}

.caseStudiesListSection .photo {
	width: auto;
}

.caseStudiesListSection .photo img {
	width: 100%;
}
}

/* /Case Studies*/

/* Contact Us sectionStyle1*/

.contact-us-sectionStyle1 {
	background-color: #fff;
	padding: 60px 0 40px 0;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
}

.contact-us-sectionStyle1 a {
	color: #58595B;
	text-decoration: none;
}

.contact-us-sectionStyle1 a:hover {
	text-decoration: underline;
}

.contact-us-sectionStyle1 .pagewidth {
}

.contact-us-sectionStyle1 .holderLeft {
	width: 270px;
	margin: 0 20px 0 auto;
	float: right;
}

.contact-us-sectionStyle1 .holderRight {
	width: 270px;
	margin: auto;
	margin: 0 auto 0 20px;
	float: left;
}

.contact-us-sectionStyle1 .ui-grid-a {
}

.contact-us-sectionStyle1 .ui-block-a {
}

.contact-us-sectionStyle1 .ui-block-b {
}

.contact-us-sectionStyle1 .address {
	margin-bottom: 20px;
	line-height: 1.5em;
}

.contact-us-sectionStyle1 .phone {
	font-family: 'Karla', sans-serif;
	padding: 8px 0 0 46px;
	background-image: url(../img/ico-contact-us-phone.png);
	background-repeat: no-repeat;
	min-height: 44px;
}

.contact-us-sectionStyle1 .email {
	font-family: 'Karla', sans-serif;
	padding: 8px 0 0 46px;
	background-image: url(../img/ico-contact-us-email.png);
	background-repeat: no-repeat;
	min-height: 44px;
}

.contact-us-sectionStyle1 .map {
	font-family: 'Karla', sans-serif;
	padding: 8px 0 0 46px;
	background-image: url(../img/ico-contact-us-map.png);
	background-repeat: no-repeat;
	min-height: 44px;
}

/* BREAK POINT contact Us sectionStyle1 */

@media (max-width:620px) {

.contact-us-sectionStyle1 .ui-block-a {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}

.contact-us-sectionStyle1 .ui-block-b {
	width: 100%;
	float: none;
}

.contact-us-sectionStyle1 .holderLeft {
	margin: auto;
	float: none;
}

.contact-us-sectionStyle1 .holderRight {
	margin: auto;
	float: none;
}
}

/* /Contact Us sectionStyle1*/

/* Contact Us sectionStyle2*/

.contact-us-sectionStyle2 {
	background-color: #fff;
	padding: 20px 30px 60px 30px;
}

.contact-us-sectionStyle2 .ui-block-a {
	padding: 0 5px 24px 0;
}

.contact-us-sectionStyle2 .ui-block-b {
	padding: 0 0 24px 5px;
}

.contact-us-sectionStyle2 textarea {
	background-color: #F0F1F1;
	min-height: 200px;
	margin-bottom: 24px;
}

.contact-us-sectionStyle2 .button {
	float: right;
}

/* /Contact Us sectionStyle2*/



/* Download Whitepaper */

.marqueeWhitepaper {
	min-height: 1076px;
	background-image: url(../img/banners/EmployeeMandate_OPT.jpg);
	background-position: center top;
	background-size: auto;
}

.marqueeWhitepaper .vSpacer {
	height: 200px;
	border-bottom: 1px solid #fff;
	margin-bottom: 94px;
}

.marqueeWhitepaper .ui-block-a {
	padding-right: 28px;
}

.marqueeWhitepaper .ui-block-b {
	padding-left: 28px;
}

.marqueeWhitepaper .intro {
	color: #fff;
	font-family: 'Karla', sans-serif;
	text-align: left;
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 1.6em;
}

.marqueeWhitepaper .item {
	font-family: 'Karla', sans-serif;
	text-align: left;
	margin-bottom: 30px;
	padding-left: 28px;
	background-image: url(../img/bullet-whitepaper.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	line-height: 1.6em;
}

.marqueeWhitepaper input {
	background-color: #DBDADA;
	height: 38px;
	margin: 0 0 40px 0;
}

.marqueeWhitepaper .button {
	display: inline-block;
	width: auto;
	padding: 8px 42px 8px 42px;
	margin-top: 0;
	margin-bottom: 20px;
}

.marqueeWhitepaper .disclaimer {
	font-family: 'Karla', sans-serif;
}

/* BREAK POINT marqueeWhitepaper */

@media (max-width:1072px) {

.marqueeWhitepaper {
	min-height: 860px;
	height: auto;
	background-size: auto 100%;
}

.marqueeWhitepaper .vSpacer {
	height: 80px;
	margin-bottom: 50px;
}

.marqueeWhitepaper .ui-block-a {
	padding-left: 20px;
	padding-right: 10px;
}

.marqueeWhitepaper .ui-block-b {
	padding-left: 10px;
	padding-right: 20px;
}

.marqueeWhitepaper .intro {
	line-height: 1.3em;
}

.marqueeWhitepaper .item {
	line-height: 1.3em;
}
}

/* BREAK POINT marqueeWhitepaper */


@media (max-width:670px) {

.marqueeWhitepaper {
	height: auto;
	background-size: auto 100%;
}

.marqueeWhitepaper .vSpacer {
	height: 35px;
	margin-bottom: 45px;
}

.marqueeWhitepaper .ui-block-a {
	float: none;
	width: 100%;
	padding-left: 34px;
	padding-right: 34px;
}

.marqueeWhitepaper .ui-block-b {
	float: none;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 40px;
	padding-left: 34px;
	padding-right: 34px;
}

.marqueeWhitepaper .item {
	margin: 10px;
}
}

@media (max-width: 900px) {

.marqueeWhitepaper {
	height: auto;
	background-size: auto 100%;
}

.marqueeWhitepaper .title {
	padding-top: 100px;
}
}

@media (max-width: 400px) {

.marqueeWhitepaper {
	height: auto;
	background-size: auto 100%;
}
}

/* /Download Whitepaper */


/* timekeeping-sectionStyle1 */

.timekeeping-sectionStyle1 {
	background: #f1f1f1;
	padding: 60px 90px 120px 440px;
	background-image: url(../img/timekeeping-inset2.png);
	background-repeat: no-repeat;
	background-position: 40px 156px;
}

.timekeeping-sectionStyle1 h1 {
	color: #2EC2E8;
	font-size: 2.6em;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 0;
}

.timekeeping-sectionStyle1 h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	color: #004F68;
	margin-top: 0;
	font-size: 1.5em;
}

.timekeeping-sectionStyle1 p {
}

.timekeeping-sectionStyle1 h3 {
	font-size: 1.3em;
	color: #004F68;
	font-family: 'Karla', sans-serif;
}

.timekeeping-sectionStyle1 .item {
	font-family: 'Karla', sans-serif;
	padding: 0 0 0 40px;
	background-image: url(../img/why-us-bullet.png);
	background-repeat: no-repeat;
	min-height: 38px;
	font-size: 1.2em;
}

@media (max-width: 940px) {

.timekeeping-sectionStyle1 {
	padding: 60px 90px 120px 90px;
	background-image: none;
}
}

@media (max-width: 640px) {

.timekeeping-sectionStyle1 {
	padding: 60px 40px 120px 40px;
	background-image: none;
}
}

/* /timekeeping-sectionStyle1 */

/* timekeeping-sectionStyle2 */

.timekeeping-sectionStyle2 .timeworksInset {
	float: right;
	margin: 0 0 20px 40px;
}

.timekeeping-sectionStyle2 {
	background: #fff;
	padding: 60px 100px 120px 290px;/* background-image: url(../img/timekeeping-inset3.png);
	background-repeat: no-repeat;
	background-position: 740px 156px; */
}

.timekeeping-sectionStyle2 h1 {
	color: #2EC2E8;
	font-size: 2.6em;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 0;
}

.timekeeping-sectionStyle2 h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	color: #004F68;
	margin-top: 0;
	font-size: 1.5em;
}

.timekeeping-sectionStyle2 .skinny {
	width: 420px;
}

.timekeeping-sectionStyle2 h3 {
	font-size: 1.3em;
	color: #004F68;
	font-family: 'Karla', sans-serif;
}

.timekeeping-sectionStyle2 .item {
	font-family: 'Karla', sans-serif;
	padding: 0 0 0 40px;
	background-image: url(../img/why-us-bullet.png);
	background-repeat: no-repeat;
	min-height: 38px;
	font-size: 1.2em;
}

@media (max-width: 1200px) {

.timekeeping-sectionStyle2 {
	background: #fff;
	padding: 60px 90px 120px 90px;
	background-image: none;
}

.timekeeping-sectionStyle2 .skinny {
	width: 100%;
}
}

@media (max-width: 840px) {

.timekeeping-sectionStyle2 .timeworksInset {
	display: none;
	float: none;
	margin: 10px 0 20px 0;
}
}

@media (max-width: 600px) {

.timekeeping-sectionStyle2 {
	padding: 60px 40px 120px 40px;
}
}

/* /timekeeping-sectionStyle2 */

/* timekeeping-sectionStyle3 */

.timekeeping-sectionStyle3 {
	padding: 80px 100px 80px 100px;
	background-image: url(../img/banners/banner-why-us-section1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.timekeeping-sectionStyle3 h1 {
	color: white;
	font-size: 3.0em;
}

.timekeeping-sectionStyle3 h2 {
	color: white;
	font-weight: normal;
	padding-right: 60px;
	background-image: url(../img/timekeeping-arrow.png);
	background-position: right top;
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 1.4em;
	min-height: 42px;
}

.timekeeping-sectionStyle3 h2 a {
	color: inherit;
	text-decoration: none;
}

@media (max-width: 902px) {

.timekeeping-sectionStyle3 h1 {
	font-size: 2.4em;
}

.timekeeping-sectionStyle3 h2 {
}
}

@media (max-width: 766px) {

.timekeeping-sectionStyle3 {
	padding: 80px 40px 80px 40px;
}

.timekeeping-sectionStyle3 h1 {
	font-size: 1.6em;
}

.timekeeping-sectionStyle3 h2 {
	font-size: 1.4em;
	line-height: 1.9em;
}
}

/* /timekeeping-sectionStyle3 */

/* llps-sectionStyle1 */
.llps-sectionStyle1 {
	background-color: #fff;
	text-align: center;
	padding: 60px 30px 60px 30px;
}

/* /llps-sectionStyle1 */

/* llps-sectionStyle2 */
.llps-sectionStyle2 {
	background-color: #f1f1f1;
	text-align: center;
	padding: 60px 30px 60px 30px;
}

/* /llps-sectionStyle2 */

/* llps-sectionStyle3 */
.llps-sectionStyle3 {
	background-color: #fff;
	padding: 60px 30px 60px 30px;
}

.llps-sectionStyle3 h4 {
	color: #137E9C;
}

.llps-sectionStyle3 p {
	padding-left: 24px;
}

.llps-sectionStyle3 hr {
	margin: 40px 0 20px 0;
	border: 0;
	height: 1px;
	background: #8FD557;
	width: 100%;
	font-size: 1px; /* IE 6 */
	overflow: hidden;
	opacity: .4;
}

/* /llps-sectionStyle3 */

/* 401k */

.s-401k-sectionStyle1 {
	background-color: #2EC3E9;
}

.s-401k-sectionStyle1 img {
	width: 100%;
}

/* /401k */



/* find-solution-sectionStyle1 */
.threeDown {
	width: 20px;
	height: 60px;
	margin: auto;
	background-image: url(../img/3down.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.find-solution-sectionStyle1 {
	background-color: #fff;
	padding: 60px 30px 60px 30px;
}

.find-solution-sectionStyle1 .pagewidth {
}

.find-solution-sectionStyle1 .title {
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	text-transform: uppercase;
}

.find-solution-sectionStyle1 .options {
	text-align: center;
	margin: 30px 0 34px 0;
}

.find-solution-sectionStyle1 .option {
	display: inline-block;
	height: 128px;
	width: 128px;
	cursor: pointer;
}

.find-solution-sectionStyle1 .option1 {
	background-image: url(../img/solution-option1.png);
}

.find-solution-sectionStyle1 .option1.active {
	background-image: url(../img/solution-option1-on.png);
}

.find-solution-sectionStyle1 .option1:hover {
	background-image: url(../img/solution-option1-on.png);
}

.find-solution-sectionStyle1 .option2 {
	background-image: url(../img/solution-option2.png);
	margin: 0 40px 0 40px;
}

.find-solution-sectionStyle1 .option2.active {
	background-image: url(../img/solution-option2-on.png);
}

.find-solution-sectionStyle1 .option2:hover {
	background-image: url(../img/solution-option2-on.png);
}

.find-solution-sectionStyle1 .option3 {
	background-image: url(../img/solution-option3.png);
}

.find-solution-sectionStyle1 .option3.active {
	background-image: url(../img/solution-option3-on.png);
}

.find-solution-sectionStyle1 .option3:hover {
	background-image: url(../img/solution-option3-on.png);
}

.find-solution-sectionStyle1 .button {
}

.rec {
	display: none;
}

@media (max-width: 555px) {

.find-solution-sectionStyle1 .option {
	display: block;
	margin: 16px auto 16px auto;
}
}

/* /find-solution-sectionStyle1 */



/* teamSection */

.teamSection {
	background-color: #fff;
	padding: 60px 30px 60px 30px;
}

.teamSection .ui-block-a {
	padding-right: 20px;
}

.teamSection .ui-block-b {
	padding-left: 20px;
}

.teamSection .member {
	width: 495px;
	height: 676px;
	background-image: url(../img/our-team-member-bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 30px;
}

.teamSection .member .bio {
	background-color: #fff;
	opacity: .9;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
}

.teamSection .member .bio .close {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 2px 6px;
	border: 1px solid #000;
	color: #000;
	cursor: pointer;
	font-family: 'Karla', sans-serif;
}

.teamSection .member .bio .pad {
	padding: 30px 50px 30px 30px;
}

.teamSection .member .bio .title {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	font-family: 'Karla', sans-serif;
	margin: 0 0 6px 0;
}

.teamSection .member .bio .text {
	font-family: 'Raleway', sans-serif;
	margin: 6px 0 16px 0;
}

.teamSection .member .holder {
	padding: 30px 30px 30px 30px;
	position: relative;
}

.teamSection .member .name {
	color: #003546;
	font-size: 30px;
	font-family: 'Karla', sans-serif;
	font-weight: 700;
}

.teamSection .member .title {
	color: #fff;
	font-size: 20px;
	font-family: 'Karla', sans-serif;
}

.teamSection .member .moreLink {
	color: #000;
	font-size: 17px;
	font-family: 'Karla', sans-serif;
	font-weight: bold;
	position: relative;
	top: 60px;
	cursor: pointer;
}

.teamSection .member .social {
	float: right;
	top: 50px;
	position: relative;
}

@media (max-width: 1079px) {

.teamSection .ui-block-a {
	float: none;
	width: 100%;
	padding-right: 0px;
}

.teamSection .ui-block-b {
	float: none;
	width: 100%;
	padding-left: 0px;
}

.teamSection .member {
	margin: 10px auto 30px auto;
}
}

@media (max-width: 570px) {

.teamSection {
	padding: 60px 6px 60px 6px;
}

.teamSection .member {
	width: auto;
}
}

/* /teamSection */

/* partnerships */

.partnerships-sectionStyle {
	background-color: #fff;
	padding: 60px 30px 60px 30px;
}

.partnerships-sectionStyle .accTrigger {
	cursor: pointer;
	padding-left: 46px;
	background-image: url(../img/ico-acc-open.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.partnerships-sectionStyle .accTriggerOpen {
	background-image: url(../img/ico-acc-close.png);
}

.partnerships-sectionStyle .buttons {
	float: right;
	margin-bottom: 50px;
}

.partnerships-sectionStyle hr {
	margin-top: 70px;
	margin-bottom: 70px;
}

@media (max-width: 922px) {

.partnerships-sectionStyle .buttons {
	display: none;
}
}

/* /partnerships */


/* resources */

.resources-sectionStyle {
	background-color: #fff;
	padding: 60px 30px 60px 30px;
}

.resources-sectionStyle .pagewidth {
	width: 804px;
}

.resources-sectionStyle .ui-block-a {
	width: 400px;
	padding: 0 30px;
	border-right: 1px solid #8FD557;
}

.resources-sectionStyle .ui-block-b {
	width: 400px;
	padding: 0 30px;
}

.resources-sectionStyle .accTrigger {
	cursor: pointer;
	padding-left: 46px;
	background-image: url(../img/ico-acc-open.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.resources-sectionStyle .accTriggerOpen {
	background-image: url(../img/ico-acc-close.png);
}

.resources-sectionStyle .resource {
	display: block;
	color: #00AEEF;
	font-family: 'Karla', sans-serif;
	text-decoration: none;
	padding: 24px 0;
	border-bottom: 1px solid #8FD557;
	font-weight: bold;
}

@media (max-width: 1079px) {

.resources-sectionStyle .ui-block-a {
	float: none;
	width: 100%;
	padding: 20px 20px 20px 20px;
	border: 0;
}

.resources-sectionStyle .ui-block-b {
	float: none;
	width: 100%;
	padding: 20px 20px 20px 20px;
}

.resources-sectionStyle .vspace30 {
	display: none;
}
}

@media (max-width: 804px) {

.resources-sectionStyle .pagewidth {
	width: auto;
}
}

/* /resources */


/* login */

.login-sectionStyle1 {
	background-color: #F1F1F1;
	padding: 60px 30px 60px 30px;
	font-family: 'Karla', sans-serif;
}

.login-sectionStyle1 .t1 {
	color: #26A44F;
	text-align: center;
	font-size: 27px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

.login-sectionStyle1 .t2 {
	color: #003546;
	text-align: center;
	font-size: 20px;
}

.login-sectionStyle1 .t3 {
	color: #145D74;
	text-align: center;
	margin: 0 0 20px 0;
	font-size: 21px;
	font-weight: bold;
}

.login-sectionStyle1 .icon {
	margin: 24px 0 20px 0;
}

.login-sectionStyle1 .lastIcon {
	margin-top: 0 !important;
}

.login-sectionStyle1 .ui-block-a,
.login-sectionStyle1 .ui-block-b,
.login-sectionStyle1 .ui-block-c,
.login-sectionStyle1 .ui-block-d,
.login-sectionStyle1 .ui-block-e {
	text-align: center;
}

.login-sectionStyle1 a {
	display: block;
	text-decoration: none;
	color: #2EC2E8;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.login-sectionStyle1 a:hover {
	text-decoration: underline;
}

@media (max-width: 900px) {

.login-sectionStyle1 .ui-block-a,
.login-sectionStyle1 .ui-block-b,
.login-sectionStyle1 .ui-block-c,
.login-sectionStyle1 .ui-block-d,
.login-sectionStyle1 .ui-block-e {
	float: none;
	width: 100%;
	margin-bottom: 40px;
}
}

/* /login */



/* individual case study pages */

.caseStudy-sectionStyle1 {
	background-color: #fff;
	padding: 40px 30px 60px 30px;
}

.caseStudy-sectionStyle1 h4 {
	text-transform: uppercase;
}

.caseStudy-sectionStyle1 h5 {
	font-size: 17px;
	color: #004F68;
	margin: 34px 0 13px 0;
}

.caseStudy-sectionStyle1 .quote {
	text-align: center;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	color: #003546;
	font-size: 28px;
	margin: 20px 0 12px 0;
}

.caseStudy-sectionStyle1 .byline {
	color: #59595C;
	font-family: 'Karla', sans-serif;
	text-align: center;
	font-size: 22px;
}

.caseStudy-sectionStyle2 {
	padding: 40px 30px 60px 30px;
	background: #137F9E;
	background: -moz-linear-gradient(left, #2EC3E9 0%, #137F9E 100%) !important;
	background: -webkit-linear-gradient(left, #2EC3E9 0%, #137F9E 100%) !important;
	background: linear-gradient(to right, #2EC3E9 0%, #137F9E 100%)!important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EC3E9', endColorstr='#137F9E', GradientType=1)!important;
	text-align: center;
}

.caseStudy-sectionStyle2 h2 {
	text-transform: none !important;
	color: #fff;
}

.caseStudy-sectionStyle2 p {
	color: #fff;
	font-size: 20px;
}

@media (max-width: 900px) {

.caseStudy-sectionStyle2 h2 {
	font-size: 24px;
}

.caseStudy-sectionStyle2 p {
	font-size: 16px;
}

.caseStudy-sectionStyle1 .inset {
	width: 100%;
}
}

/* individual case study pages */


.hcmVidsTable {
	margin: auto;
}

.hcmVidsTable td {
	padding: 10px 20px;
}

.thankYou {
	display: none;
}

.emailError {
	display: none;
}

.thankYouMessage {
	display: none;
}

/* llp */

.laborLaw2Col {
}

.laborLaw2Col .leftCol {
	float: left;
	paddinpadding-right: 30px;
}

.laborLaw2Col .rightCol {
	float: left;
}

@media (max-width: 1038px) {

.laborLaw2Col .leftCol {
	display: none;
}

.laborLaw2Col .rightCol {
	float: none;
}
}

/* llp */


/* careers2 ss1 */

.careers2ss1 {
	padding: 60px 0 60px 0;
}

.careers2ss1 .left {
	float: left;
}

.careers2ss1 .right {
	float: right;
}

@media (max-width: 982px) {

.careers2ss1 {
	padding: 30px 0 30px 0;
}

.careers2ss1 .left {
	float: none;
	text-align: center;
}

.careers2ss1 .right {
	float: none;
	text-align: center;
}

.careers2ss1 .left img {
	width: 80%;
	margin-bottom: 22px;
}

.careers2ss1 .right img {
	width: 50%;
}
}

/* /careers2 ss1 */


/* careers2 ss2*/
.careers2ss2 {
	padding: 60px 0 60px 0;
	background-color: #F2F2F2;
}

.careers2ss2 .left {
	float: left;
	width: 50%;
}

.careers2ss2 .right {
	float: right;
	width: 38%;
	background-color: #004f68;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003546+0,004f68+100 */
background: #003546; /* Old browsers */
background: -moz-linear-gradient(top,  #003546 0%, #004f68 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #003546 0%,#004f68 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #003546 0%,#004f68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003546', endColorstr='#004f68',GradientType=0 ); /* IE6-9 */

	padding: 0px 30px 20px 30px;
	color: #fff;
}
.careers2ss2 .left .item {
	padding: 2px 0 22px 42px !important;
    background-image: url(../img/why-us-bullet.png);
    background-repeat: no-repeat;
    font-size: 1.2em;

}

.careers2ss2 .right .item {
    padding: 2px 0 0 59px !important;
    background-repeat: no-repeat;
    font-size: 1.2em;
    line-height: 50px;
    margin-bottom: 10px;
}

@media (max-width: 982px) {

.careers2ss2 {
	padding: 20px 0 0 0;
}

.careers2ss2 .left {
	float: none;
	padding: 20px 20px 20px 20px;
	width: auto;
}

.careers2ss2 .right {
	float: none;
	padding: 28px 30px 30px 30px;
	width: auto;
}
}
.careers2ss2 .benefits .item1 {
	background-image: url(../img/careers/careers-icon1.png);
	background-position: 0px 10px;
}
.careers2ss2 .benefits .item2 {
	background-image: url(../img/careers/careers-icon2.png);
	background-position: 8px 10px;
}
.careers2ss2 .benefits .item3 {
	background-image: url(../img/careers/careers-icon3.png);
	background-position: 0px 15px;
}
.careers2ss2 .benefits .item4 {
	background-image: url(../img/careers/careers-icon4.png);
	    background-position: 2px 0px;
}
.careers2ss2 .benefits .item5 {
	background-image: url(../img/careers/careers-icon5.png);
	    background-position: 6px 4px;
}
.careers2ss2 .benefits .item6 {
	background-image: url(../img/careers/careers-icon6.png);
	    background-position: 7px 9px;
}
.careers2ss2 .benefits .item7 {
	background-image: url(../img/careers/careers-icon7.png);
	    background-position: 8px 0px;
}
.instagram-media {display: inline-block !important;}
/* /careers2 ss2 */

/* careers2 ss3 */

.careers2ss3 {
	padding: 60px 0 60px 0;
}

.careers2ss3 .left {
	float: left;
	width: 38%;
}

.careers2ss3 .right {
	float: right;
	width: 50%;
}

.careers2ss3 .spanner {
	text-align: center;
}





@media (max-width: 982px) {
	.careers2ss3 {
	padding: 60px 0 60px 0;
}

.careers2ss3 .left {
	float: none;
	width: auto;
	text-align: center;
}
.careers2ss3 .left img {
	width: 90%;
}
.careers2ss3 .right {
	float: none;
	width: auto;
	padding: 0 20px 0 20px;
	text-align: center;
}

.careers2ss3 .spanner {
	
}
	
}




/* /careers2 ss3 */