/*<!-- START For boxes ------------------------------------------------------------------------------>*/



.BoxMain {
  display: inline-block;
  width: 96%;         /*  width: 185px;    #F6F6F6 ;*/
background-color: #F6F6F6 ;
  /*min-width:350px;*/
  height: auto;
  margin-Top: 20px; 
vertical-align: top;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
.BoxMainDarkBorder {
  display: inline-block;
  width: 95%;         /*  width: 185px;    #F6F6F6 ;*/
background-color: #F6F6F6 ;
  /*min-width:350px;*/
  height: auto;
  margin-Top: 20px; 
vertical-align: top;
 border:8px;
 border-color:#5F5F5F;
 border-style:solid;
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.BoxMainDark {
  display: inline-block;
  width: 96%;         /*  width: 185px;    #F6F6F6 ;*/
background-color: #5F5F5F;
  /*min-width:350px;*/
  height: auto;
  margin-Top: 20px; 
vertical-align: top;

box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.BoxFooter {
  display: inline-block;
vertical-align: top;
  width: 190px;         /*  width: 185px; */
  height: auto;
  margin: 1px;
}

.BoxMenuButtonLight{
  display: inline-block;
  width: 180px;         /*  width: 185px; */
  background-color: #C0C0C0;
  height: 35px;
  margin: 5px;
vertical-align: top; }
.BoxMenuButtonLight:hover {
  background-color: #FFCC33;
transition: .3s ease;
}

.BoxServices {
  display: inline-block;
  width: 195px;         /*  width: 185px; */
  background-color: #eaeaea;
  height: 40px;
  margin: 5px;
vertical-align: top; }
.BoxServices:hover {
  background-color: #FFCC33;
transition: .3s ease;
}
.BoxServices:hover {
  background-color: #FFCC33;
transition: .3s ease;
}

.BoxServicesLARGE {
  display: inline-block;
  width: 183px;         /*  width: 185px; */
  background-color: #eaeaea;
  height: 100px;
  margin: 5px;
vertical-align: top; 
border:6px #5F5F5F solid;
}
.BoxServicesLARGE:hover {
  background-color: #FFCC33;
transition: .3s ease;
}


.BoxCompany {
  display: inline-block;
  vertical-align: top;
  width: 130px;         /*  width: 185px; */
  height: 95px;
  margin: 5px; }
.BoxCompany:hover {
 filter: sepia(100%);
background-color: #FFCC33;
transition: .4s ease;
}


#slideshow {
  margin: 0px auto;
  position: relative;
  width: 100%;
  height: auto; 
 padding: 0px;
 /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); */ }
#slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/* -------------Start of Fonts ---------------------*/  

body {
         
    background-color: #F6F6F6 ;
    background-image: url("images/Background25-5brightness.jpg");
    background-repeat: repeat;
    background-position: left top;
    background-attachment: fixed;


    margin-top:    0;
    margin-bottom: 0;
    margin-left:   1;
    margin-right:  1;

   
}

h1 {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 19px;
	font-style: normal;
	font-variant: normal;
	font-weight: 650;
	line-height: 20.4px;     
        text-align: center;
        color: #98CB00;     /* 98CB00  is gren */  
}
h1.white { color: #ffffff; }

h2 {
	color: #000080;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	/* line-height: 26.4px; */

        margin-left:   8px; 
        margin-right:  8px;
}
h2.red { color: #800000; }
h2.white { color: #ffffff; }


h3 {
	color: #98CB00;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	/* line-height: 18.4px;    /*15.4px*/

        margin-left:   8px; 
        margin-right:  8px;
}
h3.white { color: #ffffff; }

p {
	font-family:   Verdana,Geneva,sans-serif;
	font-size:     14px;            /*was 14px*/
	font-style:    normal;
	font-variant:  normal;
	font-weight:   400;
	/* line-height:   19.99px; */
        text-align: left;
        margin-left:   8px; 
        margin-right:  10px;
}
p.white { color: #ffffff; }
p.red { color: #CC0000; }	


blockquote {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 29.99px;
}
pre {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.57px;
}

/*<!-- END OF FONTS ------------------------------------------------------------------------------>*/

/*<!-- START For Help Popup Menus ----------------------------------------------------------------------------------->*/

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;   /* <!-- change FROM show to hidden for final release   change to visible for editing   -->*/
    width: 160px;
    background-color: #808080 ;   /* #555    #808080   FFCC33*/
    color: #fff;                /* #fff */
    text-align: center;
         border: 5px solid #FFCC33;
    border-radius: 25px;
    padding: 0px 0;     /* 8px 0 */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/*<!-- END OF For Help Popup Menus -------------------------------------------------------------------------->*/