@import url(https://fonts.googleapis.com/css?family=Kanit:400,100,100italic,200,200italic,300,300italic,400italic,500italic,600,600italic,700,700italic,800,800italic,900,900italic);

body {    
    margin: 0 !important;
	padding: 0 !important;
}

video {
  width: 100% !important;
  height: auto !important;
  position: absolute;
}

.youtube {
	float: left;
	width: 98%;
	height: 400px;
	padding: 10px;
}

/* TEXT */

h1 {
    font-size: 1.8em;
	line-height: 1.4em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #1263b4;
	font-style: italic;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
}

h2 {
    font-size: 1.8em;
	line-height: 1.4em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #1263b4;
	font-style: italic;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
}

.h2left {
    font-size: 1.4em;
	line-height: 1.4em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #1263b4;
	font-style: italic;
	text-align: left;
	margin: 20px;
}

h3 {
    font-size: 1em;
	line-height: 1em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #818181;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.h3left {
    font-size: 1em;
	line-height: 1em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #818181;
	font-style: italic;
	text-align: left;
	margin: 20px;
}

.headingwhite {
    font-size: 1.8em;
	line-height: 1.4em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #ffffff;
	font-style: italic;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
}

.headingwhitealt {
    font-size: 1.8em;
	line-height: 1.4em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #ffffff;
	font-style: italic;
	text-align: center;
}

.subheadingwhite {
    font-size: 1.4em;
	line-height: 1.4em;
	font-family: 'Kanit', sans-serif;
    font-weight: 200;
	color: #ffffff;
	font-style: italic;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
}

.headerbannercontainer {
	pointer-events: none;
	float: left;
	text-align: center;
	width: 100%;
	background-color: none;
	margin-top: 30%;
}

.headerbanner {
    float: left;
	font-size: 1.5em;
	line-height: 1em;
	text-align: center;
	width: 100%;
	font-family: 'Kanit', sans-serif;
    font-weight: 300;
	color: #FFFFFF;
	background-color: none;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}


.footertextcontact {
	font-size: .8em;
    line-height: 1.3em;
    font-family: 'Kanit', sans-serif;
    font-weight: 200;
	color: #6F6F6F;
	padding-left: 45px;
	text-decoration: none;
}

.navtext {
	color: #6F6F6F;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

.navtext:hover {
	color: #1263b4;	
}

.footertext {
	font-size: .8em;
    line-height: 1.3em;
    font-family: 'Kanit', sans-serif;
    font-weight: 200;
	color: #6F6F6F;
	padding-left: 45px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

.footertext:hover {
	color: #1263b4;	
}

.divoutline {
	position: absolute; 
	bottom: 0; 
	left: 28%;
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #ffffff;
	font-style: italic;
	text-align: center;
	border-radius: 25px;
    border: 2px solid #1263b4;
	background: #1263b4;
    padding: 15px;
	width: 175px;
	margin: 25px auto;
	transition: all 0.3s ease 0s;
	z-index: 25;
}

.divoutline:hover { 
	background: #ffffff; 
	color: #818181;
}

hr {
   border: 1px solid #DDDDDD;
   
}

.bodytext {
    font-size: 1em;
    line-height: 1.2em;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
	margin: 20px;
}

.bodytextwhite {
    font-size: 1em;
    line-height: 1.2em;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
	margin: 20px;
	color: ffffff;
}

.linktext {
    font-size: 1em;
    line-height: 1.2em;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
	transition: all 0.3s ease 0s;
	color: #1263b4;
}

.linktext:hover {
	color: black;
}

.welcomelinktext {
    font-size: 1em;
    line-height: 1.2em;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
	transition: all 0.3s ease 0s;
	color: #1263b4;
	color: white; 
	text-decoration: none;
	bacgkground-color: none;
}

.welcomelinktext:hover {
	color: black;
	background-color: white;
	padding: 0px 40px;
}

.topnavtext {
    font-size: .7em;
    line-height: 1em;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
	font-style: italic;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
}

.topnavtextbold {
    font-size: 1em;
    line-height: .5em;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #ffffff;
}

.bottomnavtext {
    font-size: 1em;
    line-height: 2.5em;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
	font-style: italic;
	color: #0163a4;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* DIVS */

.primaryContainer {
    height: auto;
    min-height: 100%;
    width: 100%;
    position: relative;
}

.header {
	width: 100%;
	max-height: 700px;
	background-color: none;
}

.footer {
	float: left;	
	width: 100%;
	background-color: #F5F5F5;
	text-align: center;
	margin: 0 auto;
	padding-top: 30px;
}

.footercolumn {
	float: left;	
	width: 23%;
	background-color: #F5F5F5;
	text-align: left;
	margin-left: 15px;
}

.subfooter {
	width: 100%;
	text-align: center;
	background-color: #F5F5F5;
	padding-bottom: 30px;
}

.fulldiv {
	position:relative;
	margin: auto;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}

.fulldivtransparent {
	margin: auto;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: none;
}

.fulldivabout {
	margin: auto;
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 40px;
	background-color: #FFFFFF;
	overflow: auto;
	background-image:url("img/about.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: bottom;
	background-size: cover;
}

.fulldivwelcome {
	margin: auto;
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 40px;
	background-color: #FFFFFF;
	overflow: auto;
	background-image:url("img/welcome.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: bottom;
	background-size: cover;
}

.fulldivblue {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: auto;
	background: #1263b4;
	background-image:url("img/honeycomb.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: top;
	background-size: cover;
}

.fulldivblueproducts {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
	background: #1263b4;
	background-image:url("img/honeycomb.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: top;
	background-size: cover;
}


.halfdiv {
	float: left; 
	margin-left: 5%; 
	margin-right: 5%;
	width: 40%;
}

.tridiv {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 33%;
	text-align: left;
	height: 620px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}

.label {
	position: absolute;
  	bottom: 0px;
	margin: 0 auto;
	text-align:center;
	font-size: .7em;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
	color: #ffffff;
	width: 100%;
	height: 30px;
	padding-top: 12px;
	background-color: rgba(0,0,0,0.75);
	-webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -o-transition: height .2s ease;
    -ms-transition: height .2s ease;
    transition: height .2s ease;
	
}

.label:hover {
	height: 35px;
}

.imgright {
	float: right; 
	width: 50%;	
}

.fourbox {
	float: left;
	margin: 0 auto;
	width: 23%;
	height: 200px;
	margin: 1%;
	background-color: #000000;
	
}

.fourboxone {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/rolled_form_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxone:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxtwo {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/carton_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxtwo:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxthree {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/as_rs_racks.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxthree:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxfour {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/automation.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxfour:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxpush {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/push-back.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxpush:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxpallet {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/pallet_flow_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxpallet:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxcarton {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/carton_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxcarton:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxselective {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/selective_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxselective:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxhybrid {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/8J1A6106.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxhybrid:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxroll {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/rolled_form_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxroll:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxstructural {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/structural_pallet_rack.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxstructural:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxdrive {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/drive_in_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxdrive:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxarchive {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/archive_2.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxarchive:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxcantilever {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/cantilever.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxcantilever:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxfurniture {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/Gallery-Furniture-009.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxfurniture:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fourboxover {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 31.25%;
	height: 250px;
	margin: 1%;
	background-image:url("img/over_dock_door_racks.png");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fourboxover:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.affiliations {
	position: inline-block; 
	width: 70%; 

}

.sixbox {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: auto;
	margin: 1%;
	text-align: center;
	background-color: none;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixbox:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fivebox {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 18%;
	height: auto;
	margin: 1%;
	text-align: center;
	background-color: none;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fivebox:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sixboxone {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: 200px;
	margin: 1%;
	background-image:url("img/coldstorage.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixboxone:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sixboxtwo {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: 200px;
	margin: 1%;
	background-image:url("img/beverage_grocery.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixboxtwo:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sixboxthree {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: 200px;
	margin: 1%;
	background-image:url("img/retail.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixboxthree:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sixboxfour {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: 200px;
	margin: 1%;
	background-image:url("img/pills-1021444_1280.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixboxfour:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sixboxfive {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: 200px;
	margin: 1%;
	background-image:url("img/gsa.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixboxfive:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sixboxsix {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: 200px;
	margin: 1%;
	background-image:url("img/general.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixboxsix:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sixboxseven {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 14.5%;
	height: 200px;
	margin: 1%;
	background-image:url("img/IMG_4896.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: middle;
	background-size: cover;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sixboxseven:hover {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.searchdiv {
	background: #1263b4; 
	background: -webkit-linear-gradient(#187da7, #1250bd); 
	background: -o-linear-gradient(#187da7, #1250bd); 
  	background: -moz-linear-gradient(#187da7, #1250bd);   
  	background: linear-gradient(#187da7, #1250bd); 
  	width: 75px; 
  	height: 100%; 
  	float: right;
	margin: 0 auto;
}

.searchimg {
	padding-top: 20px;
	padding-left: 11px;
	padding-right: 23px;	
}

.searchdiv:hover { 
	background: #0e3f93; 
	background: -webkit-linear-gradient(#135d7b, #0e3f93); 
	background: -o-linear-gradient(#135d7b, #0e3f93); 
  	background: -moz-linear-gradient(#135d7b, #0e3f93); 
	background: linear-gradient(#135d7b, #0e3f93);
}

#header_container {
    float: left;
    height: auto;
    margin: 0px 0px 0px 0%;
    width: 100%;
    background-color: none;
	background-image:url("img/bg_alternate.jpg");
	background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: top;
	background-size: cover;
	overflow:hidden !important;
	
}

.topnav {
	width: 100%;
	background-color: #000000;
	text-align: right;
	height: 25px;
	padding-top: 10px;		
}

.bottomnav {
	float: left;
	width: 100%;
	background-color: #ffffff;
	text-align: right;
	height: 65px;
	
}

.social {
   float: left;
   position: absolute;
   left: 280px;
   top: 42px;
   z-index: 999;
   
}

#logo {
   float: left;
   position: absolute;
   width: 270px;
   height: auto;
   left: 5px;
   top: 9px;
   z-index: 1000;
   
}

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

.social {
   float: left;
   position: absolute;
   left: 280px;
   top: -5px;
   z-index: 999;
   
}
	
}

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

.youtube {
	float: right;
	height: 300px;	
}

/* TEXT */

.footertextcontact {
	padding-left: 40px;	
}

.footertext {
	padding-left: 40px;	
}

.bottomnavtext {
    clear: all;
	display: none;
}

.headerbanner {
    font-size: .8em;
	line-height: 1em;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* DIVS */

.imgright {
	width: 100%;	
}

.divoutline {
	left: 40%;
	width: 175px;
	margin: 0 auto;
}

.affiliations {
	width: 70%;
}

.footercolumn {
	width: 50%;
	text-align: left;
	margin-left: 0px;
}

.halfdiv {
	float: left; 
	margin: 5%; 
	width: 90%;
}

.tridiv {
	float: left;
	margin: 0 auto;
	width: 99%;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}


.fourbox {
	width: 46%;
	margin: 2%;
}

.fourboxone {
	width: 29.3%;
	margin: 2%;
}

.fourboxtwo {
	width: 29.3%;
	margin: 2%;
}

.fourboxthree {
	width: 29.3%;
	margin: 2%;
}

.fourboxfour {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxpush {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxpallet {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxcarton {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxselective {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxhybrid {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxroll {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxstructural {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxdrive {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxcantilever {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxarchive {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxfurniture {
	width: 29.3%;
	margin: 2%;
}
	
.fourboxover {
	width: 29.3%;
	margin: 2%;
}

.sixbox {
	width: 29.3%;
	margin: 2%;
}
	
.fivebox {
	width: 29.3%;
	margin: 2%;
}

.sixboxone {
	width: 28.3%;
	margin: 2%;
}

.sixboxtwo {
	width: 28.3%;
	margin: 2%;
}

.sixboxthree {
	width: 28.3%;
	margin: 2%;
}

.sixboxfour {
	width: 28.3%;
	margin: 2%;
}

.sixboxfive {
	width: 28.3%;
	margin: 2%;
}

.sixboxsix {
	width: 28.3%;
	margin: 2%;
}

.sixboxseven {
	width: 28.3%;
	margin: 2%;
}

.social {
   float: left;
   position: absolute;
   left: 8px;
   top: -5px;
   z-index: 999;
   
}

#logo {
   float: left;
   position: absolute;
   width: 190px;
   height: auto;
   display:block;
   margin-left: 0 auto;
   margin-right: 0 auto;
   left: 30%;
   top: 30px;
   z-index: 1000;
   
}

.header {
        margin: 0px 0px 0px 0%;
        clear: both;
		background-image:url("img/header_bg.jpg");
	    background-repeat: no-repeat;
        background-attachment: inherit;
        background-position: top;
	    background-size: cover;
    }

}

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

.youtube {
	float: left;
	height: 200px;
}

/* TEXT */

.subheadingwhite {
    font-size: 1em;
	line-height: 1em;
	margin-top: 20px;
}
	
.headingwhitealt {
	font-size: 1.2em;
	line-height: 1.2em;
}
	
	h2 {
    font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0px;
}
	
.headingwhite {
    font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0px;
}
	
.h2left {
    font-size: 1em;
	line-height: 1em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #1263b4;
	font-style: italic;
	text-align: left;
	margin: 20px;
}

.footertextcontact {
	padding-left: 0px;	
}

.footertext {
	padding-left: 0px;	
}

.topnav {
	text-align: center;
}

.headerbanner {
    font-size: .6em;
	line-height: 1em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
}

/* DIVS */

.bottomnav {
	height: 45px;
	
}

.searchdiv {
	width: 50px; 
	height: 100%;
}

.searchdiv:hover { 
	background: #0e3f93; 
	background: -webkit-linear-gradient(#135d7b, #0e3f93); 
	background: -o-linear-gradient(#135d7b, #0e3f93); 
  	background: -moz-linear-gradient(#135d7b, #0e3f93); 
	background: linear-gradient(#135d7b, #0e3f93);
}

.searchimg {
	padding-top: 10px;
	padding-left: 11px;
	padding-right: 11px;	
}


.divoutline {
	left: 22%;
	width: 175px;
	margin: 0 auto;
}

.footercolumn {
	width: 98.5%;
	text-align: center;
	margin-left: 5px;
}

.fourbox {
	width: 96%;
}

.fourboxone {
	width: 96%;
}

.fourboxtwo {
	width: 96%;
}

.fourboxthree {
	width: 96%;
}

.fourboxfour {
	width: 96%;
}

.fourboxpush {
	width: 96%;
}
	
.fourboxpallet {
	width: 96%;
}
	
.fourboxcarton {
	width: 96%;
}
	
.fourboxselective {
	width: 96%;
}
	
.fourboxhybrid {
	width: 96%;
}
	
.fourboxroll {
	width: 96%;
}
	
.fourboxstructural {
	width: 96%;
}
	
.fourboxdrive {
	width: 96%;
}
	
.fourboxarchive {
	width: 96%;
}
	
.fourboxcantilever {
	width: 96%;
}
	
.fourboxfurniture {
	width: 96%;
}
	
.fourboxover {
	width: 96%;
}

.affiliations {
	width: 50%; 
}

.sixbox {
	width: 96%;
}
	
.fivebox {
	width: 96%;
}

.sixboxone {
	width: 96%;
}

.sixboxtwo {
	width: 96%;
}

.sixboxthree {
	width: 96%;
}

.sixboxfour {
	width: 96%;
}

.sixboxfive {
	width: 96%;
}

.sixboxsix {
	width: 96%;
}

.sixboxseven {
	width: 96%;
}

#logo {
   float: left;
   position: absolute;
   width: 145px;
   height: auto;
   display:block;
   margin-left: 0 auto;
   margin-right: 0 auto;
   left: 30%;
   top: 30px;
   z-index: 1000;
   
}

.header {
        margin: 0px 0px 0px 0%;
        clear: both;
		background-image:url("img/header_bg.jpg");
	    background-repeat: no-repeat;
        background-attachment: inherit;
        background-position: top;
	    background-size: cover;
    }
	
}