body{
	background:#292929;
	color:#a3a3a3;
	font-family: Arial;
	font-size: 14px;
}

p { font-size: 14px; margin-bottom: 10px;}
p.home-bottom, .faux-bg-dark h4 {color:#a3a3a3;}
.faux-bg-dark h4 {color:#a3a3a3; font-size: 22px;}

.footer-text{ 
	font-size: 12px;
	 text-align: center;
	  margin-top:45px;
}

.footer-text-solo{ 
	font-size: 12px;
	 text-align: center;
	  margin-top:0px;
}


h4{font-size: 18px;}
.home-page-3 h4{ text-indent: 43px; }

/*.header-row{
	background:#292929;
}*/

.tk-proxima-nova-condensed{}

h4.gear-heading-light:before{
	content: url('../img/gear-icon-light.png');
	position: absolute;
	top: 0;
	left:-30px;
}
h4.gear-heading-medium:before{
	content: url('../img/gear-icon-medium.png');
	position: absolute;
	top: 0;
	left:-30px;
}
h4.gear-heading-dark:before{
	content: url('../img/gear-icon-dark.png');
	position: absolute;
	top: 0;
	left:-30px;
}

h4.bus-services{
	color:#a3a3a3;
	margin-top: 35px;
}

/*------------------------------ NAVIGATION ---------------------------------*/

.menu-bar{
	margin: -45px 10px 0 0;
}

.menu-bar a{
	font-size: 15px;
	color:#fff;
	opacity: 0.7;
}

.menu-bar a:hover{
	font-size: 15px;
	color:#fff;
	opacity: 1;
	-webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.menu-bar a.active{
/**	border-left: 4px solid #1b9fc9;
	padding-left: 6px;*/
	color: #19abda;
	opacity: 1;
	-webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.button-group > li {
margin: 0px;
display: inline-block;
}

.button-group ul li a{
	margin-right: 0px;
}

.bottom-30{ margin-bottom: 30px; }
.bottom-60{ margin-bottom: 60px; }

a.learn-more-link{
	font-size: 11px; 
	color: #fff; 
	letter-spacing: 1px;
	opacity: 0.6;
	-webkit-transition: opacity .3s;
    transition: opacity .3s;
}
a.learn-more-link:hover{
	font-size: 11px; 
	color: #fff; 
	letter-spacing: 1px;
	opacity: 1;
	text-decoration: underline;
	-webkit-transition: opacity .3s;
    transition: opacity .3s;
}

ul.last li{
	font-size: 14px;
}

ul.contact-address li{
	list-style-position: inside;
	list-style-type: none;
	margin-left: -15px;
}


/*------------------------------ LAYOUT ---------------------------------*/
.header-row{padding-top: 10px;}

.faux-bg{
	background-color: #fff!important;
	height: 360px;
}

.faux-bg-services{
	padding-top: 20px;
	background-color: #fff!important;
	height: auto;
}

.faux-bg-contact{
	padding-top: 0px;
	background-color: #fff!important;
	height: auto;
}

.faux-bg-services img{margin-bottom: 50px;}

.faux-bg-dark{
	background-color: #373737!important;
	border-top:7px solid #474747;
	padding: 25px 0px 15px 0;
}

.faux-bg-business-services{
	background-color: #fff!important;
	padding: 20px 0 10px 0;
	border-bottom:1px solid #ccc;
}

.last{margin-bottom: 90px;}

.faux-bg-business-services a{ color:#a3a3a3; font-weight: normal;}

.form-message{
	height:150px;
}

.bottom-pad{margin-bottom: 250px;}

.leftMargin{padding-left:30px;padding-top: 45px;}

/*------------------------------ MEDIA QUERIES ---------------------------------*/

@media only screen and (min-width: 40.063em){
	h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
	}

	/*.leftMargin{padding-left:0px;padding-top: 0px;}*/

	/*p {margin-bottom: 0px!important;}*/

	a.learn-more-link {
		font-size: 11px;
		color: #fff;
		letter-spacing: 1px;
		opacity: 0.6;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
		margin-bottom: 20px;
		display: block;
	}
}

/*------------------------------ UPDATE 09-15-15/REV.11-17-15 ---------------------------------*/
	.howitworks-head {
	color: #a3a3a3; 
	font-size: 24px; 
	font-weight: 500; 
	text-align: left; 
	line-height: 1.3; 
	padding: 0px 0px 10px; 
	margin: 0px;
	}
	
	.full-esp-chart {
	width: 848px; 
	height: 289px; 
	background: url('http://modbsolutions.com/img/full-esp-chart2.png') scroll no-repeat; 
	background-position: left top; 
	background-size: 100%; 
	-webkit-background-size: 100%; 
	opacity: 1.0; 
	padding: 0px; 
	margin-bottom: 25px !important;
	}

	.chart-blank {
	opacity: 0.0;
	}

	.one, .two, .three, .four, .five, .six {
	width: 140px;
	height: 140px;
	background: url('');
	}

	.one:hover, .two:hover, .three:hover, .four:hover, .five:hover, .six:hover {
	width: 140px;
	height: 140px;
	opacity: 1.0;	
	}
	
	.one:hover {
	position: absolute;
	top: 117px;
	left: 20px;
	background: url('http://modbsolutions.com//img/flowchart-01.png') scroll no-repeat;	
	background-position: left top;
	background-size: 100%;	
	-webkit-background-size: 100%;
	}
	
	.two:hover {
	position: absolute;
	top: 117px;
	left: 208px;
	background: url('http://modbsolutions.com//img/flowchart-02.png') scroll no-repeat;	
	background-position: left top;
	background-size: 100%;	
	-webkit-background-size: 100%;
	}
	
	.three:hover {
	position: absolute;
	top: 65px;
	left: 381px;
	background: url('http://modbsolutions.com//img/flowchart-03.png') scroll no-repeat;	
	background-position: left top;
	background-size: 100%;	
	-webkit-background-size: 100%;
	}
	
	.four:hover {
	position: absolute;
	top: 41px;
	left: 516px;
	background: url('http://modbsolutions.com//img/flowchart-04.png') scroll no-repeat;	
	background-position: left top;
	background-size: 100%;	
	-webkit-background-size: 100%;
	}
	
	.five:hover {
	position: absolute;
	top: 164px;
	left: 468px;
	background: url('http://modbsolutions.com//img/flowchart-05.png') scroll no-repeat;	
	background-position: left top;
	background-size: 100%;	
	-webkit-background-size: 100%;
	}
	
	.six:hover {
	position: absolute;
	top: 117px;
	left: 705px;
	background: url('http://modbsolutions.com//img/flowchart-06.png') scroll no-repeat;
	background-position: left top;
	background-size: 100%;	
	-webkit-background-size: 100%;
	}
	
	.chart-list {
	background-color: #eee;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	padding: 10px 12px 8px;
	margin: 0px 4px 15px;
	}
	
	.chart-list p {
	font-size: 13.5px;
	line-height: 16px;
	padding-top: 10px;
	margin-left: 55px;
	}
	
	.chart-list p strong {
	font-size: 15px;
	color: #19abda;
	}
	
	.list-one, .list-two, .list-three, .list-four, .list-five, .list-six {
	height: 50px;
	margin-bottom: 6px;
	}
	
	.list-one {
	background: url('/img/flowchart-01.png') scroll no-repeat;
	background-position: left top;
	background-size: 50px;
	-webkit-background-size: 50px;
	}
	
	.list-two {
	background: url('/img/flowchart-02.png') scroll no-repeat;
	background-position: left top;
	background-size: 50px;
	-webkit-background-size: 50px;
	}
	
	.list-three {
	background: url('/img/flowchart-03.png') scroll no-repeat;
	background-position: left top;
	background-size: 50px;
	-webkit-background-size: 50px;
	}
	
	.list-four {
	background: url('/img/flowchart-04.png') scroll no-repeat;
	background-position: left top;
	background-size: 50px;
	-webkit-background-size: 50px;
	}
	
	.list-five {
	background: url('/img/flowchart-05.png') scroll no-repeat;
	background-position: left top;
	background-size: 50px;
	-webkit-background-size: 50px;
	}
	
	.list-six {
	background: url('/img/flowchart-06.png') scroll no-repeat;
	background-position: left top;
	background-size: 50px;
	-webkit-background-size: 50px;
	}
	
@media screen and (max-width: 900px) {
	.howitworks-head {
	font-size: 19px;
	}
	.full-esp-chart {
	width: 100%;
	height: 100%;
	background-size: 100% 98%;
	-webkit-background-size: 100% 98%;
	background-position: left middle;
	}
	.chart-blank {
	margin-bottom: 0px !important;
	}
	#chart {
	display: none;
	}
}
@media screen and (max-width: 830px) and (min-width: 642px) {
	.menu-bar {
	margin: 0px !important;
	}
	.button-group {
	float: none !important;
	text-align: center;
	margin-left: -10%;
	}
	.menu-bar a {
	font-size: 14px;
	padding: 0px 6px !important;
	}
}
	