@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font: 100%/1.5em Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: top;
	background: #5c5954 url(images/bg.jpg) repeat-y center top;
}

img {
	border-style: none;
}

.clear {
	clear: both;	
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.padding {
	margin: 0px;
	padding: 30px;
}
#shadow {
	background: url(images/shadow.png) repeat-y center top;
	margin: 0px;
	padding: 0px;
}

#container {
	margin: 0px auto;
	width: 969px;
}
#header {
	background: url(images/header-bg.jpg) repeat-x left bottom;
	border-top: 4px solid #eaeaea;
	padding-right: 20px;
}

#header ul {
	margin: 0px;
	padding: 0px;
}
#header ul li {
	display: inline;
	list-style: none;
}
#header ul li a {
	display: block;
	float: right;
	font-size: 1.064em;
	line-height: 1.064em;
	text-transform: uppercase;
	color: #7b7b7b;
	text-decoration: none;
	margin: 58px 0px 0px;
	padding: 0px 20px 0px 10px;
	border-left: 3px solid transparent;	
}
#header ul li a.sel {
	border-left: 3px solid #DED126;
}
#header ul li a:hover {
	border-left: 3px solid #ECE482;
}
#header img {
	float: left;
}
#banner img {
	float: left;
}

#bar {
	background: #ded128 url(images/gold-bar.jpg) repeat-x left bottom;
	height: 37px;
}
#bar .social {
	float: right;
	font-size: .75em;
	line-height: 37px;
	font-style: italic;
	color: #666;
	text-align: right;
	padding-right: 10px;
}
#bar .social a {
	float: right;
	margin-top: 7px;
	margin-left: 5px;
}


#content {
	background: url(images/left-column.jpg) repeat-y left top;
	border-top: 2px solid #FFF;
}
#content #column {
	float: left;
	width: 240px;
}
#content #column ul {
	margin: 0px;
	padding: 0px;
}
#content #column ul li {
	list-style: none;
}
#content #column ul li a {
	color: #FFF;
	text-decoration: none;
	text-align: left;
	display: block;
	font: 1em/1.625em Arial, Helvetica, sans-serif;
}
#content #column ul li a:hover {
	color: #DCCF28;
}
#content #column .demo a {
	display: block;
	height: 81px;
	width: 174px;
	background: url(images/request-demo.jpg) no-repeat left top;
	margin: 30px auto 0px;
	padding: 0px;
}

#content #column .demo a:hover {
background: url(images/request-demo.jpg) no-repeat right top;
}

#content #copy {
	float: left;
	width: 729px;
	text-align: left;
	vertical-align: top;
}
#content #copy a {
	color: #161A5A;
}
#content #copy a:hover {
	color: #586D94;
}
#content #copy h1 {
	color: #161a5b;
	font: bold 1.375em Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	padding: 0px 0px 30px;
}
#content #copy h2 {
	color: #586D94;
	font: bold 1em/1.5em Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	padding: 0px 0px 20px;
}
#content #copy h3 {
	color: #7E791D;
	font: bold .875em Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	padding: 0px 0px 20px;
}
#content #copy p {
	color: #4b4b4c;
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	padding: 0px 0px 20px;
}
#content #copy ul {
	display: block;
	margin: 0px;
	padding: 0px 0px 20px 18px;
}
#content #copy li {
	color: #4b4b4c;
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	list-style: square;
}
#content #copy strong {
	color: #252525;
}
#content #copy .sidebar {
	display: block;
	width: 250px;
	margin: 0px;
	background: #E3E2DF;
	border: 1px solid #C2C1BA;
	text-align: left;
	font-size: 1.5em;
}
#content #copy .sidebar li {
	margin-bottom: 5px;		
}
#content #copy hr {
	margin: 10px 0px 30px;
	padding: 0px;
	color: #9C9C8D;
	vertical-align: bottom;
	border-bottom: 1px dotted #9C9C8D;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 0px;
	line-height: 1px;
	display: block;
	height: 1px;
}

#box {
	background: #abc6d8 url(images/box-bg.jpg) repeat-x left bottom;
	border-top: 2px solid #FFF;
	padding-top: 15px;
	padding-bottom: 0px;
}
#box div {
	float: right;
	width: 25%;
	text-align: center;
}
#box div.clear {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 0px;
}
#box img {
	border: 2px solid #e6e6e6;
}
#box div p {
	display: block;
	margin: 0px auto;
	width: 185px;
	text-align: left;
	vertical-align: top;
	font-size: .75em;
	line-height: 1.5em;
	color: #e3ecf6;
	padding-top: 10px;
	padding-bottom: 10px;
}
#box div p a {
	color: #e3ecf6;
	text-decoration:none;
}#footer {
	background: #161a5b url(images/footer-bg.jpg) repeat-x left top;
	border-top: 2px solid #FFF;
}
#footer .padding {
	margin: 0px;
	padding: 30px 30px 10px;
}

#footer .links {
	float: right;
	width: 50%;
	text-align: right;
}
#footer .links p {
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	padding: 0px 0px 20px;
	color: #5055a2;
}
#footer .links p a {
	color: #FFF;
	text-decoration: none;
}
#footer .links p a:hover {
	text-decoration: underline;
}

#footer .info {
	float: left;
	width: 50%;
	text-align: left;
}
#footer .info p {
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	color: #FFF;
	display: block;
	margin: 0px;
	padding: 0px 0px 20px;
}
#footer .info p a {
	color: #FFF;
	text-decoration: none;
}
.right {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	float: right;
	text-align: center;
	color: #6C6C6C;
	font-size: .689em;	
}
.left {
	margin: 0px 20px 10px 0;
	padding: 0px;
	float: left;
	text-align: center;
	color: #6C6C6C;
	font-size: 0.689em;
	line-height: 1.5em;
}
.border {
	border: 1px solid #C2C1BA;
}
#bc {
	font: bold 0.75em/1.5em Arial, Helvetica, sans-serif;
	color: #8A8875;
	margin-bottom: 20px;
	text-align: right;
	background: #C9C8C0;
	padding: 8px 10px;
	border: 1px solid #BCBAB1;
}
#content #copy #bc a{
	color: #586D94;
	text-decoration: none;
}
#content #copy #bc a:hover {
	color: #161A5A;
	text-decoration: underline;
}#bc img {
	margin-right: 5px;
	margin-left: 5px;
}
#content #copy .pdf {
	text-decoration: none;
	display: block;
	height: 36px;
	width: 137px;
	background: url(images/pdf-button.jpg) no-repeat left top;
	font: 0.75em/36px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4A4942;
}
#content #copy .pdf:hover {
	background: url(images/pdf-button.jpg) no-repeat left bottom;
}
#content #copy .pdf span {
	margin: 0px;
	padding: 0px 0px 0px 40px;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>> Begin Contact Form <<<<<<<<<<<<<<<<<<<<<<<<<<< */
form {
	margin: 0;
	padding: 0;	
}
.contact-form {
	border-top: 2px solid #e2e2e4;
	border-bottom: 2px solid #e2e2e4;
	padding: 30px;
	background: #f8f8f8;
}

.contact-form table {
	width: 370px;
	margin: 0 auto;
}
.contact-form table #ProductInterest {
	width: 175px;
	margin: 0;	
}
.contact-form table td{
	font: 12px Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;	
}

.contact-form input,
.contact-form textarea{
	font: 12px/18px Arial, Helvetica, sans-serif;
	width: 230px;
	border: 1px solid #D9DDE0;	
}
.contact-form select {
	width: 234px;	
}
.contact-form .checkbox input {
	width: 15px;
	border: none;
	margin: 0 4px 0 0;
}
.contact-form input[type=submit] {
	color: #FFF;
	background: #1A1E5D;
	margin-top: 10px;
	border: 1px solid #1A1E5D;
	cursor: pointer;
}
.contact-form input[type=submit]:hover {
	background: #373FC4;
	border: 1px solid #373FC4;
}
.contact-form .required {
	color: #aa1511;	
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>> End Contact Form <<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>> Begin New Intellitech Prodigal Content <<<<<<<<<<<<<<<<<<<<<< */
/*
 Description:    New Content Section for Intellitech Site Merger
 Author:         Prodigal Company
 Author URI:     https://www.prodigalcompany.com
 Version:        1.0.0
*/


/*  customization starts here
------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Maven Pro', sans-serif;
}

h1 {
    font-weight: 500;
}

.intellitech-merger-header {
    background: url(images/intellitech-thumbprint.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-transform: uppercase;
}

.header-adjustment {
    padding: 4%;
}

.intellitech-merger-header h1 {
    font-size: 3em;
}

.intellitech-merger-left-col {
    background-color: #404955;
    color: #fff;
    padding: 4%;
}

    .intellitech-merger-left-col h5 {
        font-size: .8em;
        text-transform: uppercase;
    }

    .intellitech-merger-left-col a {
        color: #fff;
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.2em;
    }

.intellitech-merger-right-col {
    padding: 4%;
    color: #5d5d5c;
    background-color: white;
}

    .intellitech-merger-right-col h3 {
        font-size: 1.2em;
        text-transform: uppercase;
    }

.intellitech-merger-wide-row {
    background-color: #c9bb2e;
    padding: 2% 1% 1% 2%;
    color: #fff;
}

.intellitech-button-01 {
    color: #fff !important;
    background-color: #c9bb2e !important;
    border: none !important;
    text-transform: uppercase !important;
}

    .intellitech-button-01:hover {
        color: #fff !important;
        background-color: #8ba1c0 !important;
        border: none;
        text-transform: uppercase;
    }

.intellitech-button-02 {
    background-color: #232056 !important;
    border: none !important;
    text-transform: uppercase !important;
}

    .intellitech-button-02:hover {
        background-color: #8ba1c0 !important;
        text-transform: uppercase  !important;
    }

.intellitech-merger-wide-row-list {
    border-left: 3px solid #232056;
    font-weight: bold;
    text-transform: uppercase;
}

.button-center {
    display: flex;
    align-items: center; /* vertically aligned! */
    justify-content: center;
}


/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 1px) and (max-width: 575px) {
    .apss-logo {
        text-align: center;
        padding-bottom: 4%;
    }

    .intellitech-merger-wide-row {
        padding: 5%;
    }

    .intellitech-merger-wide-row-list {
        border-left: 0px;
    }

    .header-adjustment {
        background: rgba(0, 0, 0, 0.4);
    }

    .header-title-and-button p {
        font-weight: bold;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .apss-logo {
        text-align: center;
        padding-bottom: 4%;
    }

    .intellitech-merger-wide-row {
        padding: 5%;
    }

    .intellitech-merger-wide-row-list {
        border-left: 0px;
    }

    .header-adjustment {
        background: rgba(0, 0, 0, 0.4);
    }

    .header-title-and-button p {
        font-weight: bold;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .apss-logo {
        text-align: center;
        padding-bottom: 4%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}