/* *************************** */ 
/* Miscellaneous               */
/* *************************** */
.clearFloat {clear: both; height: 0px; }


/* *************************** */ 
/* General                     */
/* *************************** */
h1
{
    font-family: Arial;
    font-size: 21px;
    color: #4b4b4b;
}

h2 
{ 
    font-family: Arial;
    font-size: 18px;
    color: #4b4b4b;
}
h3 
{ 
    font-family: Arial;
    font-size: 16px;
    color: #4b4b4b;
}

p 
{
    font-family: Arial;
    font-size: 12px;
    color: #4b4b4b;
}



a:link, a:visited
{
    color: #4b4b4b;
}

a:active, a:hover
{
    color: #ec007f;
}

#mainBody
{
    overflow-x: hidden;
}

div.content
{
   /* width: auto;/*Changed from 990px
    border-top: 5px solid #ec007f;    
    /*margin-left: 10%;
    margin-right: 10%;*/
}

ul.square
{
    list-style-image: url('dbfile.axd?name=square_bullet.gif');  
}

div.logo
{
   width: 197px;
}

div.searchBar
{
    float: right;    
}

.centerColumn
{
     padding: 0;
     margin: 0;
}

.outline-container
{
     text-align: justify;
}

.outline-container > div 
{
    width: 243px;
    display: inline-block;
    vertical-align: top;

    /* IE fix. */
    *display: inline;
    zoom: 1;
}

.outline-container  h2
{
    text-transform: uppercase;   
}

.outline-container  p
{
    margin-right: 15px; 
    text-align: left;
}

.outline-container:after 
{
    content: "";
    width: 100%;
    display: inline-block;
}

.frontpage-wrapper
{
    margin-left:-9999px;
    margin-right: -9999px; 
    background: linear-gradient(#ff0000, #777777);
    height: 331px;
 
}

.frontpage-top
{
    position: relative;
    width:1327px;/*CHANGED from 990px*/ 
    margin: auto;    
}

.right-menu-home
{
    margin: 0;
    padding: 0;
    background-image: url('dbfile.axd?name=background_with_lines.gif');
    background-color: #ec007f;
    width: 245px;
    height: 331px;
    color: #ffffff;
}

.right-menu-home ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 133px;
}

.right-menu-home ul li
{
    width: 245px;
    height: 50px;
}

.right-menu-home ul li:hover
{
    background-color: #000000;
    opacity: 0.3;   
}

.right-menu-home ul li a
{
    display: block;
    width: 245px;
    height: 50px;    
    font-family: Arial;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;       
    line-height:50px; 
    text-align:left;
    padding-left: 15px;
}
/*RightMenuSmall************************************************/

.right-menu-homeSmall
{
    margin: 0;
    padding: 0;
    
    width: 245px;
    height: 255px;
    color: #ffffff;
    position: relative;
    bottom: 230px;
}

.right-menu-homeSmall ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
  
}

.right-menu-homeSmall ul li
{
    width: 245px;
    height: 50px;
}

.right-menu-homeSmall ul li:hover
{
    background-color: #000000;
    opacity: 0.3;   
}

.right-menu-homeSmall ul li a
{
    display: block;
    width: 245px;
    height: 50px;    
    font-family: Arial;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;       
    line-height:50px; 
    text-align:left;
    padding-left: 15px;
}




/*RightMenuSmall End***************************************/

div.frontpage-top > .social-icons
{
    position: absolute;
    z-index: 1;
    /*MOVED TO TOP*/
    right: 90px;
    bottom: 40px;  
}

.read-more
{
    width: 99px;
    height: 20px;
    background-position: 0px 0px;
    background-image: url('dbfile.axd?name=read-more.png');  
    display: block;
}

.read-more:hover
{
    background-position: 0px -20px;
}

.cycleNavPager
{
    height: 39px; 
}

.cycleNavPager > .cycle-pager
{
    padding-left: 15px;
    padding-top: 13px;
}

.nav-pager-background
{
    height:39px; 
    background-color: white[ `];
}

/* *************************** */ 
/* Restyle standard search box */
/* *************************** */
div.searchBarWrapper {
  display: table;
  float: right;
}
div.searchBar {
  display: table-row;
}
div.searchBar > div {
  display: table-cell;
  background: linear-gradient(to bottom, white 0%, #4b4b4b 60%, #4b4b4b 100%);
  height: 22px;
  margin: 0;
  padding: 0;
}
div.searchBar div.bar {
  background: none;
}
div.searchBar div.bar > div {
  position: relative;
  text-align: left;
  padding: 7px 5px 0 10px;
  line-height: 22px;
}
div.searchBar div.bar > div > span {
  display: none;
}
div.searchBar div.bar > div > a {
  display: inline-block;
  width: 13px;
  height: 17px;
  background: url(dbfile.axd?name=search-icon.png) no-repeat top left;
  margin-top: 2px;
}
div.searchBar div.bar > div > a img {
  opacity: 0;
}
div.clogin {
  width: 195px;
  text-align: right;
}
div.clogin a {
  color: white;
  text-decoration: none;
  margin-right: 10px;
}

/* *************************** */ 
/* Mega Menu - KCS Theme       */
/* *************************** */
ul.megaMenu.KCSTheme
{
   background-color: white;
   height: 20px;
   padding-bottom: 15px;
   margin-top: 15px;
}

.megaMenu.KCSTheme > li .mmTitle,
.megaMenu.KCSTheme > li.mmNoHover .mmTitle:hover
{
    padding: 0px 10px 0px 10px;
    color: #4b4b4b;
}

.megaMenu.KCSTheme  .megaButton > a > span
{
    width:100%;
    
    text-align: center;
    font-size: 14px;
}

.megaMenu.KCSTheme  .megaButton > a
{
    color: #4b4b4b;
    margin-bottom: 15px;
}

.megaMenu.KCSTheme .megaButton
{
    padding-bottom: 15px;
}

.megaMenu.KCSTheme > li:hover .mmTitle  .megaButton > a,
.megaMenu.KCSTheme  > li.mmSelectedTab .mmTitle .megaButton a
{
    color: #ec007f; 
}

.megaMenu.KCSTheme > li:hover .mmTitle,
.megaMenu.KCSTheme  > li.mmSelectedTab .mmTitle
{
    color: #ED017F;
}

.megaMenu.KCSTheme > li .mmTitleText,
.megaMenu.KCSTheme > li .mmTitle .megaButton
{
    /*line-height: 15px;*/
    cursor: pointer;
}

.megaMenu.KCSTheme  > li > .mmTitle
{
    height: 100%;
    border-left: 1px solid #4b4b4b;
}

/* common for image sheet buttons */
.megaMenu.KCSTheme li.isheet .mmTitle {
    height: 35px;
    z-index: 1;
    font-size: 0;
}

.megaMenu.KCSTheme .mmTitle .btnSearch img
{
    position: absolute;
    top: 5px;
    left: 181px;
}

.megaMenu.KCSTheme li .mmPopup
{
    box-shadow: 5px 5px 5px #B3B4B6;
    border: 1px solid #ECECEC;
    background-color: #ECECEC;
}

.megaMenu.KCSTheme .mmTitle .mmBox ul,
.megaMenu.KCSTheme .mmPopup .mmBox ul
{
    list-style: none;
    margin: 0 0 0 3px;
    list-style-type: none;
    padding:0;
}

.megaMenu.KCSTheme .mmBox h2.catPanelHeader,
.megaMenu.KCSTheme .mmBox h2.pagePanelHeader
{              
    margin: 2px 2px 2px 2px;
    font-size: 11px;   
    font-weight: bold; 
    color: #ec007f;   
    text-decoration: none;
}
           
.megaMenu.KCSTheme .mmBox h2.catPanelHeader a,
.megaMenu.KCSTheme .mmBox h2.pagePanelHeader a
{
    color: #ec007f;  
    text-decoration: none;   
}

.megaMenu.KCSTheme .mmPopup .catPanel,
.megaMenu.KCSTheme .mmPopup .pagePanel 
 {
    position: relative;
    display: inline-block;   
    padding: 10px 10px 10px 30px;
}

.megaMenu.KCSTheme .mmPopup
{
    top: 30px;
}
.megaMenu.KCSTheme .mmPopup .mmBox ul 
{
    font-size: 15px;   
}
           
.megaMenu.KCSTheme .mmPopup .mmBox ul li
{
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 10px;                   
}
            
.megaMenu.KCSTheme .mmBox ul li a
{
    text-decoration: none; 
    color: #606060;
}

.megaMenu.KCSTheme .mmBox ul li a:hover
{
    text-decoration: none;
    color: #ec007f; 
}

/* *************************** */ 
/* Below fold                  */
/* *************************** */
.outline-container
{
    margin-top: 25px;
    margin-bottom: 27px;
}

.outline-container > img
{
    margin-top: 7px;   
}

/* *************************** */ 
/* Customer logo slideshow     */
/* *************************** */
div .LogoBox{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
overflow: hidden;
float: right;
background-color: #4b4b4b;

}

div .LogoTextWrap{

    margin-left: 15%;
    margin-right: 1%;
}



.customer-logo-slide
{
    width:1327px;
    height: 114px;
    background-color: #4b4b4b;
}

.customer-logo-slide h2
{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    color: #cecece;
    margin: 0 0 0 15px;
    padding-top: 10px;
}

.simply-scroll-container {
    position: relative;
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}

.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
   
.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
    
.simply-scroll-list li img {
    border: none;
    display: block;
}

.simply-scroll {
    width:1000px;
    height: 75px;
    margin-top: 0px;
    
}

.simply-scroll .simply-scroll-clip {
    width: 1327px;
    height: 65px;
}
    
.simply-scroll .simply-scroll-list {}
        
.simply-scroll .simply-scroll-list li {
    float: left;
    width: auto;
    height: 55px;
    padding-right: 20px; 
}

.simply-scroll .simply-scroll-list li img {}




/* *************************** */ 
/* Dynamic Feed                 */
/* *************************** */
.hold{
    width: 100%;
    margin: 0px auto;
    text-align:left;     
}

.hold.lightgrey{
    background-color: #ededed;
}

.hold h2{
    float: left;
}

.innerHold {
    float: left;    
    /* make sure left/right margins or left/right padding are 0px here
            - it'll mess with the width otherwise*/
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
}
.inner{
    /* Here set your columns padding, borders, and margin 
            - or in the class names as I do below */
    margin:0;    
}

.inner img{
    float: left;
}

.inner > .feeds-banner
{
    height: 62px;
    background-color: #dddddd;
}

.inner.col1  img{
    padding-left: 40px;
    padding-top: 10px;
}

.inner.col2 img{
    padding-left: 5px;
    padding-top: 10px;
}

.inner.col3 img{
    padding-left: 10px;
    padding-top: 10px;
}

.inner h2{
    padding-left: 15px;
    padding-top: 10px;
    font-family: Arial;
    font-size: 23px;
    font-weight: normal;
}

.clear{
    clear:both;
}

.frame1
{
     width: 40%;
     overflow: auto;
     height: 300px;
}

.frame2
{
     width: 35%;
      overflow: auto;
     height: 300px;
}

.frame3
{
    width:25%;
}

ul.latest-new-feed 
{
    list-style-type: none;
    width: 280px;
}

ul.latest-new-feed li
{
    list-style: none; 
    margin:0;
    padding:0;
    padding-bottom: 15px;
}

ul.latest-new-feed li a
{
    text-decoration: none;
    font-family: Arial;    
    font-size: 14px;
    color: #4b4b4b;
}

ul.latest-new-feed li a:hover
{
    color: #ec007f;
}

ul.case-studies-feed
{
    list-style-type: none;
    margin:0;
    padding: 0 0 0 10px;
    width: 280px;
}

ul.case-studies-feed li
{
    list-style: none; 
    margin:0;
    padding:0;
}

ul.case-studies-feed li a
{
    text-decoration: none;
    font-family: Arial;    
    font-size: 14px;
    color: #4b4b4b;
}

ul.case-studies-feed li a:hover
{
    color: #ec007f;
}

.contact-us-panel h3
{
    font-family: Arial;    
    font-size: 18px;
    color: #4b4b4b;
}

.contact-us-panel p
{
    font-family: Arial;    
    font-size: 13px;
    color: #4b4b4b;    
}

.contact-us-panel dl dd {
  display: inline;
  margin: 0;
   color: #4b4b4b;
}
.contact-us-panel dl dd:after{
  display: block;
  content: '';
}
.contact-us-panel dl dt{
    display: inline-block;
    font-weight: bold;
    color: #4b4b4b;
    padding-bottom: 5px;
}
.contact-us-panel dl dd a{
    color: #4b4b4b;
    text-decoration: none;
}
.contact-us-panel dl dd a:hover{
    color: #ec007f;
}

/* *************************** */ 
/* Footer                      */
/* *************************** */
div.footer
{
    margin: 0;
    background-color: #ec007f;
}

#mainFooter
{
    max-width: 100%;
    height: auto;

}

div.PoweredBy
{ 
    position: relative;
    margin-left: 14px;
}

.footer-about
{
    width: 35%;     
    padding: 15px 15px 0px 15px;
    font-family: Arial;     
    
}

.footer-about h3 a
{
    font-size: 18px;
    color: #ffffff;
    font-family: Arial; 
    text-decoration: none;
}


.footer-about h3 a:hover
{
    color: #4b4b4b;
}

.footer-about p
{
    font-size: 13px;
    color: #ffffff;
}

.footer-links
{
    float: right;
    padding: 25px;
    font-size: 18px; 
    margin-right: 10%;    
}

.blockEditorHeaderTitle
{
    width: 100%;
}

.footer-links ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-links ul li
{
    float: left;
    margin-right: 10px;    
    border-left: 2px solid #ffffff;    
}

.footer-links ul li a
{
    display: block; 
    font-size: 18px;
    color: #ffffff;
    font-family: Arial; 
    text-decoration: none;
    padding-left: 10px;
}

.footer-links ul li a:hover
{
    color: #4b4b4b;
}

/* *************************** */ 
/* Font                        */
/* *************************** */

.AgudaLight { 
    font-family: AgudaLight;
    font-weight: normal;
    font-style: normal;
}
.AgudaBold { 
    font-family: AgudaBold;
    font-weight: normal;
    font-style: normal;
}
.AgudaRegular { 
    font-family: AgudaRegular;
    font-weight: normal;
    font-style: normal;
}
.AgudaBlack { 
    font-family: AgudaBlack;
    font-weight: normal;
    font-style: normal;
}

/* *************************** */ 
/* Slideshow                  */
/* *************************** */
.welcome-slideshow
{
    width: 260px;
    top: 143px;
    left: 65px;
    position: absolute;
}

.slide-slideshow
{
    width: 260px;
    top: 128px;
    left: 30px;
    position: absolute;    
}


.slide-slideshow > .line2
{
    position: absolute;
    top: 86px;
    left: 57px;
}

.business-slideshow
{
    width: 500px;
    top: 215px;
    left: 268px;
    position: absolute;  
}

.aguda-extralarge
{
    font-family: AgudaBold;
    font-size: 78px;
    color: #ffffff;
   
}

.aguda-large
{
    font-family: AgudaRegular;
    font-size: 42px;
    color: #ffffff;  
}

.aguda-medium
{
    font-family: AgudaBold;
    font-size: 36px;
    color: #ffffff;
}

.aguda-small
{
    font-family: AgudaLight;
    font-size: 12px;    
    color: #ffffff;
}

/* ***************************  */ 
/* 20/80 split div based layout */
/* ***************************  */

div.side-menu
{
    width: 10%; /*Changed from 20%*/
    float: left;
}


div.main-content
{
    width: 80%;
    /*float: left;*/
    margin-left: 10%;
}


/* ***************************  */ 
/* 25/75 split div based layout */
/* ***************************  */

div.case-studies-side-menu
{
    width: 25%;
    float: left;
}

div.case-studies-main-content
{
    width: 75%;
    float: left;
}

div.clear
{
    clear: both;
}

/* ************************************/ 
/* introduce space between the editor */
/* ************************************/

div.blockEditor
{
    margin-top: 20px;
}

/* ************************************/ 
/* Product Page                       */
/* ************************************/

div.item-wrapper
{
    padding-bottom: 25px;
}

div.product-sidemenu
{
    margin-right: 35px;
}

.sidemenu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidemenu ul li
{
    margin: 10px 0 10px 0;
    border-top: 1px solid #4b4b4b;
    padding-top: 5px;
}

.sidemenu ul li:first-child
{
    border-top: none;
}

.sidemenu ul li a
{
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 5px;
    color: #4b4b4b;
}

.sidemenu ul li a:hover
{
   color: #ec007f;    
}

div.sidemenu > div > a.link
{
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 5px;
    color: #4b4b4b;
}

.sidemenu a.selected
{
    color: #ec007f;    
}

h1.uppercase
{
    text-transform: uppercase;     
}

/* ************************************/ 
/* Article Page                       */
/* ************************************/

.article
{
    margin-top: 
}

.articleInfo 
{
    display: none;
}

.articleListBlockarticle a
{
    color: #4b4b4b;
}

.articleListBlockarticle a:hover
{
    color: #ec007f;
}

.groupHeader h1
{
    text-transform: capitalize;
}

div.main-content.no-text-content .groupHeader
{
    text-transform: none;
}

/* ************************************/ 
/* Customer Case Studies Page         */
/* ************************************/
div.item
{
   display: inline-block;  
}

div.marginleft10
{
    margin-left: 10px;
}

div.marginbottom10
{
    margin-bottom: 10px;
}

div.item span
{
    text-transform: uppercase;
    font-family: Arial;
    font-size: 16px;
    color: #4b4b4b; 
}

div.page-top
{
    position: relative;
    width: 6.06%;
    margin: auto;
}

div.page-top .social-icons
{
    position: absolute;
    z-index: 1;
    right: 87px;
    top: 200px;  
}

div.banner-wrapper
{
    margin-left: -9999px;
    margin-right: -9999px;
    background: linear-gradient(#eeeeee, #777777);  
    height: 255px;  
}

.pink-text
{
    color: #ec007f;
    font-weight: 600;
}

div.case-studies-main-content
{
    min-height: 600px;
}

.item-combo-boxes select
{
    height:31px;
    width: 200px;
    padding: 2px 10px 2px 2px;
    outline: none;
    color: #4b4b4b;
    border: 1px solid #C8BFC4;
    box-shadow: inset 1px 1px 2px #ddd8dc;
    background: #fff; 
    background: transparent url('dbfile.axd?name=filter-arrow-combobox.gif') 0 0 no-repeat;  
    -webkit-appearance: none;
    -moz-appearance: none;  
    appearance: none;
    -o-appearance:none;
}

.item-combo-boxes select:hover
{
    background: transparent url('dbfile.axd?name=filter-arrow-combobox-hover.gif') 0 0 no-repeat; 
}

@-moz-document url-prefix() {
    .item-combo-boxes
    {
        background: url('dbfile.axd?name=filter-arrow-combobox.gif') 0 0 no-repeat;  
    }
}

.item-combo-boxes > .control > div
{
    margin-top: 10px;
    margin-bottom: 10px; 
}

.item-combo-boxes:after
{
    height: 1em;
    font-size: 0.625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -0.5em;
    content: "";
    position: absolute;
    pointer-events: none;
}

.item-combo-boxes:before
{
    background-color: #FFF;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 2em;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 0px 3px 3px 0px;
    content: "";
    position: absolute;
    pointer-events: none;
}

// Hide drop down arrow in IE10
select::-ms-expand { display: none; }

// Hide the blue highlight in IE
select::-ms-value {background: transparent;}

select:focus::-ms-value {
 /* For IE10 and above to remove blue hightlight */
    background-color: inherit;  
    color: #4b4b4b;
 }

.item-combo-boxes select::-ms-expand {
    display: none;    
}

select :: -ms-expand {
    display: none;
}

.item-combo-boxes select option
{
    background-color: #ededed;  
}

.item-combo-boxes select option:not(:checked) 
{
    background-color: #ededed;  
}

/* ************************************/ 
/* login area                         */
/* ************************************/
div.uppermenu {position: relative; top: 0px; right: 0px; float: right; }

/*HOME PAGE START*/

/*MENU*/

.TOPBit{
 margin-left: 10%;
    margin-right: 10%;
width: auto;
}
.MenuBox{

width: 70%;
margin: 0 auto;
}

/*WELCOM IMAGE HEADER */

.WelcomeWrap{
    
   width: 100%;
  
}


div .WelcomeIntroImg img{

    width: 100%;
    height: 330px;
}

  @media screen and (max-width: 720px){

div .WelcomeIntroImg img{

    width: 70%;
    height: 331px;
    float: right;
}

  }
  /*HOMEPAGE INTRO*/


div .IntroTextWrap{/*CONTROLS TEXT RESIZE USED FOR BLOCK2*/
 margin-left: 10%;
    margin-right: 10%;
}
/*FOUR S STYLE*******************************/



div .FourSBox{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
 position: relative;
overflow: hidden;
background-color:#e5e4e4;


}

div .FourSBox2{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
 position: relative;
overflow: hidden;
background-color:#e5e4e4;


}



div .FourSBoxWrap{ /*CONTROLS TEXT RESIZE USED FOR 4 S's*/
margin-left: 20%;
    margin-right: 10%;

}

div .ImageS{/*Used to wrap all the images/names*/
    width:45%;
    margin-top: 1%;
 margin-bottom: 0;
margin-right: 3%;
float: left;
min-height: 1px;
box-sizing:border-box;

}

div .ImageS img{
width: 80%;
border: 0;
height: auto;
max-width: 100%;
float: left;
margin-bottom: 3%;
}

div .FourSP{

    width: 70%;
    margin-bottom: 4%;

}

div .introline2{

     height:1px; 
    background-color:#ED017F;
   width: auto;
   position: relative;
   margin-left: 0;
   margin-right: 40%;
}



/*FOUR S STYLE END******************************/


div .IntroImage img{
width: 35%;
margin-right: 25px;
height: auto;
float: left;
border-radius: 2px;

}

/*BLOCK 1*/

div .IntroBox{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
overflow: hidden;
float: right;
background-color: white;

}
div .introline{

     height:1px; 
    background-color:#ED017F;
   width: auto;
   position: relative;
   margin-left: 10%;
   margin-right: 10%;
}

  /*BLOCK 2 DES*/
  div .IntroBox2{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
overflow: hidden;
float: right;
background-color: white;

}

div .IntroImage2 img{
width: 35%;
margin-left: 4%;
margin-bottom:4%; 
height: auto;
float: right;
border-radius: 2px;

}

/*BLOCK 3 INDUSTRIES*/
 div .IntroTextWrap2{/*CONTROLS TEXT RESIZE USED FOR BLOCK2*/
 width: 94%;
 margin: 0 auto;
 /* padding-left: 22%; removed by WJ */
 text-align: center; /* added by WJ */
    
}

  div .IntroBox3{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
overflow: hidden;
float: right;
background-color:#dbdbdb;

}
 div .IntroBoxIcons{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

 
background-color:#ED017F;

}

div .IconWrap{/*Used to wrap all the images/names MONDAY*/
    width:10%;
position: relative;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
display: inline-block;
margin-top: 1%;
margin-bottom: 1%;


}

div .IconWrap img{
width: 59%;
position: relative;
height: auto;
bottom: 0px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;

}
div .IconWrap:hover img{
position: relative;
bottom: 10px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;



}
div .IconWrap.HVAC:hover img{
position: relative;
bottom: 10px;
transition: all 0.3s ease;
-webkit-transition: all 0.8s ease;

 -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);


}

div .IconP{

    /*width: 112px; removed by WJ */
    margin-bottom: 0%;

  /*padding-left: 5%; removed by WJ */
    font-size: 16px;
    color: #ffffff;
    margin-top: 3%;

}


div .IconPF{

    /*width: 50px; removed by WJ */
    margin-bottom: 0%;

  /*padding-left: 16%; removed by WJ */
    font-size: 16px;
    color: #ffffff;
    margin-top: 3%;

}
div .IconPB{

    /*width: 50px; removed by WJ */
    margin-bottom: 0%;

  /*padding-left: 12%; removed by WJ */
    font-size: 16px;
    color: #ffffff;
    margin-top: 3%;

}
div .IconPP{

    /*width: 50px;  removed by WJ */
    margin-bottom: 0%;

  /*padding-left: 13%; removed by WJ */
    font-size: 16px;
    color: #ffffff;
    margin-top: 3%;

}
div .IconPA{

    /*width: 50px; removed by WJ */
    margin-bottom: 0%;

  /*padding-left: 6%; removed by WJ */
    font-size: 16px;
    color: #ffffff;
    margin-top: 3%;

}

div .IconPR{

    /*width: 50px;  removed by WJ */
    margin-bottom: 0%;

  /*padding-left: 30%; removed by WJ */
    font-size: 16px;
    color: #ffffff;
    margin-top: 3%;

}


div .imgrowsize{
  width: 5%;

  height: auto;

 /*margin-left: 4%; removed by WJ */
 
 

/*transition-timing-function: ease-in-out;
 transition: 0.3s ease;*/

   }
    /*div .imgrowsize:hover*/{
 /*background-color: #bdbaba;*/
/*height: 13%;*/

/*transition-timing-function: ease-in-out;
    transition: 0.3s ease;*/
    /*border-radius: 30%;*/
    /*box-shadow: 0px 0px 5px 10px white;*/

  }



  


/*BLOCK 4 K8*/
div .IntroImage4 img{
width: 50%;
margin-right: 25px;
height: auto;
float: left;
border-radius: 2px;

}

div .IntroBox4{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
overflow: hidden;
float: right;
background-color: white;

}


/*BLOCK 5 SUCCESS STORIES*/


  div .IntroBox4{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
 position: relative;
overflow: hidden;
float: right;
background-color: #bdbaba;
}


div .namewrap{
width: 100%;
height: auto;
margin-top: 5%;

}
div .name{

width: 200px;
height: auto;

}


#design-cast {
position: relative;
overflow: hidden;
}
div .member {
    float:left;
    width:31%;
    margin:1% 1% 4% 1%;
}
div .name {
    position:absolute;
    bottom:0px;

}
.member img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2px;
}

/*NEWS 6*/
  div .IntroBox6{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
 position: relative;
overflow: hidden;
float: right;
background-color: #AAA7A7;
}

div .IntroImage6 img{
width: 25%;
margin-right: 25px;
height: auto;
float: left;
border-radius: 2px;

}

div .IntroImage6 iframe{
 top:0;
    left: 0;
    width: 40%;


} 

/*CONTACT FOOTER*/

div .ContactFooter{

    float: right;
    position: relative;
    bottom: 103px;
}

/*HOME PAGE END*/

/***************************************************************/

/****PRODUCT OVERVIEW PAGE & INDUSTRIES****/


.ProductWrap{
    
   width: 100%;
  
}

div .ProductIntroImg img{

    width: 100%;
    height: 255px;
}

/*Block Product Overview & Industries*/
div .ProdTextWrap{/*CONTROLS TEXT RESIZE*/
 margin-left: 10%;
    margin-right: 30%;
}
 div .ProdBox{/*CONTROLS FULL WIDTH & COLOR */

   width: 100%;
 position: relative;
overflow: hidden;
float: right;
background-color:white;
}

div .ProdLine{

     height:1px; 
    background-color:#ED017F;
   width: 80%;
   position: relative;
   left: 8%;
   margin-top: 50px;
   
}

 div .ProdBoxPink{/*CONTROLS FULL WIDTH & COLOR */

   width: 100%;

 position: relative;
overflow: hidden;
float: right;
background-color:#dbdbdb;
}

/*MODULE DROP DOWN*/

div .MoreDrop{
  width: 100%;
  max-width: 150px;
  height: 30px;
  cursor: pointer; 
  font-weight: bold;
  color: #2b2929;
  transition: height 1s;
    transition-timing-function: ease-in-out;

    
    
}
div .MoreDrop a{
text-decoration: none;
font-weight: bold;

    
}



div .MoreDrop:hover{
 
  height: 150px;
  
    
}


div .MoreDropWhite{
  width: 100%;
  max-width: 150px;
  height: 30px;
  cursor: pointer; 
  font-weight: bold;
  color: #2b2929;
  transition: height 1s;
    transition-timing-function: ease-in-out;
   
    
}
div .MoreDropWhite a{
text-decoration: none;

font-weight: bold;
    
}



div .MoreDropWhite:hover{
 
  height: 150px;
  
    
}
div .MoreDropBox{

    
    overflow: hidden;

}




div .DropCon{
display: inline-block;
float: left;

}
div .DropCon a{
font-size: 20px;
text-decoration: none;

}
div .DropCon a:hover{

text-decoration: none;
color: #ED017F;

}

div .DropCon1{
display: inline-block;
float: left;
margin-left: 2%;

}
div .DropCon1 a{
font-size: 20px;
text-decoration: none;

}
div .DropCon1 a:hover{

text-decoration: none;
color: #ED017F;

}



/*END MODULE DROP DOWN*/

/*SERVICES DROP DOWN STUFF*/

div .MoreDropST{
  width: 100%;
  max-width: 1000px;
  height: 30px;

cursor: pointer;
  transition: height 1.3s;
    transition-timing-function: ease-in-out;

    
    
}




div .MoreDropST a{
text-decoration: none;


}
div .MoreDropST a:hover{
color: #ED017F;


}



div .MoreDropST:hover{
 
  height: 300px;
    
}


/*MODULE INDUSTRIES DROP DOWN*/

div .MoreDropI{
  width: 100%;
  max-width: 1000px;
  height: 30px;

cursor: pointer;
  transition: height 1.3s;
    transition-timing-function: ease-in-out;

    
    
}




div .MoreDropI a{
text-decoration: none;


}
div .MoreDropI a:hover{
color: #ED017F;


}



div .MoreDropI:hover{
 
  height: 500px;
    
}






div .MoreDropBoxI{

   width: auto;
    overflow: hidden;

}




div .DropConI{
display: inline-block;
float: left;
margin-top: 4%;
padding-top: 0%;





}
div .DropConI a{

text-decoration: none;

}
div .DropConI a:hover{

text-decoration: none;


}


div .MoreDropIA{
    width: 100%;
  max-width: 1000px;
  height: 30px;
cursor: pointer;
  
  transition: height 1s;
    transition-timing-function: ease-in-out;

    
    
}
div .MoreDropIA a{
text-decoration: none;


    
}



div .MoreDropIA:hover{
 
  height: 660px;
  
    
}

div .MoreDropIEP{
    width: 100%;
  max-width: 1000px;
  height: 30px;
  cursor: pointer;
  transition: height 1s;
    transition-timing-function: ease-in-out;

    
    
}
div .MoreDropIEP a{
text-decoration: none;


    
}



div .MoreDropIEP:hover{
 
  height: 530px;
  
    
}


div .MoreDropILB{
   width: 100%;
  max-width: 1000px;
  height: 30px;
 cursor: pointer;
  transition: height 1s;
    transition-timing-function: ease-in-out;

    
    
}
div .MoreDropILB a{
text-decoration: none;


    
}



div .MoreDropILB:hover{
 
  height: 640px;
  
    
}



/*END MODULE INDUSTRIES DROP DOWN*/


div .ProdImage img{
width: 25%;
margin-left: 3%;
height: auto;
float: right;
border-radius: 2px;
margin-bottom: 5px;


}
/*Block Total Business Solutions*/
div .ProdTextWrap2{/*CONTROLS TEXT RESIZE*/
 margin-left: 10%;
    margin-right:10%;
}
div .ProdTextWrap3{/*CONTROLS TEXT RESIZE*/
 margin-left: 40%;
    margin-right:0%;
}
 div .ProdBox2{/*CONTROLS FULL WIDTH & COLOR */

   width: 100%;
 position: relative;
overflow: hidden;
float: right;
background-color:#bdbaba;
}

div .IndustriesLine{
        height:1px; 
    background-color:#ED017F;
   width: 80%;
   position: relative;
   left: 8%;
   margin-top: 50px;
   

}

/*INDUSTRIES OVERVIEW*/

div .IndTextWrap{/*CONTROLS TEXT RESIZE*/
 margin-left: 10%;
    margin-right:10%;
}
 div .IndBox{/*CONTROLS FULL WIDTH & COLOR */

   width: 100%;
 position: relative;
overflow: hidden;
float: right;
background-color:white;
}

/*Team Management*/

div .ManagementTeam img{
width: 15%;
margin-right: 25px;
height: auto;
float: left;
border-radius: 2px;

}
div .ManagementTWrap{/*CONTROLS TEXT RESIZE*/
 margin-left: 10%;
    margin-right:10%;
}

div .SideMenuMargin{


}

/*Customer Success Stories OVERVIEW*/

div .CustomerBox{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

  /* width: 100%;
 position: relative;
overflow: hidden;
float: right;*/
background-color:#c7c5c5;

}
div .ProdCustomerBox{/*CONTROLS FULL WIDTH & COLOR BLOCK 2 */

   width: 100%;
 position: relative;
overflow: hidden;
float: right;
background-color:#c7c5c5;
height: 400px;
}

div .h1Success{

    text-align: center;
    position: relative;
    right: 4%;
    font-weight: 500;
    color: white;
}

div .SuccessLine{

     height:1px; 
    background-color:#ED017F;
   width: auto;
   position: relative;

   
}
div .CustomerTextWrap{/*CONTROLS TEXT RESIZE USED FOR BLOCK2*/
 margin: 0 auto;
 width: 70%;
}

/*TEST*/

div .Story{/*Used to wrap all the images/names*/
    width: 30%;
 margin-bottom: 70px;
margin-right: 3%;
float: left;
min-height: 1px;
box-sizing:border-box;


}

div .Story img{
width: 100%;
border: 0;
height: auto;
max-width: 100%;

}

div .Story h2{
font-size: 24px;
line-height: 1.5em;
font-weight: 400;
padding-bottom: 24px;
border-bottom: 1px solid #ED017F;
margin:10px 0;
}

div .Story h2 a{

    color: white;
    text-decoration: none;
}
div .Story h2 a:hover{

    color: #ED017F;
   
}

div .Story iframe{

    top:0;
    left: 0;
    width: 100%;
    


}


/*FOOTER SUCCESS STORIES**************************************************/
div .StoryF{/*Used to wrap all the images/names*/
    width: 30%;
 margin-bottom: 70px;
margin-right: 3%;
display: inline-block;


}

div .StoryF img{
width: 100%;
border: 0;
height: auto;
max-width: 100%;

}

div .StoryF h2{
font-size: 24px;
line-height: 1.5em;
font-weight: 400;
padding-bottom: 17px;
border-bottom: 1px solid #ED017F;
margin:10px 0;
width: 400px;
}

div .StoryF h2 a{

    color: white;
    text-decoration: none;
}
div .StoryF h2 a:hover{

    color: #ED017F;
   
}

/*END**********************************************************/

div .left{/*Used for date*/
    float: left;
}

div .right{/*Used for Read more*/
    float: right;
}






/*PRODUCT OVERVIEW PAGE*/
div .ProdImageO img{
width: 35%;
margin-right: 25px;
height: auto;
float: right;
border-radius: 2px;
margin-bottom: 5px;


}

/*K8 PRODUCT MENU************/
 div .ProdBoxK8{/*CONTROLS FULL WIDTH & COLOR */

   width: 100%;
 position: relative;
overflow: hidden;
float: right;
background-color:#ED017F;
}

div .ProdTextWrapK8{/*CONTROLS TEXT RESIZE*/
 margin-left: 5%;
    margin-right:0%;
}

div .K8Menu h3{
color: white;
float: left;
display: inline;
margin-right: 0%;
margin-top: 1%;
margin-bottom: 1%;
font-size: 20px;
 
}

div .K8Menu h3 a{

text-decoration: none;
color: white;
}
div .K8Menu h3 a:hover{

color: #4B4A4A;


}

/*K8 Product Drop Down******************/


div .MoreDropK8{
  width: 100%;
  max-width: 1000px;
  height: 30px;
cursor: pointer;

  transition: height 1s;
    transition-timing-function: ease-in-out;

    }

div .MoreDropK8 a{
text-decoration: none;

}

div .MoreDropK8:hover{
 
  height: 300px;
    
}

div .MoreDropBoxK8{

   width: auto;
    overflow: hidden;

}

div .DropConK8{
display: inline-block;
float: left;
margin-top: 4%;
padding-top: 0%;

}
div .DropConK8 a{

text-decoration: none;

}
div .DropConK8 a:hover{

text-decoration: none;


}

/*K8 Product Finish*/

div .AboutImage img{
width: 45%;
margin-left: 3%;
max-height: 300px;

float: right;
border-radius: 2px;
margin-bottom: 5px;


}


/*****K8 VIDEO*************/
 div .IndBoxNew{/*CONTROLS FULL WIDTH & COLOR */

   width: 100%;
height: 808px;
}


div .IndTextWrapNew{/*CONTROLS TEXT RESIZE*/
 margin-left: 10%;
    margin-right:10%;
    width: 47%;
}

div .ProdImageNew{
    display: inline-block;
    width: 50%;
    position: relative;
    left: 102%;


}

div .ProdImageNew img{
width: 91%;
height: auto;



}



div .TopP{
position: relative;

width: 33%;
font-size: 20px;
height: 409px;
display: inline-block;
left: 59%;
bottom: 622px;
}


div .video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    z-index: 3;
}

div .video-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


div .conMap{

    float: right;
    position: relative;
    bottom: 708px;
    left: 40px;
}

div.TOPBitWrapper {}



/********END**********/

/*===============MINCRON STYLES====================*/


div .wrapperBox{

width: 70%;/* WJ changed from 70% */
margin:0 auto;

}

div .wrapperBox.homeVid{

width: 100%; /* WJ changed from 92%*/
margin:0 auto;
text-align: center;

}
div .textLead{

    width: 87%;
    display: inline-block;
    margin-bottom: 8%;
}

div .imgLead{
padding-right: 1%;
}

div .wendy{
    padding-bottom: 1.3%;
}
div .ron{
    padding-bottom: 3.4%;
}
div .brent{
    padding-bottom: 2.6%;
}

div .contactInfo{

    width: 54.5%;
    display: inline-block;
    margin-top: 5%;
    margin-bottom: 5%;
    line-height: 2;

}

div .mapInfo{

    display: inline-block;
    /* padding-top: 0%; */
    position: relative;
 
}

/*********Why Us Styles*******************************/
div .wrapperBoxFull{

background-color:#c7c5c5;
margin-bottom: -0.6%;

}

div .clickMe{
    text-align: center;
    font-size: 14px;
    font-weight: 700; 
    cursor: pointer;
}
div .clickMe2{
    text-align: center;
    font-size: 14px;
    font-weight: 700; 
    cursor: pointer;
}
div .clickMe3{
    text-align: center;
    font-size: 14px;
    font-weight: 700; 
    cursor: pointer;
}
div .clickMe4{
    text-align: center;
    font-size: 14px;
    font-weight: 700; 
    cursor: pointer;
}
div .clickMe5{
    text-align: center;
    font-size: 14px;
    font-weight: 700; 
    cursor: pointer;
}
div .hide{display: none;}
div .show{display: block;}
/*********Why Us Styles END*******************************/
/*******Testimonials Stories STYLES**********************/


div  #wrapperBoxId{
width: 70%;
margin:0 auto;

}

div .navMenu1{
    
}

div .navMenu1 ul{
    list-style: none;
    padding: 0;
    border-top: 1px solid #ED017F;
    border-bottom: 1px solid #ED017F;
    margin-bottom: 2%;
}
div .navMenu1 ul li{
display: inline-block;
padding-left: 12%;
font-size: 15px;
cursor: pointer;
margin-bottom: 1%;
margin-top: 1%;
font-weight: 300;
}
div .navMenu1 ul li:hover{

    color: #ED017F;

}


div .vidBlockHome{

    width: 24%;
    display: inline-block; 
    /* margin-left: 7%; WJ changed*/
    margin-right:20px;/* added by WJ*/
    height: 342px;
}

div .vidBlock{

    width: 49%;
    display: inline-block; 
 
}


div .vidBlock p{

  line-height: 0;  
  font-size: 16px;
}
div .vidBlock hr{

  background-color: #ED017F;
}

div .embed-container 
{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

div .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div #testVid1{display: block;}
div #testVid2{display: none;}
div #testVid3{display: none;}
div #testVid4{display: none;}


/*******Success Stories STYLES END**********************/

/**********SmartWare STyles*********************/

div .clickDrop1{
    
    font-size: 14px;
    font-weight: 700; 
    cursor: pointer;
       padding-bottom: 1%;
}
div .clickDrop2{
    
    font-weight: 700; 
    cursor: pointer;
       padding-bottom: 1%;
}

div .clickDrop3{
    
    font-weight: 700; 
    cursor: pointer;
       padding-bottom: 1%;
}






/*******SMARTWARE END**************************/


/*================MINCRON STYLES END================*/

/***International Image hover *********/

div .hungerImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=Hungerford-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .hungerImg:hover{
    
background-image: url('dbfile.axd?name=Hungerford-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

div .bourneImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=Bourne-end-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .bourneImg:hover{
    
background-image: url('dbfile.axd?name=Bourne-end-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

div .gatesImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=Gateshead-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .gatesImg:hover{
    
background-image: url('dbfile.axd?name=Gateshead-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

div .dublinImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=Dublin-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .dublinImg:hover{
    
background-image: url('dbfile.axd?name=Dublin-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

div .joburgImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=Johannesburg-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .joburgImg:hover{
    
background-image: url('dbfile.axd?name=Johannesburg-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

div .nlImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=Rotterdam-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .nlImg:hover{
    
background-image: url('dbfile.axd?name=Rotterdam-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

div .caryImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=North-Carolina-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .caryImg:hover{
    
background-image: url('dbfile.axd?name=North-Carolina-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

div .txImg{
    width: 1061px;
    height: 200px;
background-image: url('dbfile.axd?name=Texas-nl.png'); 
   transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
margin-bottom: 17px;
}

div .txImg:hover{
    
background-image: url('dbfile.axd?name=Texas-rollover-nl.png');  
 transition: background-image 0.25s ease-in-out;  
    -moz-transition: background-image 0.25s ease-in-out;  
    -webkit-transition: background-image 0.25s ease-in-out;  
    -o-transition: background-image 0.25s ease-in-out;  
}

/***International Image END *********/









/*****MOBILE STUFF JB******/




@media (min-width: 320px) and  (max-width: 1280px){

.MenuBox{

width: 100%;
margin: 0 auto;
}

.TOPBit{
 margin-left: 0%;
    margin-right: 10%;
width: auto;
}


.frontpage-wrapper
{
    margin-left:0px;
    margin-right: 0px; 
    background: ;
    height: 331px;
 
}



div .wrapperBox{

width: 92%;
margin:0 auto;

}

div.banner-wrapper
{
    
    margin-right: 0px;
    margin-left: 0px;
    height: 255px;  
}

div.page-top
{
    position: relative;
   width: inherit;
    margin: auto;
}


}

/*MOBILE RESPONSIVE*=============================/*/

@media (min-width: 320px) and (max-width : 1024px){





}





/*@media only screen and (max-device-width: 1280px){

.MenuBox{

    
margin-left: 8.1%;
margin-bottom: 30px;
}


.frontpage-wrapper
{
    margin-left:0;
    margin-right: 0; 
    background: linear-gradient(#eeeeee, #777777);
    height: 331px;
}

div.banner-wrapper
{
    margin-left: 0;
    margin-right: 0;
    background: linear-gradient(#eeeeee, #777777);  
    height: 183px;  
    width: 1260px;
} 

.frontpage-top
{
    position: relative;
    width:968px;
    margin: auto;    
}

div.page-top
{
  position: relative;
    width: auto;
    margin: auto;
}
/*Used to wrap all the images/names
div .Story{
    width:33%;
 margin-bottom: 2%;
margin-right: 15%;
float: left;
min-height: 1px;
box-sizing:border-box;


}
/*Used to wrap all the images/names*
div .StoryF{
   width: 30%;
 margin-bottom: 70px;
margin-right: 3%;
display: inline-block;

}
div .LowRes{

display: none;

}

div .LogoTextWrap{

    margin-left: 1%;
    margin-right: 1%;
}
/*CONTROLS TEXT RESIZE USED FOR BLOCK2
 div .IntroTextWrap2{
 margin-left: 2%;
    
}

div .DropCon a{
font-size: 20px;
text-decoration: none;

}
div .DropCon a:hover{

text-decoration: none;
color: #ED017F;

}

div .DropCon1 a{
font-size: 20px;
text-decoration: none;

}
div .DropCon1 a:hover{

text-decoration: none;
color: #ED017F;

}

div .K8Menu h3{
color: white;
float: left;
display: inline;
margin-right: 0%;
margin-top: 1%;
margin-bottom: 1%;
font-size: 13px;
 
}


.footer-about
{
    width: 35%;     
    padding: 15px 15px 0px 15px;
    font-family: Arial;     
    
}



}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 
 .frontpage-wrapper
{
    margin-left:0;
    margin-right: 0; 
    background: linear-gradient(#eeeeee, #777777);
    height: 331px;
}

div.banner-wrapper
{
    margin-left: 0;
    margin-right: 0;
    background: linear-gradient(#eeeeee, #777777);  
    height: 183px;  
} 
/*CHANGED from 990px 
.frontpage-top
{
    position: relative;
    width:768px;
    margin: auto;    
}

div.page-top
{
     position: relative;
    width: auto;
    margin: auto;
}




}



@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  
.frontpage-wrapper
{
    margin-left:0;
    margin-right: 0; 
    background: linear-gradient(#eeeeee, #777777);
    height: 331px;
}

div.banner-wrapper
{
    margin-left: 0;
    margin-right: 0;
    background: linear-gradient(#eeeeee, #777777);  
    height: 183px;  
}

/*CHANGED from 990px*
.frontpage-top
{
    position: relative;
    width:1019px;
    margin: auto;    
}

div.page-top
{
    position: relative;
    width: auto;
    margin: auto;
}


}

*/