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

/*common settings*/
body {
margin: 0px auto;
font-size: 1em;
/*font-family: 'Montserrat', sans-serif;*/
font-family: "Segoe UI", "Gill Sans", Optima, sans-serif;
text-align:center;
background-color:#ffffff;
color: #333;
}
a, a:link, a:visited {
color:#000;
 }
a:hover {
color: #02426E;}

p {text-align:left;
  }
div {text-align:center;
 }
h1 {font-size: 130%;
 }
h3 {margin-top: 0px;
}
img {border: none;
}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.nobottom {
margin-bottom:0px;
}
.notop {
margin-top:0px;
}
.all-caps {
text-transform:uppercase;
}
.smaller {
font-size: 80%;
}
.larger {
font-size: 120%;
}
/*.mobileG {
width: 90%;
} */

.lgblue {

}
/*top settings*/
#banner {
width:100%;
height:auto; 
margin-top:20px;
min-height: 120px;
z-index:10000000;
position:fixed;
background-color:#fff;
clear:both;
}
#logo {
     float:left; 
     height:auto;
	 width:auto;
	
	} 
#top-right {
font-weight:bold;
color: #005BA8;
font-size: 160%;
float:right;
margin-right:20px;
padding-top: 20px;
}
#top-right a {
text-decoration:none;
color: #005BA8;}

/*home products section*/
#homeProducts {
background-color: #323232;
width: 100%;
margin:auto;
text-align:center;
}

#home4boxes {
margin:auto;
text-align:center;
max-width:1200px;
min-height: 600px;
background-color: #323232;}

.homebox4 {
float:left;
width: 23.8%;
/*max-width: 300px;*/
padding-left: 4px;
padding-right: 4px;
text-align:center;
}

.homebox4 img {
padding-left: 4px;
padding-right: 4px;
}
.homebox4 h3 {
font-weight: normal;
color: #fff;

margin-top: 0px;
line-height: 2em;
text-align:center;
font-size: 90%;
}
.homebox4 a, .homebox4 a:link, .homebox4 a:visited {
color: #fff;
text-decoration:none;
}
.homebox4 a:hover {
text-decoration:underline;
}
/*about section*/
#homeAbout {
background-color: #f28d1e;
width:100%;
min-height: 240px;}

#homeAboutcopy {

width:70%;
color:#ffffff;
text-align:center;
margin:auto;
}
/*markets served section*/
#bottom-3boxes {

float:left;
width:50%;
text-align:center;
margin: auto;
}
#bottom-3boxes-int{
width: 100%;
margin:auto;
text-align:center;
}
.marketsG {
float:left;
width: 50%;
text-align:right;
}


.box3 {
float:left;
width: 33.3%;
font-size: 90%;

}
.box3 p {
margin-left: 20%;
margin-bottom:0px;
}
.box3 h3 {

color: #333;
}
.box3 a, .box3 a:link, .box3 a:visited {
color: #333;
}
#marketGraphic {
float:right;
width:auto;
}
/*blog feed*/
#blogArea {
background-color:#dcdddf;
width:100%;
}
#blogAreaContent {
width:85%;
margin:auto;
text-align:center;
}

.blogCopybox50 {
float:left;
width: 50%;
min-width: 50%;
padding-top: 25px;
}
.blogboxes {
	width:150px;height:150px;border: 4px solid #333;background-color:#fff;float:left;margin-left:10px;border-radius:8px;
}
.blogboxes a {
	text-decoration:none;
}
/*footer section*/
#footer-wrap {
background-color: #414042;
width: 100%;
min-height: 330px;
}
#footer {
width: 90%;
text-align:center;
height: auto;
margin:auto;
color: #fff;

}
#footerNav {
text-align:left;
}
#footerNav a, #footerNav a:link, #footerNav a:visited {
text-decoration:none;
padding-right:10px;
color: #fff;
font-weight:bold;}
#footerNav a:hover {

}
#footer a, #footer a:link, #footer a:visited
{
color: #fff;
}
.footer5 {
float:left;
width:20%;
}

#footer-bottom a, #footer-bottom a:link, #footer-bottom a:visited {
text-decoration:none;
padding:10px;
color: #fff;
font-weight:bold;
font-size: 90%;}
#content {
background-color: #fff;
width:95%;
text-align:center;
margin:auto;
padding-top:150px;
}
#content  h1 {
text-align:left;
font-size:200%;
color: #777777;
font-weight: 500;
}
/*productpages*/
#productsCopy {
background-color: #fff;
width:95%;
min-height: 370px;
text-align:center;
margin:auto;
}
#productsCopyInt {
/*margin-left: 5%;*/
width: 55%;
float: left;
}
#productsCopy h1, #productsCopy h2 {
text-align:left;
font-size:200%;
color: #777777;
font-weight: 500;
}
#productsCopy p {
/*margin-right: 360px;*/
/*margin-right: 600px;*/
}
.productsCopyright {
float:left;

font-size: 80%;
margin-left: 10%;
text-align:center;
/*padding-bottom: 10px;*/}

#productsOrange {
background-color: #f26432;
width:100%;
min-height: 220px;
line-height: 1.75em;}

#productsOrangecopy {

width:95%;
color:#ffffff;
text-align:center;
margin:auto;
font-size: 120%;
text-transform:uppercase;
}
.productsOrangeboxL {

float:left;
text-align:left;
width: 20%;
min-height: 220px;
}
.productsOrangeboxL p{
line-height:1.3em;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
font-weight:400;
font-size: 160%;
}
.productsOrangebox {

float:left;
text-align:left;
width: 37%;

}
.productsOrangebox p {
padding-top: 10px;
margin-left: 30px;
}
.whtborder {
border-right: 3px solid white;
}
.whtborderl {
border-left: 3px solid white;
}
#vendors {
background-color: #fff;
width:95%;
min-height: 100px;
line-height: 1.75em;
text-align:center;
margin:auto;}

.vendorsL {

float:left;
text-align:left;
width: 20%;

}
.vendorsL p{
line-height:1.3em;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
font-weight:400;
font-size: 192%;
}

#productsGrey {
background-color: #949599;
width:100%;
min-height: 240px;
line-height: 1.75em;
clear:both;}

#productsGreycopy {

width:95%;
color:#ffffff;
text-align:center;
margin:auto;
font-size: 120%;
text-transform:uppercase;
}
.productsGreyboxL {

float:left;
text-align:left;
width: 20%;
min-height: 240px;

}
.productsGreyboxL p{
line-height:1.3em;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
font-weight:400;
font-size: 160%;
}
.productsGreybox {
float:left;
text-align:center;
width: 45%;
min-height: 240px;
}
.productsGreyboxR {
float:left;
text-align:center;
width: 30%;
}
.productsGreyboxR a {
color: #fff;
font-size: 130%;
text-decoration: none;}
/*slideshow*/
#slideshow {
    position:relative;
    height:335px;
	background-color: #fff;
	width: 400px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 335px;
	width: 400px;
    background-color: #fff;
	font-size: 130%;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 289px;
	width: 400px;
    display: block;
    border: 0;
    margin-bottom: 0px;
	margin-top:0px;

}
/*.slideshow-img
{	box-shadow: 0px 5px 5px #888;
}*/
/*end slideshow*/
#check { font-size: 10px; width: 20px; display: none; visibility: hidden; z-index: 0; }
#bline #banner{
border-bottom: 4px solid black;

}
#bline #content img {
margin: 10px;
/*width:288px;height:190px;*/
border: solid 1px #555;
background-color: #eed;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
 }
.box50 {
float:left;width:48%;
}
.box33 {
float:left;
width: 32%;
}
/*mobile*/

/*all inclusive*/
@media handheld, only screen  
 and (max-device-width: 1024px) 
 
{
 #wrapper {
   max-width: 99.9%;
   margin:auto;
   text-align:center;
  }
  #top-right {

float:none;
margin:auto;
padding-top: 5px;
}
  #banner {

   position:relative;
  background-color:#fff;
  }


  #logo {
      width:50%; 
     height:auto;
	 float:none;
	} 
  #homeProducts {
  margin:0;}	
  #home4boxes {
 width:100%;
 
  }
  .homebox4 {
      float:none;
      text-align:center;
	  margin:auto;
      width: 100%;
	  clear: both;
    } 
	.homebox4 img {
	text-align:center;
	width: 90vw;
	height:auto;
	}
   #bottom-3boxes {
    float:none;
    width:100%;
    text-align:center;
    margin:auto;
   }
  
   .box3 {
   float:none;
   width: 100%;
   font-size: 90%;
   margin:auto;
   text-align:center;
    clear:both;
	}
  .box3 p {
   text-align:center;
   margin:auto;
   }
	
  .mobileG {
     float:none;
     width:100%;
   
     height:auto;
	
  }
  .marketsG {
float:none;
width: 100%;
text-align:center;
}
.mobileF {
     float:none;
     width:100%;
     clear:both;
     height:auto;
	
  }
#footerNav {
  text-align:center;
  border-bottom: 1px dashed #999;
}
.footer5 {
   float:none;
   width:100%;
   text-align:center;
   margin:auto;
   clear:both;
   border-bottom: 1px solid #999;
   }
.footer5 p {
   text-align:center;
   }
.blogCopybox {
float:none;
width: 100%;
min-width: 100%;
padding-top: 5px;
}
.blogCopybox50 {
float:none;
width: 100%;
min-width: 100%;
padding-top: 5px;
}
.blogCopyrt {
float:none;
padding: 0px;
width: 100%;
font-size: 100%;
}
 /*products*/
#productsCopyInt {
/*margin-left: 5%;*/
width: 99%;
float: none;
}
#productsCopyInt h1 {
text-align:center;
}
 .productsCopyright {
margin:0;
float:none;
 text-align:center;
 padding-bottom: 10px;  
 
  width:90vw;
  min-height: 60vh;}

#productsOrangecopy p, .vendorsL p,.productsGreyboxL p  {
margin: auto;
text-align:center;

}
.productsOrangebox {
float:none;
width: 100%;
text-align:center;
}
.productsOrangeboxL, .vendorsL, .productsGreyboxL, .productsGreybox, .productsGreyboxR {
float:none;
text-align:center;
width:100%;
}
/*#slideshow {
font-size: 80%;
}

#slideshow div img {
width:100%;
height:auto;
text-align:center;
margin:auto;}*/

.whtborder, .whtborderl {
border: none;
}
.productsGreybox img, #vendors img {
	text-align:center;
	width: 70%;
	height:auto;
	}
.box50, .box33 {
	float:none;
	width:100%;
	text-align:center;}
	
#slideshow {
   width:90vw;
   /*width: 100%;*/
     margin: 0;
	
}

#slideshow div {
     
    height: auto;	
	 font-size: 90%;
	 text-align:center;
	 width: 100%;
	
}

#slideshow div img {
    width: 90vw;
	/*width: 100%;*/
	height: auto;
   

}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
#content {
padding-top: 5px;
}
.blogboxes {
	width:90%;
	height:auto;
	float:none;
	margin:10px auto;
}
}