@charset "utf-8";
/* CSS Document */

*{
    margin:0;
    padding:0;
}



/*  overflow line  overflow-y:scroll; added October 2014   changed height to min-height Nov 2014 didn't work  */
html{
    height:100%;
    overflow-y:scroll;
}


/*  added overflow line Nov 2014  and removed  overflow-y:scroll; */
* html body{
    height:100%;
  
}


/*   body did have:   background:url(../images/site-bg/site-all-bg.jpg);  min-width was 1000px  */
/*  added repeat line, but it is supposed to default to repeating   */
body{
    margin:0;
    padding:0;
    font-family:'MyriadPro', 'Helvetica', Calibri, Cambria;
    color:#fff;
    font-size:14px;
    line-height:21px;
    background:url(site-bg/geometric-tiles-pattern.png);
     background-repeat:repeat;
    min-height:100%;
    position:relative;
    min-width:1000px;
    overflow-x:hidden;
}
img{
    border:none;
}
a{
   text-decoration:underline;
   color:#fff;
}
a:hover{
    text-decoration:none;
}
p, div, a, input, select, textarea, li{
    outline:none;
}

p{
    margin:0 0 18px 0;
}

input[type="button"]::-moz-focus-inner {
    border: none;
}
::-webkit-input-placeholder {
    color: #999;
    font:14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
:-moz-placeholder {
    color: #999;
    font:14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.placeholder {
    color: #999;
    font:14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.clearfix:after{
    content:'';
    clear:both;
    display:block;
}
.clear{
    clear:both;
}


/*  tried changing padding bottom to bring products table higher but did not work  style.css  */
h1{
    color:#ffffff;
    font-size:17px;
    line-height:20px;
    text-shadow:2px 2px 2px #000;
    font-family:Arial;
    padding-bottom:10px;
}

h2{
    color:#ffffff;
    font-size:18px;
    line-height:18px;
    text-shadow:2px 2px 2px #000;
    font-family:Arial;
    padding-bottom:16px;
}


/*   table -- a table is used in the Contact Us page to show different types of contact  this is different from style.css*/
table {
	margin: 1em;
	margin-left:0px;
	margin-right:0px;
	width:  100%;

}


/*  table header and table data fields (this not yet used)    this is different from style.css */
th, td {
	/*  cell padding  2px top and bottom, 20px side padding in each cell */
	padding:2px 15px;
	text-align: left;
	vertical-align: top;
	font-size:16px;
}




/*   site-bg.jpg is the background of black with dots.  It is a vertical bar that is probably stretched across the page */
/*  top-center-bg.jpg is the main banner on the site   */
/*  top-site-bg.jpg is a strip with white on the top, gray in the middle and blue on bottom, with small black and white bars  */
/*  head-right-bg.jgp looks like top-site-bg.jpg     */


/* container   original 446px  60% is 268  this is the black background, try 268px  there was a repeat-x clause in the backgrnd url */
#container{
    position:relative;
    width:100%;
    min-height:100%;
    padding-bottom:80px;
    background:url(site-bg/site-bg.jpg) repeat-x left 700px;
}

/* containershort   use other background */
/*  geometric-tiles-pattern.png   */
#containershort{
    position:relative;
    width:100%;
    min-height:100%;
    padding-bottom:80px;
    background:url(site-bg/gray-fabric-pattern2.jpg) repeat;
}

/* header - header updated just for short style    height was 446px, background was top-site-bg.jpg   60% of 446 =268 */
#header{
    background:url(site-bg/top-site-bg.png) repeat-x left top;
    height:446px;
}

#headershort{
    background:url(site-bg/top-site-bgshort.png) repeat-x left top;
    height:268px;
}



/*  original is position: relative; and z-index:1; with top-center-bg.jpg  */

.head-bg{
    background:url(site-bg/top-center-bg.png) no-repeat center top;
    position:relative;
    top:60px;
    z-index:1;
}


/*    TRYING MARCIAS NEW BANNER - THIS IS OLD CODE
.head-bgshort{
    background:url(site-bg/top-center-bgshort.png) no-repeat center top;
    position:relative;
    top:0px;
    z-index:1;
}
END OF OLD CODE HERE    */



/*  HERE IS THE NEW BANNER    */
.head-bgshort{
    background:url(site-bg/banner_smallr1.png) no-repeat center top;
    position:relative;
    top:0px;
    z-index:1;
}



.head-right-bg{
    background:url(site-bg/head-right-bg.png);
    height:446px;
    width:15%;
    position:absolute;
    right:0;
    top:0;
}


/*  head-right-bgSHORT  height was 446, try 268 which is about 60%   */
/*  width was 15%  changed to 30% to fix portion of header on right side of screen */
.head-right-bgshort{
    background:url(site-bg/head-right-bgshort.png);
    height:268px;
    width:30%;
    position:absolute;
    right:0;
    top:0;
}


.head-block{
    width:1000px;
    margin:auto;
}

.top-head-block{
    padding:11px 0 0 12px;
}



.top-head-blockshort{
    padding:6px 0 0 0px;
}


.logo{
    float:left;
    width:210px;
}

/*   NEW CODE FOR LOGO SHORT  --nothing changed yet  */
.logoshort{
	float:left;
	width:140px;
}



/* top-menu-block */
.top-menu-block{
    float:right;
    padding:14px 15px 0 0;
}


/* top-menu-blockshort */
.top-menu-blockshort{
    float:right;
    padding:0px 4px 0 0;
}


/*  code to remove below

.top-menu-block ul{
}
*/



.top-menu-block ul li{
    list-style:none;
    float:left;
}
.top-menu-block ul li a{
    display:block;
    float:left;
    padding:38px 20px 0 20px;
    color:#7d99cb;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    height:40px;
    line-height:16px;
    margin-left:1px;
}
.top-menu-block ul li:first-child a{
    margin-left:0;
}


.top-menu-block ul li a:hover, .top-menu-block ul li.active a{
    background:url(site-bg/menu-active-bg.png) repeat-x left top;
    color:#0068b3;
}


/*  TOP MENU BLOCK SHORT  */

.top-menu-blockshort ul li{
    list-style:none;
    float:left;
}
.top-menu-blockshort ul li a{
    display:block;
    float:left;
    padding:20px 25px 0 25px;
    color:#7d99cb;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    height:32px;
    line-height:14px;
    margin-left:1px;
}
.top-menu-blockshort ul li:first-child a{
    margin-left:0;
}


.top-menu-blockshort ul li a:hover, .top-menu-blockshort ul li.active a{
    background:url(site-bg/menu-active-bg.png) repeat-x left top;
    color:#0068b3;
}

/*  END TOP MENU BLOCK SHORT   */


.center-head-block{
    height:213px;
    padding:35px 20px 0 0;
}
.center-head-block .title-box{
    font-size:36px;
    color:#fff;
    font-family:Tahoma;
    text-shadow:5px 4px 3px #242013;
    font-weight:bold;
    text-align:right;
    text-transform:uppercase;
}

/*  CENTER HEAD BLOCK SHORT    height was 213 (60%=128  ), padding was 35, 20, 0, 0  */

.center-head-blockshort{
    height:128px;
    padding:32px 12px 0 0;
}

/*  nothing changed  for short   */
.center-head-blockshort .title-box{
    font-size:34px;
    color:#fff;
    font-family:Tahoma;
    text-shadow:5px 4px 3px #242013;
    font-weight:bold;
    text-align:right;
    text-transform:uppercase;
}


.bottom-head-block{
    
}


/* info-list */
.info-list{
    
}
.info-list ul li{
    list-style:none;
    float:left;
    color:#fff;
    font-family:'Helvetica';
    min-height:80px;
}
.info-list ul li .title-box{
    text-shadow:3px 3px 2px #435d8c;
    font-size:16px;
}
.info-list ul li .title-box a{
    font-family:'Helvetica';
    text-shadow:3px 3px 2px #435d8c;
    text-decoration:none;
    font-weight:bold;
}
.info-list ul li .title-box a:hover{
    text-decoration:underline;
}
.info-list ul li .text-box{
    padding-top:3px;
    line-height:14px;
    font-size:12px;
}


.info-list ul li.first{
    padding-left:115px;
    background:url(icons2014/icon5.png) no-repeat left top;
    width:195px;
    padding-right:40px;
}
.info-list ul li.second{
    padding-left:87px;
    background:url(icons2014/icon6.png) no-repeat left top;
    width:195px;
    padding-right:35px;
}
.info-list ul li.third{
    padding-left:103px;
    background:url(icons2014/icon7.png) no-repeat left 5px;
    width:215px;
}
/* end info-list */


/* end top-menu-block */


/* end header */


/* wrapper padding was 20,0,25,0     then 0 0 5px 0    */
#wrapper{
    width:1000px;
    margin:auto;
    padding:20px 0 25px 0;
}



/* wrapper SHORT padding was 20,0,25,0   then 15px 0 0 0; width was 1000px */
#wrappershort{
    width:1050px;
    margin:auto;
    padding:15px 0 0 0;
}




/* wrapper SHORT2 for blue background padding was 15,0,0,0  ; width was 1000px  - " width:1050px; margin:auto;  padding:15px 0 0 0; */
/*  code copied from ed2go class intermediate css and html  */
/*  added height auto and overflow scroll        overflow:auto;  added margins, didn't work     changed position:fixed to relative */
/*  added width 1050   */
/*  added padding:10,0,10,0;    left and right were 10% when width was 1000 or 1050 px    they were 12% when width was 900px */
/*  border-radius:10px;     */
/*  width was 900    now trying 1050 to clear up footer and scroll bar    back to 900 to get blue section the right width */
/*  COLORS   Pantone 277C = #B5D1E8 = rgb 181,209,232     or 171,202,233  LIGHT COLOR   */
/*             277c             lighter versions:  bcd6ea, c4daed, cbdfef(nice), d3e3f1(nice), dae8f4(very nice), e1edf6(pale), e9f1f8(very pale)  */
/*                              also see baedff, not same color tho */
/*            Pantone 279C =  #6689CC                      MEDIUM COLOR */
/*            Pantone 286C = #0038A8                       DARK COLOR  */

#wrappershort2{
    position:relative;
   width:900px;
    top:30%;
    margin:auto;
    bottom:7%;
   min-height:100%;
   padding:1.5%;

  background-color:#dae8f4;   
  /*    background:rgba(181,209,232,1.0);   */
   border:  5px solid #6689CC;
 
    border-radius:10px;
 }
   /*     border: 2px solid #4747a3;         background:rgba(220,227,250,1.0);  */


/* about-product-block */
.about-product-block{
    
}
/* about-product-block info block had a width of 675px never mind   */
.about-product-block .info-block{
    width:675px;
    float:left;
}
.about-product-block .info-block .video-box{
    float:left;
    width:330px;
    padding-right:20px;
}
a.more-video{
    display:inline-block;
    padding-left:50px;
    background:url(icons2014/icon3.png) no-repeat left top;
    line-height:20px;
    font-size:12px;
    font-family:'Helvetica';
    text-decoration:none;
    width:290px;
    position:relative;
    top:17px;
}
a.more-video:hover{
    text-decoration:underline;
}
.about-product-block .solutions-block{
    float:left;
    width:300px;
    margin-left:15px;
    background:url(site-bg/solutions-bg.png) no-repeat left 67px;
}
.about-product-block .solutions-block h1{
    text-align:center;
}



.about-product-block .solutions-block .line-box{
    
}
.about-product-block .solutions-block .line-box .product-box{
    float:left;
    position:relative;
    height:140px;
    padding-top:20px;
}
.about-product-block .solutions-block .line-box .product-box a{
    display:block;
    z-index:1;
    position:absolute;
}
.about-product-block .solutions-block .line-box .product-box.first{
    width:163px;
}
.about-product-block .solutions-block .line-box .product-box.second{
    width:132px;
}
.about-product-block .solutions-block .line-box .product-box.third{
    width:163px;
}
.about-product-block .solutions-block .line-box .product-box.four{
    width:132px;
}




.about-product-block .solutions-block .line-box .product-box.first a{
    height:138px;
    width:130px;
    top:20px;
    left:10px;
}
.about-product-block .solutions-block .line-box .product-box.second a{
    height:138px;
    width:130px;
    top:27px;
    left:10px;
}
.about-product-block .solutions-block .line-box .product-box.third a{
    height:138px;
    width:130px;
    top:20px;
    left:10px;
}
.about-product-block .solutions-block .line-box .product-box.four a{
    height:138px;
    width:130px;
    top:20px;
    left:10px;
    
}


.about-product-block .solutions-block .line-box .product-box img{
    display:block;
    position:absolute;
}
.about-product-block .solutions-block .line-box .product-box.first img{
    top:-15px;
    left:-30px;
}
.about-product-block .solutions-block .line-box .product-box.second img{
    top:-15px;
    left:-5px;
}
.about-product-block .solutions-block .line-box .product-box.third img{
    top:-3px;
    left:-35px;
}
.about-product-block .solutions-block .line-box .product-box.four img{
    top:-3px;
    left:-10px;
}
/* end about-product-block */


/*  IMAGE ROUNDED SHADOW      */
/*   color 888888 is a medium dark gray and is the box shadow  */
/*   F5F5F8 is a light gray and was the original background-color     BDBED9 is a lavendar gray and was the border */
/*  6b6ec8 is a medium grayish blue   */
.image_rounded_shadow {
        display: inline-block;
        margin: 5px 5px 5px 5px;
        padding: 10px 10px 10px 10px;
        border: solid 1px #1F2279;
        background-color:#6689cc;
        box-shadow: 1px 1px 6px #888888;
        -webkit-box-shadow: 1px 1px 6px #888888;
        -moz-box-shadow: 1px 1px 6px #888888;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    }


.image_rounded_shadow img {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
    }

/*  END IMAGE ROUNDED SHADOW CLASS    */



.image_rounded img {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    }

/*  END IMAGE ROUNDED  CLASS    */


img.centered {
   display: block;
   margin-left:auto;
   margin-right:auto;  }


/*    */
/*   industry-box is for the Industry Experts page and applies to each section on the page */
/*    */
#industry-box{
  background-color:white;
   color:black;
  border: 5px solid #0038A8;
   border-radius: 10px;
  padding:.8%;
}
/*   end industry-box       border: 5px solid #00C;   */
/*    */


/* end wrapper */


/* end container */


/* footer */
#footer{
    position:absolute;
    bottom:0;
    background:url(site-bg/footer-bg.png) repeat-x left;
    height:80px;
    width:100%;
}

/*   this was 1000px   and padding top was 25px  */
.footer-block{
    width:1000px;
    margin:auto;
    padding-top:25px;
    color:#d6d6d6;
    text-shadow:1px 1px #6a80c2;
}


/* copyrights-box */
.copyrights-box{
    float:left;
    width:310px;
    font-family:Calibri;
}
.copyrights-box span.copyrights{
    display:block;
    width:115px;
    line-height:14px;
    font-size:14px;
    padding-top:10px;
    float:left;
}

/*   padding left was 25px   */
.copyrights-box span.footer-logo{
    display:block;
    float:left;
    padding-left:25px;
    background:url(icons2014/icon2.png) no-repeat left 6px;
    line-height:26px;
    padding-top:4px;
    min-height:35px;
}
/* end copyrights-box */


/* footer-menu-block */
.footer-menu-block{
    float:left;
    width:450px;
    padding:10px 0 0 10px;
}
.footer-menu-block ul{
    
}
.footer-menu-block ul li{
    list-style:none;
    float:left;
}
.footer-menu-block ul li a{
    color:#d6d6d6;
    font-size:14px;
    font-family:Calibri;
    text-decoration:none;
}
.footer-menu-block ul li a:hover{
    text-decoration:underline;
}
.footer-menu-block ul li span{
    margin:0 5px;
}
/* end footer-menu-block */


/* develope-block */
.develope-block{
    float:right;
    width:150px;
    padding-top:7px;
}
.develope-block a{
    display:block;
    float:right;
    text-decoration:none;
    color:#d6d6d6;
    font-size:9px;
    text-decoration:none;
    font-family:Cambria;
    font-weight:bold;
    line-height:11px;
}
.develope-block a.design{
    padding-bottom:25px;
    background:url(icons2014/develope-logo-bg.png) no-repeat bottom center;
    
}
.develope-block a.powered-by{
    float:right;
    width:65px;
    text-align:center;
    margin-left:10px;
}
.develope-block a.powered-by span{
    font-size:12px;
    text-transform:uppercase;
}
/* end develope-block */


/* end footer */