body{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.428;
    /*color: inherit;*/
    font-size:1.7em;
    color: #313131;
    background:#e1e3e4;
}

.jumbotron{
    background-color:#3b3a36;
}

.page-header h1{
    font-size:1.7em;
    font-family: 'Titillium Web', sans-serif;
    font-weight:bold;
    color:#FFF;
}

.page-header h2{
    font-size:1.3em;
    letter-spacing: 2px;
    /*text-indent: 50px;*/
    word-spacing: 5px;
    color:#FFF;
}

.footer-area-background{
    background-color:#3b3a36;
}

nav.navbar-theme{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3b3a36),to(#000));
}



.bar-one-img{
    /*display: block;
    background: none; url(../images/bg-header-bar.gif) repeat;
    width:100%;
    height: 16px;*/
}

.bar-two-img{
    display: block;
    background: url(../images/top-menu-bar.jpg) repeat;
    width:100%;
    height: 51px;
}

.footer-top-bar-img{
    display: block;
    background: url(../images/footer-top-bar.gif) repeat;
    width:100%;
    height: 10px;
}

.list-group-item.active{
    text-shadow: 0 -1px 0 #b3c2bf;
    background-image: -webkit-linear-gradient(top,#c0dfd9 0,#b3c2bf 100%);
    background-image: -o-linear-gradient(top,#c0dfd9 0,#b3c2bf 100%);
    background-image: linear-gradient(to bottom,#c0dfd9 0,#b3c2bf 100%);
    border-color: #b3c2bf;

    color: #3b3a36;
}

.list-group-item.active:hover {
    color: #b3c2bf;
    background-image: -webkit-linear-gradient(top,#c0dfd9 0,#3b3a36 100%);
    background-image: -o-linear-gradient(top,#c0dfd9 0,#3b3a36 100%);
    background-image: linear-gradient(to bottom,#c0dfd9 0,#3b3a36 100%);
    background-color: #3b3a36;
}

a.list-group-item:hover{
    color: #e9ece5;
    background-color: #b3c2bf;
}



img{
}

/*hyperlink and anchor tag styles*/

/* header tag styles */
h1{
/*font-size:14px;*/
}


h2{
/*font-size:22px;*/
}


h3{
font-size:100%;
font-weight:bold;
}


h4{
font-size:90%;
}

h5{
font-size:105%;
}

h6{
font-size:22px;
}


p{
    font-size: 1em;

    text-align: left;
    letter-spacing: 1px;
    line-height: 1.3;
    word-spacing: 5px;
}
@media only screen and (max-width: 500px){
    p{
        font-size: .9em;
    }
}





.google-font{
    font-family: 'Titillium Web', sans-serif;
}








h3Err{
font-size:80%;
font-weight:bold;
color:#CC0000;
margin:0px;
padding:0px;
}



/*  General classes  */
.DisplayAsBlock{
display:block;
}

.center{
    margin-left:auto;
    margin-right:auto;
}

.no-border{
border:none;
}

.inline{
display:inline;
}

.relative{
position:relative;
}


.block{
    display: block;
}

.float-left{
float:left;
}

.clear-right{
clear:right;
}

.clear-left{
clear:left;
}

.italic{
font-style:italic;
}

.zindex100{
z-index:100;
}

.cursor_hand {
    cursor: pointer;
}

/*Start of header css control, above the content*/











/* this is being used with the button that when clicked pulls out the side panel; this makes the button fixed to the screen so that it stays there even when the user scrolls */
.absolute-centered-left{
    position: fixed;
    display: block;
    left:5px;
    top: 49.99999%;
    z-index: 100;
}




.row-centered {
    text-align:center;
}

/* when using this some elements will NEED to set their width*/
.col-centered{
    margin: 0 auto;
}

/*a test class to see the grid when working with bootstrap*/
.bg-color{
    background-color: cadetblue;
}





.more-margin{
    margin-top: 5%;
    margin-bottom: 5%;
}

.more-margin-px{
    margin-top: 5px;
    margin-bottom: 5px;
}

.more-margin-top{
    margin-top: 2%;
}

.more-xl-margin-top{
    margin-top: 4%;
}

.more-margin-bot{
    margin-bottom: 2%;
}

.less-margin-bot{
    margin-bottom: -0.4%;
}

.extra-pad-p p{
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

.margin-none{
    margin: 0 0 0 0;
}



/* Text Separators  */
.main-content-img-sep{
    display:block;
    position:relative;
    padding:0;
    margin:30px auto 30px auto;
    background-image:url(../images/content-sep.jpg);
    width:390px;
    height:1px;
}

















/* main menu image area */
.main-menu-img-opaque{
    width: 100%;
    height: 100%;
    opacity: 0.3;

}

.main-menu-img-opaque-background {
    position: absolute;
    /*top: 0px;
    left: 0px;*/

    object-fit:cover;
    object-position: top right;
}

@media (min-width: 768px){
    img.navbar-brand{
        margin: 0 auto;
        /*width:100%;*/
        height:auto;
    }

    div.navbar-brand{
        display: none;
    }

    .menu-logo-mobile {
        display: block;
        margin: 10px auto 0 auto;
        float: none;
    }
}

@media (max-width: 990px){
    img.navbar-brand{
        position: static;
        margin: 0 auto 0 auto;
    }

}

.collapse.in {
    display: block;
    width: 100%;
}

/*@media (min-width: 768px){*/
    /*.center-the-nav{*/
        /*float:left;*/
        /*width:100%;*/
        /*margin: 0 auto;*/
        /*display: compact;*/
        /*table-layout: auto;*/
    /*}*/
/*}*/


@media (min-width: 1200px){
    .container {
        /* width: 1170px; */
    }
}
@media (min-width: 992px){
    .container {
       width: 970px;
    }
}

.navbar-header{
    /*width:100%;*/
}









/* control the menubar fonts */
.navbar-brand{
    font-size: 1em;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}

.navbar-nav{
    font-size: 1.1em;
    font-family: 'Titillium Web', sans-serif;
    margin:0 0 0 0;
}

.dropdown-menu{
    font-size: .9em;
    font-family: 'Titillium Web', sans-serif;
}

.navbar-center{
    margin-left: auto;
}


/*@media (min-width: 720px){*/
    /*.navbar-nav{*/
        /*font-size: .9em;*/
        /*font-family: 'Titillium Web', sans-serif;*/
    /*}*/
/*}*/






































/* Home Page Text Styles */

.home-content-heading{
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
}

@media only screen and (max-width: 500px){
    .home-content-heading{
        font-size: 1em;
    }
}


.home-content-subheading{
    font-weight: bold;
}

.body-content-normal-heading{
    display:block;
    padding:0;
    margin:40px 0 10px 0;
    color:#666;
    font-weight:bold;
    word-spacing:2px;
    line-height:150%;
    font-size:110%;
}

/* not used yet 7/12/16 nb */
.home-content-normal-text{
    font-style:normal;
    font-size: large;
}













/*after the jumbo we display a body content heading and regular body text but we want it to stand out more than the rest of the body.  these control the look of that area*/
.body-content-heading{
    font-style: italic;
    font-size: larger;
}

.body-content-subheading{
    font-weight: bold;
}

.body-content-normal-heading{
    display:block;
    padding:0;
    margin:40px 0 10px 0;
    color:#666;
    font-weight:bold;
    word-spacing:2px;
    line-height:150%;
    font-size:110%;
}

/* not used yet 7/12/16 nb */
.body-content-normal-text{
    font-style: italic;
    font-size: larger;
}

.right-side-menus{
    padding:4px 15px 4px 15px;
}

.footer-menu{
    padding:3px 15px 3px 15px;
}



































/* START Software Types Buttons Area*/
.software-types-area{
    font-size:18px;
}

.software-types-erp {
    display:inline-block;
    position:relative;
    background:url("../images/software-button-erp.jpg") 0 0 no-repeat;
    width:282px;
    height:241px;
    margin-right:10px;
}

.software-types-erp:hover{
background-position:0 -241px;
}

.software-types-erp-text{
position:absolute;
display:block;
width:100%;
text-align:center;
top:7px;
}

.software-types-saas {
    display:inline-block;
    position:relative;
    background:url(../images/software-button-saas.jpg) 0 0 no-repeat;
    width:242px;
    height:218px;
    margin:0 15px 0 0;
}

.software-types-saas:hover{
background-position:0 -218px;
}

.software-types-saas-text{
position:absolute;
display:block;
width:100%;
text-align:center;
top:7px;
}

.software-types-pos {
    display:inline-block;
    position:relative;
    background:url(../images/software-button-pos.jpg)0 0 no-repeat;
    width:239px;
    height:220px;
    margin:0 10px 0 0;
}

.software-types-pos:hover{
background-position:0 -220px;
}

.software-types-pos-text{
position:absolute;
display:block;
width:100%;
text-align:center;
top:7px;
left:-7px;
}

.software-types-ecom {
    display:inline-block;
    position:relative;
    background:url(../images/software-button-ecom.jpg) 0 0 no-repeat;
    width:231px;
    height:225px;
}

.software-types-ecom:hover{
background-position:0 -225px;
}

.software-types-ecom-text{
position:absolute;
display:block;
width:100%;
text-align:center;
top:7px;
}
/* END Software Types Buttons Area*/

.footer-text{
    font-size: small;
}

.copyrights-text{
    font-size: medium;
}


/*address*/
.padd{
    font-family:'arial', sans-serif;
    Font-size:125%;
    Text-align:center;
    color:#000000;
}

/*phone*/
.phone{
    font-family:'arial', sans-serif;
    Font-size:125%;
    Text-align:center;
    color:#000000;
    font-weight:bold;
}









/* tabs area */
.tabs-img-opaque{
    width: 100%;
    height: auto;
    opacity: 0.1;

}

.tabs-img-opaque-background {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:-1;
    object-fit: cover;
    object-position: top right;
}