@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* Mobile Layout: 480px and below. */

/*----------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 50%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	height: 100%;
	}

html, body {
	line-height: 1;
	font-family: 'Open Sans Condensed', sans-serif;
	
}

body {
	background: #002F5F;
	background: -webkit-linear-gradient(top, #660000;, #cccccc 100%);
	background: -moz-linear-gradient(top, #660000;, #cccccc 100%);
	background: -o-linear-gradient(top, #660000;, #cccccc 100%);
	background: -ms-linear-gradient(top, #660000;, #cccccc 100%);
	background: linear-gradient(top, #660000;, #cccccc 100%);
	background-attachment: fixed;
}

ol, ul {
	list-style: none;
}

p {
	margin:1em 0;
	line-height:1.1em;
	font-size: 12px;
}

q {
	font-style:italic;
	color:#333;
}

h1 {
	font-size:2.91em;
	margin:0;
}

h1 > small {
	text-align:right;
	display:inline-block;
	font-size:.71em;
	text-indent:15em;
	color:#444;
}


h2:first-child {margin-top:0;}

h3 {
	color:#333;
	font-size:1.41em;
	margin:1em 0;
}

h4 {
	color:#444;
	font-size:1.11em;
	margin:1em 0;
}

#progress {
	height:2%;
	background:#fff;
	bottom:0;
	z-index:200;
}

#navMenu{
background-position: -50% 0%;
top: 48%;
	z-index:998;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
}		

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:200;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}




#intro {
	color: #fff;
	text-shadow: 1px 1px #000;
	width:100%;
	height: 101%;
	text-align:center;
	font-size:1em;
	z-index: 299;
	background-size: cover;
	background-image:url(../images/homeBG.jpg);
	border-bottom: solid #fff;
	
}

#scrollDown{
	margin-left: 39.5%;
	margin-top: 5%;
	font-size: 200%;
	width: 20%;
	height: 10%;
	border-radius: 12px;
	padding: 1%;
	background-color: #0090C1; 
	color: #fff;
	text-align: center;
}

#home{
	margin-right: 30%;
	margin-top: 25%;
	background:#002F5F;
}

#home a{
	color: #1495C2;
	text-decoration: none;
}

#missionWrapper{
	float: left;  
	width: 60%; 
	height:85%; 
	border-left: solid #fff;

}


#mission{
	color: #fff; 
	padding: 25px;

}

#missionPic{
	float: left; 
	width: 40%; 
	height:85%; 
	border-left: solid #fff; 
	overflow: hidden; 
	background-image: url('../images/missionDucting.jpg'); 
	background-size: cover;
	background-position: center;

}

#missionBold{
	float: left; 
	width: 100%; 
	height: 14.7%; 
	background-color: #002F5F; 
	border-top: solid #fff; 
	margin-top: 0%;

}

#industriesPic1{
	float: left; 
	width: 35%; 
	height: 50%;  
	background-image: url('../images/industries.jpg'); 
	background-size: cover;
}

#industriesServed{
	float: left; 
	width: 64%; 
	height:50%; 
	border-left: 
	solid #fff; 
	background-color: #002F5F; 
	color: #fff;

}

#servedHeadWrap{
width: 100%; 
float: left;
font-size: 100%; 
margin-top: 6%;
text-align: center;


}

#servedTable1{
float: left; 
width: 20%;  
font-size: 90%;

}

#servedTable2{
float: left;
padding-left: 20%; 
width: 25%;   
font-size: 90%;

}

#industriesPic2{
	float: left; 
	width: 50%; 
	height: 50%; 
	clear: both; 
	border-top: solid #fff; 
	background-image: url('../images/industries2.jpg'); 
	background-size: cover; 
	background-position: center;
}

#industriesPic3{
	float: left; 
	width: 49%; 
	height: 50%; 
	border-top: solid #fff; 
	border-left: solid #fff; 
	background-image: url('../images/dreamstime_s_6870459.jpg'); 
	background-size: cover;
}

#turnKeyDescription{
float: left; 
width: 55%; 
height: 100%; 
border-right: solid #fff; 
background-color: #0090C1; 
color: #fff;

}

#descriptionHeader{
margin-top: 10%; 
padding-left: 15%; 
font-size: 125%;
}

#description{
padding-top: 6%; 
padding-left: 15%;
padding-right: 15%;
font-size: 100%;

}

#turnKeyPic{
float: left; 
width: 45%; 
height: 79.5%; 
background-image: url('../images/nordfabINSTALL1.jpg'); 
background-size: cover;
background-position: 20% 0%;
border-bottom: solid #fff;
}

#turnKeyPicCaption{
padding: 1%;
float: left; 
width: 45%; 
height: 20.5%; 
color: #fff; 
background-color: #002F5F;
}

#systemDesign {
	float: left;
	clear: left;
	background-color: #002F5F;
	width: 49.8%;
	height: 40%;
	border-right: solid #fff;
	border-bottom: solid #fff;
}

#systemDesignHeader{
font-size: 50%;
}

#systemDesignText {
		padding-top: 5%;
		padding-left: 10%;
		padding-right: 10%;
		color: #fff;
		
}

#panel4pic1 {
	float: left;
	clear: left;
	width: 49.8%;
	height: 61%;
	border-right: solid #fff;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/dustCollector.jpg);
	background-position: center;
}

#panel4pic2 {
	float: right;
	position: relative;
	width: 49.7%;
	height: 50%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/rafters.jpg);
	background-position: center bottom;
}

#panel4pic3 {
	clear: right;
	float: right;
	width: 49.7%;
	height: 17.5%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/systemDesign.jpg);
	background-position: center top;
}

#autoCad {
	float: right;
	clear: right;
	background-color: #002F5F;
	width: 49.7%;
	height: 33.5%;
}

#cadHeader{
font-size: 50%;
color: #fff;
padding-top: 5%;
padding-left: 10%;
padding-right: 10%;
}

#cadText {
		padding-top: 5%;
		padding-left: 10%;
		padding-right: 10%;
		color: #fff;
		
}


#eod {
	font-size: 100%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 20%;
	color: #fff;
	padding: 15px;

}

#fastestDucting {

	padding: 4%;
	float: left;
	clear: left;
	background-color: #002F5F;
	font-size: 150%;
	width: 100%;
	color: #fff;
	text-align: left;
}

#nordfabWrapper{
height: 35%; 
width: 100%; 
background-color: #002F5F;
}

#nordfabHeader{
text-align: left; 
font-size: 100%;
}

#nordfabLogo{
	float: right;
	width: 12%;
height: 27%;
	margin-top: 15%;
	padding-right: 30%;
	background-image:url(../images/nordfab.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#clampTogether{
	padding: 15px;
	float: left;
	clear: both;
	height: 33%;
	width: 100%;
	background-color: #002F5F;
	color: #fff;
	margin-top: 5%;
	font-size: 150%;
}

#youtube{
	margin-top: 0.25%;
	padding: 3% 1% 3% 1%;
	float: left;
	height: 102%;
	width: 47%;
	background-color: #0090C1;
	color: #fff;
	text-align: left;
font-size:100%;
}

#quickFit {
	float: left;
	text-align: left;
	padding: 5% 3% 2% 3%;
	background-color: #002F5F;
	width: 65%;
	color: #fff;
}

#filler{
	margin-top: 0.25%;
	float: left;
	width: 8%;
	height: 100%;
	background-color: #002F5F;
}
	
	

#diagram{
clear: both;
	float: left;
	background-image:url(../images/pipeDiagram.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23%;
	height: 100%;

}

#nordfabPic {
	float: right;
	width: 30%;
	height: 30%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url(../images/3backcovr.jpg);
	background-position: center;
}

#nordfabText{
	float: right;
	padding: 1% 4% 1% 0%;
	width: 29%;
	height: 72%;
	background-color: #002F5F;
	text-align: left;
	font-size: 110%;
	color: #fff;
}
	
#hvacWrapper{
width:60%;
height:100%;
float:left;
}

#interiorDuctingWrapper{
width: 39%;
height:100%;
float:right;
}

#hvacHeader{
padding-top: 15%;
font-size: 110%; 
text-align:left;
}

#hvacTop{
	width: 100%;
	height: 25%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	
}

#hvacText{
font-size: 200%;
}

#hvac{
	width: 100%;
	height: 75%;
	background-size: cover;
	background-image:url(../images/hvacBG.jpg);
	color: #fff;
	padding: 10%;

}

#interiorDucting1{
	background-size: cover;
	background-image:url(../images/interiorDucting1.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting2{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting2.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting3{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting3.jpg);
	background-position: center;
	height: 34%;
	width: 100%;

}

#customDuctingHeader{
	width: 100%;
	height: 12.5%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	color: #fff;
	padding-top: 10%;
	padding-left: 5%;
	font-size: 125%;
}

#customDucting1{
	float: left;
	width: 99.5%;
	height: 59%;
	background-size: cover;
	background-image:url(../images/customDucting1.jpg);
	background-position: center;
}

#customDucting2{
	float: left;
	clear: both;
	margin-top: 1%;
	width: 99.5%;
	height: 59.5%;
	background-size: cover;
	background-image:url(../images/customDucting2.jpg);
	background-position: bottom;
}

#customDucting3{
	float: left;
	width: 99%;
	margin-left: 1%;
	height: 56%;
	background-size: cover;
	background-image:url(../images/customDucting3.jpg);
	background-position: center;
}

#customDucting4{
	float: left;
	clear: both;
	margin-top: 1%;
	margin-left: 1%;
	width: 99%;
	height: 63%;
	background-size: cover;
	background-image:url(../images/customDucting4.jpg);
	background-position: bottom;
}

#customDuctingDetails{
	height: 100%;
	width: 33%;
	float: right;
	background-color: #0090C1;
	color: #fff;
	padding: 7% 5% 0% 5%;
font-size: 80%;
}

.sideHeader{
text-align:left; 
font-size: 80%
}

#foodGradeUl{
padding-left: 10%; 
list-style-type: circle; 
font-size:100%;
}

#dc3000Wrapper{
height:113%;
width:49%;
float:left;
}

#dc3000Text{
	background-color: #0090C1;
	color: #fff;
	width: 100%;
	height: 89%;
	text-align: left;
	padding: 3% 5% 2% 5%;
	border-bottom: solid #fff;
}

#dc3000{
	width: 80%;
	height: 44%;
	background-size: contain;
	background-image:url(../images/dc3000BlueBG.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#hangingDc3000Wrapper{
height:100%;
width:50%;
float:right;
}

#hangingDc3000{
	width: 100%;
	height: 60%;
	background-size: cover;
	background-image:url(../images/hangingDc3000.jpg);
	background-position: top;
	background-repeat: no-repeat;

}

#dc3000Applications{
	margin-top: 2%;
	padding-top: 10%;
padding-left:2%;
padding-right:2%;
	width: 100%;
	height: 39.5%;
	background-color: #002F5F;
	color: #fff;
	text-align: left;
	font-size:60%;
}

#applicationsUl1{
padding-left:30%;
list-style-type: circle;
}

#applicationsUl2{
list-style-type: circle;
vertical-align:text-top;
}

#ictDucting{
	margin-top: 0%;
	height: 50%;
	width: 98.5%;
	background-size: cover;
	background-image:url(../images/ictDuctingBg.jpg);
}

#ictDuctingText{
	float: left;
	width: 40%;
	color: #fff;
	text-align: left;
	font-size: 85%;
	padding: 3% 0% 0% 5%;
}

#ictDuctingGraphic{
	margin-top: 10%;
	float: left;
	width: 55%;
	height: 50%;
	background-size: cover;
	background-image:url(../images/ICTDucting.png);
}

#productsOffered{
	margin-top: 1%;
	height: 49%;
	width: 98.5%;
	color: #fff;
	background-color: #002F5F;
	text-align: left;
	font-size: 80%;

}

#productsTable{
	float: left;
	width: 35%;
	height: 100%;
padding-top: 5%;
}

#actionCall{
	float: right;
	padding-top: 15%;
	width: 45%;
	height: 100%;
	font-size: 125%;
}

.meetTheStaff{
float: left;
padding-top: 1%;
padding-left: 1%;
margin-bottom: .5%;
	height: 14%;
	width: 100%;
	color: #fff;
	background-color: #002F5F;
font-size: 70%;
}

#verticalSplit1{
float: left;
width: 50%;
height: 85%;
}

#verticalSplit2{
float: left;
width: 49.5%;
height: 85%;
margin-left: .5%;
}

#bioText1{
margin-top: 1%;
float: left;
width: 100%;
height: 70%;
background-color: #0090C1;
color: #fff;
padding: 4%;
}

#bioText2{
float: left;
width: 99%;
height: 70.5%;
background-color: #002F5F;
color: #fff;
padding: 4%;
margin-top: 1%;
}


#briText1{
margin-top: 1%;
float: left;
width: 100%;
height: 71%;
background-color: #002F5F;
color: #fff;
padding: 4%;
}

#rickText1{
margin-top: 0%;
float: left;
width: 100%;
height: 101%;
background-color: #0090C1;
color: #fff;
padding: 4%;
}

#BriPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Bri-main.jpg);
	background-position: top;

}

#BriPic2{
float: left;
	width: 100%;
	height: 30%;
	background-size: cover;
	background-image:url(../images/Bri-googleeyes.jpg);
	background-position: center;
}

#BriPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 34%;
	background-size: cover;
	background-image:url(../images/Bri-shoes.jpg);
	background-position: 0% 66%;
}

#RickPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image: url(../images/Rick-main.jpg);
	background-position: 30% 0%;

}

#KiciaPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Kicia-main.jpg);
	background-position: center;
}

#KiciaPic2{
float: left;
	width: 100%;
	height: 30%;
	background-size: cover;
	background-image:url(../images/kicia-peeper.jpg);
	background-position: center;
}

#KiciaPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 35%;
	background-size: cover;
	background-image:url(../images/Kicia-donkey.jpg);
	background-position: top;
}

#TaraPic1{
float: left;
	width: 100%;
	height: 30%;
	background-size: cover;
	background-image:url(../images/Tara-peep.jpg);
	background-position: center;
}

#TaraPic2{
float: left;
margin-top: 1%;
	width: 100%;
	height: 35%;
	background-size: cover;
	background-image:url(../images/Tara-kitties.jpg);
	background-position: 0% 25%;

}

#TaraPic3{
margin-top: 1%;
float: left;
	width: 100%;
	height: 102%;
	background-size: cover;
	background-image:url(../images/Tara-main.jpg);
	background-position: center;

}
#dustCollection{
	color: #fff;
	padding: 3% 10% 10% 10%;
}



#panelWrapper{

	width:100%;
	height:100%;
	background-color: #0090C1;
	border: solid #fff;
	z-index: 298;
}

#panelWrapper2{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 297;
}

#panelWrapper3{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 296;
}

#panelWrapper4{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 295;
}

#panelWrapper5{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 294;
}

#panelWrapper6{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 293;
}

#panelWrapper7{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 292;
}

#panelWrapper8{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 291;
}

#panelWrapper9{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 290;
}

#panelWrapper10{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 289;
}

#panelWrapper11{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 288;
}

#panelWrapper12{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 287;
}

#panelWrapper13{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 286;
}

.drop {
	background:#09f;
	font-weight:bold;
	padding:1em;
}

#download {
	width:80%;
	left:10%;
	height:80%;
	padding:3em;
	border:0 solid #222;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}


/* Tablet Layout: 480px to 769px */

/*----------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 481px){
html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 70%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	height: 100%;
	}

html, body {
	line-height: 1;
	font-family: 'Open Sans Condensed', sans-serif;
	
}

body {
	background: #002F5F;
	background: -webkit-linear-gradient(top, #660000;, #cccccc 100%);
	background: -moz-linear-gradient(top, #660000;, #cccccc 100%);
	background: -o-linear-gradient(top, #660000;, #cccccc 100%);
	background: -ms-linear-gradient(top, #660000;, #cccccc 100%);
	background: linear-gradient(top, #660000;, #cccccc 100%);
	background-attachment: fixed;
}

ol, ul {
	list-style: none;
}

p {
	margin:1em 0;
	line-height:1.1em;
	font-size: 18px;
}

q {
	font-style:italic;
	color:#333;
}

h1 {
	font-size:2.91em;
	margin:0;
}

h1 > small {
	text-align:right;
	display:inline-block;
	font-size:.71em;
	text-indent:15em;
	color:#444;
}


h2:first-child {margin-top:0;}

h3 {
	color:#333;
	font-size:1.41em;
	margin:1em 0;
}

h4 {
	color:#444;
	font-size:1.11em;
	margin:1em 0;
}

#progress {
	height:2%;
	background:#fff;
	bottom:0;
	z-index:200;
}

#navMenu{

	z-index:999;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
}	

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:200;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}




#intro {
	color: #fff;
	text-shadow: 1px 1px #000;
	width:100%;
	height: 100%;
	text-align:center;
	font-size:1em;
	z-index: 299;
	background-size: cover;
	background-image:url(../images/homeBG.jpg);
	border-bottom: solid #fff;
	
}

#scrollDown{
	margin-left: 39.5%;
	margin-top: 30%;
	font-size: 250%;
	width: 20%;
	height: 10%;
	border-radius: 12px;
	padding: 1%;
	background-color: #0090C1;
	color: #fff;
	text-align: center;
}

#home{
	margin-right: 30%;
	margin-top: 20%;
	background:#002F5F;
}

#home a{
	color: #1495C2;
	text-decoration: none;
}

#missionWrapper{
	float: left;  
	width: 60%; 
	height:85%; 
	border-left: solid #fff;
}


#mission{
	color: #fff; 
	padding: 40px;

}

#missionPic{
	float: left; 
	width: 40%; 
	height:85%; 
	border-left: solid #fff; 
	overflow: hidden; 
	background-image: url('../images/missionDucting.jpg'); 
	background-size: cover;
	background-position: center;
}

#missionBold{
	float: left; 
	width: 100%; 
	height: 15%; 
	background-color: #002F5F; 
	border-top: solid #fff; 
	margin-top: 0%;
font-size: 150%;

}

#industriesPic1{
	float: left; 
	width: 35%; 
	height: 50%;  
	background-image: url('../images/industries.jpg'); 
	background-size: cover;
}

#industriesServed{
	float: left; 
	width: 65%; 
	height:50%; 
	border-left: 
	solid #fff; 
	background-color: #002F5F; 
	color: #fff;

}

#servedHeadWrap{
width: 100%; 
float: left;
font-size: 125%; 
margin-top: 8%;
text-align: center;


}

#servedTable1{
float: left; 
width: 20%;  
padding-left: 12%;
font-size: 120%;

}

#servedTable2{
float: left;
padding-left: 20%; 
width: 25%;   
font-size: 120%;

}

#industriesPic2{
	float: left; 
	width: 50%; 
	height: 50%; 
	clear: both; 
	border-top: solid #fff; 
	background-image: url('../images/industries2.jpg'); 
	background-size: cover; 
	background-position: center;
}

#industriesPic3{
	float: left; 
	width: 50%; 
	height: 50%; 
	border-top: solid #fff; 
	border-left: solid #fff; 
	background-image: url('../images/dreamstime_s_6870459.jpg'); 
	background-size: cover;
}

#turnKeyDescription{
float: left; 
width: 55%; 
height: 100%; 
border-right: solid #fff; 
background-color: #0090C1; 
color: #fff;

}

#descriptionHeader{
margin-top: 30%; 
padding-left: 15%; 
font-size: 150%;
}

#description{
padding-top: 6%; 
padding-left: 15%;
padding-right: 15%;
font-size: 100%;

}

#turnKeyPic{
float: left; 
width: 45%; 
height: 79.5%; 
background-image: url('../images/nordfabINSTALL1.jpg'); 
background-size: cover;
background-position: 20% 0%;
border-bottom: solid #fff;
}

#turnKeyPicCaption{
float: left; 
width: 45%; 
height: 20.5%; 
color: #fff; 
background-color: #002F5F;
}

#systemDesign {
	float: left;
	clear: left;
	background-color: #002F5F;
	width: 50.5%;
	height: 40%;
	border-right: solid #fff;
	border-bottom: solid #fff;
}

#systemDesignHeader{
font-size: 100%;
}

#systemDesignText {
		padding-top: 12%;
		padding-left: 10%;
		padding-right: 10%;
		color: #fff;
		
}

#panel4pic1 {
	float: left;
	clear: left;
	width: 50.5%;
	height: 60.5%;
	border-right: solid #fff;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/dustCollector.jpg);
	background-position: center;
}

#panel4pic2 {
	float: right;
	position: relative;
	width: 49.5%;
	height: 50%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/rafters.jpg);
	background-position: center bottom;
}

#panel4pic3 {
	clear: right;
	float: right;
	width: 49.5%;
	height: 17.5%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/systemDesign.jpg);
	background-position: center top;
}

#autoCad {
	float: right;
	clear: right;
	background-color: #002F5F;
	width: 49.5%;
	height: 32.5%;
}

#cadHeader{
font-size: 100%;
color: #fff;
padding-top: 10%;
padding-left: 10%;
padding-right: 10%;
}

#cadText {
		padding-top: 10%;
		padding-left: 10%;
		padding-right: 10%;
		color: #fff;
font-size: 125%;
		
}


#eod {
	font-size: 100%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 20%;
	color: #fff;
	padding: 15px;

}

#fastestDucting {

	padding: 4%;
	float: left;
	clear: left;
	background-color: #002F5F;
	font-size: 150%;
	width: 100%;
	color: #fff;
	text-align: left;
}

#nordfabWrapper{
height: 35%; 
width: 100%; 
background-color: #002F5F;
}

#nordfabHeader{
text-align: left; 
font-size: 150%;
}

#nordfabLogo{
	float: right;
	width: 20%;
height: 34%;
	margin-top: 15%;
	padding-right: 35%;
	background-image:url(../images/nordfab.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#clampTogether{
	padding: 15px;
	float: left;
	clear: both;
	height: 33%;
	width: 100%;
	background-color: #002F5F;
	color: #fff;
	margin-top: 5%;
	font-size: 150%;
}

#youtube{
	margin-top: 0.25%;
	padding: 3% 2% 3% 2%;
	float: left;
	height: 101%;
	width: 51%;
	background-color: #0090C1;
	color: #fff;
	text-align: left;
font-size:150%;
}

#quickFit {
	float: left;
	text-align: left;
	padding: 10% 3% 2% 3%;
	background-color: #002F5F;
	width: 46%;
	color: #fff;
}

#filler{
	margin-top: 0.25%;
	float: left;
	width: 8%;
	height: 100%;
	background-color: #002F5F;
}
	
	

#diagram{
clear: both;
	float: left;
	background-image:url(../images/pipeDiagram.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23%;
	height: 100%;

}

#nordfabPic {
	float: right;
	width: 26%;
	height: 30%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url(../images/3backcovr.jpg);
	background-position: center;
}

#nordfabText{
	float: right;
	padding: 1% 4% 1% 0%;
	width: 25.5%;
	height: 71.5%;
	background-color: #002F5F;
	text-align: left;
	font-size: 150%;
	color: #fff;
}
	
#hvacWrapper{
width:60%;
height:100%;
float:left;
}

#interiorDuctingWrapper{
width: 39.5%;
height:100%;
float:right;
}

#hvacHeader{
padding-top: 15%;
font-size: 150%; 
text-align:left;
}

#hvacTop{
	width: 100%;
	height: 25%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	
}

#hvacText{
font-size: 200%;
}

#hvac{
	width: 100%;
	height: 75%;
	background-size: cover;
	background-image:url(../images/hvacBG.jpg);
	color: #fff;
	padding: 10%;

}

#interiorDucting1{
	background-size: cover;
	background-image:url(../images/interiorDucting1.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting2{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting2.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting3{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting3.jpg);
	background-position: center;
	height: 33.8%;
	width: 100%;

}

#customDuctingHeader{
	width: 100%;
	height: 12.5%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	color: #fff;
	padding-top: 10%;
	padding-left: 5%;
	font-size: 200%;
}

#customDucting1{
	float: left;
	width: 99.5%;
	height: 59%;
	background-size: cover;
	background-image:url(../images/customDucting1.jpg);
	background-position: center;
}

#customDucting2{
	float: left;
	clear: both;
	margin-top: 1%;
	width: 99.5%;
	height: 60%;
	background-size: cover;
	background-image:url(../images/customDucting2.jpg);
	background-position: bottom;
}

#customDucting3{
	float: left;
	width: 99%;
	margin-left: 1%;
	height: 56%;
	background-size: cover;
	background-image:url(../images/customDucting3.jpg);
	background-position: center;
}

#customDucting4{
	float: left;
	clear: both;
	margin-top: 1%;
	margin-left: 1%;
	width: 99%;
	height: 63%;
	background-size: cover;
	background-image:url(../images/customDucting4.jpg);
	background-position: bottom;
}

#customDuctingDetails{
	height: 100%;
	width: 33.5%;
	float: right;
	background-color: #0090C1;
	color: #fff;
	padding: 7% 5% 0% 5%;
font-size: 80%;
}

.sideHeader{
text-align:left; 
font-size: 150%;
padding-top: 20%;
}

#foodGradeUl{
padding-left: 10%; 
list-style-type: circle; 
font-size:150%;
}

#dc3000Wrapper{
height:113%;
width:49.5%;
float:left;
}

#dc3000Text{
	background-color: #0090C1;
	color: #fff;
	width: 100%;
	height: 88.5%;
	text-align: left;
	padding: 25% 5% 2% 5%;
	border-bottom: solid #fff;
}

#dc3000{
	width: 100%;
	height: 60%;
	background-size: contain;
	background-image:url(../images/dc3000BlueBG.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#hangingDc3000Wrapper{
height:100%;
width:50%;
float:right;
}

#hangingDc3000{
	width: 100%;
	height: 60%;
	background-size: cover;
	background-image:url(../images/hangingDc3000.jpg);
	background-position: top;
	background-repeat: no-repeat;

}

#dc3000Applications{
	margin-top: 1%;
	padding-top: 10%;
padding-left:2%;
padding-right:2%;
	width: 100%;
	height: 39.5%;
	background-color: #002F5F;
	color: #fff;
	text-align: left;
	font-size:125%;
}

#applicationsUl1{
padding-left:15%;
list-style-type: circle;
width: 40%;
}

#applicationsUl2{
list-style-type: circle;
vertical-align:text-top;
width: 40%;
}

#ictDucting{
	margin-top: 0%;
	height: 50%;
	width: 100%;
	background-size: cover;
	background-image:url(../images/ictDuctingBg.jpg);
}

#ictDuctingText{
	float: left;
	width: 40%;
	color: #fff;
	text-align: left;
	font-size: 150%;
	padding: 3% 0% 0% 5%;
}

#ictDuctingGraphic{
	margin-top: 10%;
	float: left;
	width: 55%;
	height: 65%;
	background-size: cover;
	background-image:url(../images/ICTDucting.png);
}

#productsOffered{
	margin-top: .5%;
	height: 49.5%;
	width: 100%;
	color: #fff;
	background-color: #002F5F;
	text-align: left;
	font-size: 150%;

}

#productsTable{
	float: left;
	width: 50%;
	height: 100%;
}

#actionCall{
	float: right;
	padding-top: 15%;
	width: 45%;
	height: 100%;
	font-size: 125%;
}

.meetTheStaff{
float: left;
padding-top: 1%;
padding-left: 1%;
margin-bottom: .5%;
	height: 14%;
	width: 100%;
	color: #fff;
	background-color: #002F5F;
font-size: 130%;
}

#verticalSplit1{
float: left;
width: 50%;
height: 85%;
}

#verticalSplit2{
float: left;
width: 49.5%;
height: 85%;
margin-left: .5%;
}

#bioText1{
margin-top: 1%;
float: left;
width: 100%;
height: 47%;
background-color: #0090C1;
color: #fff;
padding: 1% 2% 2% 4%;
}

#bioText2{
float: left;
width: 100%;
height: 47%;
background-color: #002F5F;
color: #fff;
padding: 4%;
margin-top: 1%;
}


#briText1{
margin-top: 1%;
float: left;
width: 100%;
height: 71%;
background-color: #002F5F;
color: #fff;
padding: 4%;
}

#rickText1{
margin-top: 0%;
float: left;
width: 100%;
height: 101%;
background-color: #0090C1;
color: #fff;
padding: 4%;
}

#BriPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Bri-main.jpg);
	background-position: top;

}

#BriPic2{
float: left;
	width: 100%;
	height: 30%;
	background-size: cover;
	background-image:url(../images/Bri-googleeyes.jpg);
	background-position: center;
}

#BriPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 34%;
	background-size: cover;
	background-image:url(../images/Bri-shoes.jpg);
	background-position: 0% 66%;
}

#RickPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Rick-main.jpg);
	background-position: center;

}

#KiciaPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Kicia-main.jpg);
	background-position: center;
}

#KiciaPic2{
float: left;
	width: 100%;
	height: 54%;
	background-size: cover;
	background-image:url(../images/kicia-peeper.jpg);
	background-position: center;
}

#KiciaPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 35%;
	background-size: cover;
	background-image:url(../images/Kicia-donkey.jpg);
	background-position: top;
}

#TaraPic1{
float: left;
	width: 100%;
	height: 30%;
	background-size: cover;
	background-image:url(../images/Tara-peep.jpg);
	background-position: center;
}

#TaraPic2{
float: left;
margin-top: 1%;
	width: 100%;
	height: 54%;
	background-size: cover;
	background-image:url(../images/Tara-kitties.jpg);
	background-position: 0% 15%;

}

#TaraPic3{
margin-top: 1%;
float: left;
	width: 100%;
	height: 102%;
	background-size: cover;
	background-image:url(../images/Tara-main.jpg);
	background-position: center;

}

#dustCollection{
	color: #fff;
	padding: 3% 10% 10% 10%;
}



#panelWrapper{

	width:100%;
	height:100%;
	background-color: #0090C1;
	border: solid #fff;
	z-index: 298;
}

#panelWrapper2{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 297;
}

#panelWrapper3{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 296;
}

#panelWrapper4{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 295;
}

#panelWrapper5{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 294;
}

#panelWrapper6{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 293;
}

#panelWrapper7{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 292;
}

#panelWrapper8{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 291;
}

#panelWrapper9{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 290;
}

#panelWrapper10{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 289;
}

#panelWrapper11{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 288;
}

#panelWrapper12{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 287;
}

#panelWrapper13{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 286;
}
.drop {
	background:#09f;
	font-weight:bold;
	padding:1em;
}

#download {
	width:80%;
	left:10%;
	height:80%;
	padding:3em;
	border:0 solid #222;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (orientation:landscape) {

html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 50%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	height: 100%;
	}

html, body {
	line-height: 1;
	font-family: 'Open Sans Condensed', sans-serif;
	
}

body {
	background: #002F5F;
	background: -webkit-linear-gradient(top, #660000;, #cccccc 100%);
	background: -moz-linear-gradient(top, #660000;, #cccccc 100%);
	background: -o-linear-gradient(top, #660000;, #cccccc 100%);
	background: -ms-linear-gradient(top, #660000;, #cccccc 100%);
	background: linear-gradient(top, #660000;, #cccccc 100%);
	background-attachment: fixed;
}

ol, ul {
	list-style: none;
}

p {
	margin:1em 0;
	line-height:1.1em;
	font-size: 10px;
}

q {
	font-style:italic;
	color:#333;
}

h1 {
	font-size:2.91em;
	margin:0;
}

h1 > small {
	text-align:right;
	display:inline-block;
	font-size:.71em;
	text-indent:15em;
	color:#444;
}


h2:first-child {margin-top:0;}

h3 {
	color:#333;
	font-size:1.41em;
	margin:1em 0;
}

h4 {
	color:#444;
	font-size:1.11em;
	margin:1em 0;
}

#progress {
	height:2%;
	background:#fff;
	bottom:0;
	z-index:200;
}

#navMenu{

	z-index:999;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;

}	

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:200;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}




#intro {
	color: #fff;
	text-shadow: 1px 1px #000;
	width:100%;
	height: 100%;
	text-align:center;
	font-size:1em;
	z-index: 299;
	background-size: cover;
	background-image:url(../images/homeBG.jpg);
	border-bottom: solid #fff;
	
}

#scrollDown{
visibility: hidden;
	margin-left: 39.5%;
	margin-top: 5%;
	font-size: 200%;
	width: 20%;
	height: 10%;
	border-radius: 12px;
	padding: 1%;
	background-color: #002F5F;
	color: #fff;
	text-align: center;
}

#home{
	margin-right: 30%;
	margin-top: 0%;
	background:#002F5F;
}

#home a{
	color: #1495C2;
	text-decoration: none;
}

#missionWrapper{
	float: left;  
	width: 60%; 
	height:85%; 


}


#mission{
	color: #fff; 
	padding: 10px;

}

#missionPic{
	float: left; 
	width: 40%; 
	height:87%; 
	border-left: solid #fff; 
	overflow: hidden; 
	background-image: url('../images/missionDucting.jpg'); 
	background-size: cover;
	background-position: center;

}

#missionBold{
	float: left; 
	width: 100%; 
	height: 14.5%; 
	background-color: #002F5F; 
	border-top: solid #fff; 
	margin-top: 0%;
font-size: 50%;

}

#industriesPic1{
	float: left; 
	width: 35%; 
	height: 50%;  
	background-image: url('../images/industries.jpg'); 
	background-size: cover;
}

#industriesServed{
	float: left; 
	width: 65%; 
	height:50%; 
	border-left: 
	solid #fff; 
	background-color: #002F5F; 
	color: #fff;

}

#servedHeadWrap{
width: 100%; 
float: left;
font-size: 40%; 
margin-top: 2%;
text-align: center;


}

#servedTable1{
float: left; 
width: 20%;  
font-size: 60%;

}

#servedTable2{
float: left;
padding-left: 20%; 
width: 25%;   
font-size: 60%;

}

#industriesPic2{
	float: left; 
	width: 50%; 
	height: 49.5%; 
	clear: both; 
	border-top: solid #fff; 
	background-image: url('../images/industries2.jpg'); 
	background-size: cover; 
	background-position: center;
}

#industriesPic3{
	float: left; 
	width: 50%; 
	height: 49.5%; 
	border-top: solid #fff; 
	border-left: solid #fff; 
	background-image: url('../images/dreamstime_s_6870459.jpg'); 
	background-size: cover;
}

#turnKeyDescription{
float: left; 
width: 55%; 
height: 100%; 
border-right: solid #fff; 
background-color: #0090C1; 
color: #fff;

}

#descriptionHeader{
margin-top: 10%; 
padding-left: 15%; 
font-size: 75%;
}

#description{
padding-top: 6%; 
padding-left: 15%;
padding-right: 25%;
font-size: 75%;

}

#turnKeyPic{
float: left; 
width: 45%; 
height: 79.5%; 
background-image: url('../images/nordfabINSTALL1.jpg'); 
background-size: cover;
background-position: 20% 0%;
border-bottom: solid #fff;
}

#turnKeyPicCaption{
float: left; 
width: 45%; 
height: 20%; 
color: #fff; 
background-color: #002F5F;
}

#captionText{
padding-left: 3%;
padding-right: 10%
}

#systemDesign {
	float: left;
	clear: left;
	background-color: #002F5F;
	width: 50.5%;
	height: 40%;
	border-right: solid #fff;
	border-bottom: solid #fff;
}

#systemDesignHeader{
font-size: 50%;
}

#systemDesignText {
		padding-top: 1%;
		padding-left: 10%;
		padding-right: 10%;
		color: #fff;
		
}

#panel4pic1 {
	float: left;
	clear: left;
	width: 50.5%;
	height: 61%;
	border-right: solid #fff;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/dustCollector.jpg);
	background-position: center;
}

#panel4pic2 {
	float: right;
	position: relative;
	width: 49.5%;
	height: 50%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/rafters.jpg);
	background-position: center bottom;
}

#panel4pic3 {
	clear: right;
	float: right;
	width: 49.5%;
	height: 17.5%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/systemDesign.jpg);
	background-position: center top;
}

#autoCad {
	float: right;
	clear: right;
	background-color: #002F5F;
	width: 49.5%;
	height: 33%;
}

#cadHeader{
font-size: 50%;
color: #fff;
padding-top: 3%;
padding-left: 10%;
padding-right: 10%;
}

#cadText {
		padding-top: 3%;
		padding-left: 10%;
		padding-right: 15%;
		color: #fff;
font-size:80%;
		
}


#eod {
	font-size: 100%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 20%;
	color: #fff;
	padding: 15px;

}

#fastestDucting {

	padding: 4%;
	float: left;
	clear: left;
	background-color: #002F5F;
	font-size: 150%;
	width: 100%;
	color: #fff;
	text-align: left;
}

#nordfabWrapper{
height: 30%; 
width: 100%; 
background-color: #002F5F;
}

#nordfabHeader{
text-align: left; 
font-size: 50%;
}

#nordfabLogo{
	float: right;
	width: 25%;
height: 34%;
	margin-top:4%;
	padding-right: 25%;
	background-image:url(../images/nordfab.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#clampTogether{
	padding: 15px;
	float: left;
	clear: both;
	height: 33%;
	width: 100%;
	background-color: #002F5F;
	color: #fff;
	margin-top: 5%;
	font-size: 150%;
}

#youtube{
	margin-top: 0.25%;
	padding: 3% 1% 3% 1%;
	float: left;
	height: 109%;
	width: 45%;
	background-color: #0090C1;
	color: #fff;
	text-align: left;
font-size:100%;
}

#quickFit {
	float: left;
	text-align: left;
	padding: 2% 3% 2% 3%;
	background-color: #002F5F;
	width: 46%;
height:25%;
	color: #fff;
}

#filler{
	margin-top: 0.25%;
	float: left;
	width: 8%;
	height: 100%;
	background-color: #002F5F;
}
	
	

#diagram{
clear: both;
	float: left;
	background-image:url(../images/pipeDiagram.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23%;
	height: 100%;

}

#nordfabPic {
	float: right;
	width: 30%;
	height: 30%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url(../images/3backcovr.jpg);
	background-position: center;
}

#nordfabText{
	float: right;
	padding: 1% 10% 1% 0%;
	width: 31.5%;
	height: 80%;
	background-color: #002F5F;
	text-align: left;
	font-size: 100%;
	color: #fff;
}
	
#hvacWrapper{
width:60%;
height:100%;
float:left;
}

#interiorDuctingWrapper{
width: 39.5%;
height:100%;
float:right;
}

#hvacHeader{
padding-top: 5%;
font-size: 80%; 
text-align:left;
}

#hvacTop{
	width: 100%;
	height: 25%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	
}

#hvacText{
font-size: 200%;
}

#hvac{
	width: 100%;
	height: 75%;
	background-size: cover;
	background-image:url(../images/hvacBG.jpg);
	color: #fff;
	padding: 5%;

}

#interiorDucting1{
	background-size: cover;
	background-image:url(../images/interiorDucting1.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting2{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting2.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting3{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting3.jpg);
	background-position: center;
	height: 32%;
	width: 100%;

}

#customDuctingHeader{
	width: 100%;
	height: 18%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	color: #fff;
	padding-top: 3%;
	padding-left: 5%;
	font-size: 125%;
}

#customDucting1{
	float: left;
	width: 99.5%;
	height: 59%;
	background-size: cover;
	background-image:url(../images/customDucting1.jpg);
	background-position: center;
}

#customDucting2{
	float: left;
	clear: both;
	margin-top: 1%;
	width: 99.5%;
	height: 52%;
	background-size: cover;
	background-image:url(../images/customDucting2.jpg);
	background-position: bottom;
}

#customDucting3{
	float: left;
	width: 99%;
	margin-left: 1%;
	height: 56%;
	background-size: cover;
	background-image:url(../images/customDucting3.jpg);
	background-position: center;
}

#customDucting4{
	float: left;
	clear: both;
	margin-top: 1%;
	margin-left: 1%;
	width: 99%;
	height: 55%;
	background-size: cover;
	background-image:url(../images/customDucting4.jpg);
	background-position: bottom;
}

#customDuctingDetails{
	height: 100.5%;
	width: 33.5%;
	float: right;
	background-color: #0090C1;
	color: #fff;
	padding: 0% 3% 0% 3%;
font-size: 70%;
}

.sideHeader{
text-align:left; 
font-size: 80%;
padding-top: 4%;
}

#foodGradeUl{
padding-left: 10%; 
list-style-type: circle; 
font-size:100%;
}

#dc3000Wrapper{
height:113%;
width:49.5%;
float:left;
}

#dc3000Text{
	background-color: #0090C1;
	color: #fff;
	width: 100%;
	height: 90%;
	text-align: left;
	padding: 0% 2% 2% 5%;
	border-bottom: solid #fff;
}

#dc3000{
	width: 35%;
	height: 20%;
	background-size: contain;
	background-image:url(../images/dc3000BlueBG.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#hangingDc3000Wrapper{
height:100%;
width:50%;
float:right;
}

#hangingDc3000{
	width: 100%;
	height: 60.5%;
	background-size: cover;
	background-image:url(../images/hangingDc3000.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#dc3000Applications{
	margin-top: 1%;
	padding-top: 1%;
padding-left:2%;
padding-right:2%;
	width: 100%;
	height: 39%;
	background-color: #002F5F;
	color: #fff;
	text-align: left;
	font-size:60%;
}

#applicationsUl1{
padding-left:30%;
list-style-type: circle;
}

#applicationsUl2{
list-style-type: circle;
vertical-align:text-top;
}

#ictDucting{
	margin-top: 0%;
	height: 50%;
	width: 100%;
	background-size: cover;
	background-image:url(../images/ictDuctingBg.jpg);
}

#ictDuctingText{
	float: left;
	width: 60%;
	color: #fff;
	text-align: left;
	font-size: 70%;
	padding: 1% 15% 0% 5%;
}

#ictDuctingGraphic{
	margin-top: 2%;
	float: left;
	width: 30%;
	height: 90%;
	background-size: cover;
	background-image:url(../images/ICTDucting.png);
}

#productsOffered{
	height: 49%;
	width: 100%;
	color: #fff;
	background-color: #002F5F;
	text-align: left;
	font-size: 70%;

}

#productsTable{
	float: left;
	width: 50%;
	height: 100%;
padding-top: 1%;
}

#actionCall{
	float: right;
	padding-top: 7.5%;
	width: 45%;
	height: 100%;
	font-size: 125%;
}

.meetTheStaff{
float: left;
padding-top: 1%;
padding-left: 1%;
margin-bottom: .5%;
	height: 14%;
	width: 100%;
	color: #fff;
	background-color: #002F5F;
font-size: 50%;
}

#verticalSplit1{
float: left;
width: 50%;
height: 85%;
}

#verticalSplit2{
float: left;
width: 49.5%;
height: 85%;
margin-left: .5%;
}

#bioText1{
margin-top: 1%;
float: left;
width: 100%;
height: 49%;
background-color: #0090C1;
color: #fff;
padding: 0%;
}

#bioText2{
float: left;
width: 99%;
height: 49%;
background-color: #002F5F;
color: #fff;
padding: 0%;
}


#briText1{
margin-top: 1%;
float: left;
width: 100%;
height: 52%;
background-color: #002F5F;
color: #fff;
padding: 4%;
}

#rickText1{
margin-top: 0%;
float: left;
width: 100%;
height: 101%;
background-color: #0090C1;
color: #fff;
padding: 4%;
}

#BriPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Bri-main.jpg);
	background-position: top;

}

#BriPic2{
float: left;
	width: 100%;
	height: 47%;
	background-size: cover;
	background-image:url(../images/Bri-googleeyes.jpg);
	background-position: center;
}

#BriPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 34%;
	background-size: cover;
	background-image:url(../images/Bri-shoes.jpg);
	background-position: 0% 66%;
}

#RickPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Rick-main.jpg);
	background-position: center;
background-position: 15% 0%;

}

#KiciaPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Kicia-main.jpg);
	
}

#KiciaPic2{
float: left;
	width: 100%;
	height: 50%;
	background-size: cover;
	background-image:url(../images/kicia-peeper.jpg);
	background-position: center;
background-position: 0% 35%;
}

#KiciaPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 35%;
	background-size: cover;
	background-image:url(../images/Kicia-donkey.jpg);
	background-position: top;
}

#TaraPic1{
float: left;
	width: 100%;
	height: 30%;
	background-size: cover;
	background-image:url(../images/Tara-peep.jpg);
	background-position: center;
}

#TaraPic2{
float: left;
margin-top: 1%;
	width: 100%;
	height: 50%;
	background-size: cover;
	background-image:url(../images/Tara-kitties.jpg);
	background-position: 0% 12.5%;

}

#TaraPic3{
margin-top: 1%;
float: left;
	width: 100%;
	height: 102%;
	background-size: cover;
	background-image:url(../images/Tara-main.jpg);
	background-position: center;

}
#dustCollection{
	color: #fff;
	padding: 3% 10% 10% 10%;
}



#panelWrapper{

	width:100%;
	height:100%;
	background-color: #0090C1;
	border: solid #fff;
	z-index: 298;
}

#panelWrapper2{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 297;
}

#panelWrapper3{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 296;
}

#panelWrapper4{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 295;
}

#panelWrapper5{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 294;
}

#panelWrapper6{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 293;
}

#panelWrapper7{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 292;
}

#panelWrapper8{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 291;
}

#panelWrapper9{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 290;
}

#panelWrapper10{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 289;
}

#panelWrapper11{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 288;
}

#panelWrapper12{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 287;
}

#panelWrapper13{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 286;
}

.drop {
	background:#09f;
	font-weight:bold;
	padding:1em;
}

#download {
	width:80%;
	left:10%;
	height:80%;
	padding:3em;
	border:0 solid #222;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

}

}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

/*-----------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px){
@media screen and (orientation:landscape) {

html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	height: 100%;
	}

html, body {
	line-height: 1;
	font-family: 'Open Sans Condensed', sans-serif;
	
}

body {
	background: #002F5F;
	background: -webkit-linear-gradient(top, #660000;, #cccccc 100%);
	background: -moz-linear-gradient(top, #660000;, #cccccc 100%);
	background: -o-linear-gradient(top, #660000;, #cccccc 100%);
	background: -ms-linear-gradient(top, #660000;, #cccccc 100%);
	background: linear-gradient(top, #660000;, #cccccc 100%);
	background-attachment: fixed;
}

ol, ul {
	list-style: none;
}

p {
	margin:1em 0;
	line-height:1.1em;
	font-size: 18px;
}

q {
	font-style:italic;
	color:#333;
}

h1 {
	font-size:2.91em;
	margin:0;
}

h1 > small {
	text-align:right;
	display:inline-block;
	font-size:.71em;
	text-indent:15em;
	color:#444;
}


h2:first-child {margin-top:0;}

h3 {
	color:#333;
	font-size:1.41em;
	margin:1em 0;
}

h4 {
	color:#444;
	font-size:1.11em;
	margin:1em 0;
}

#progress {
	height:2%;
	background:#fff;
	bottom:0;
	z-index:200;
}

#navMenu{
background-position: -50% 0%;
top: 48%;
	z-index:998;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
}	


#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:200;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}

#intro {
	color: #fff;
	text-shadow: 1px 1px #000;
	width:100%;
	height: 100%;
	text-align:center;
	font-size:1em;
	z-index: 299;
	background-size: cover;
	background-image:url(../images/homeBG.jpg);
	border-bottom: solid #fff;
	
}

#scrollDown{
visibility: visible;
	margin-left: 39.5%;
	margin-top: 5%;
	font-size: 200%;
	width: 20%;
	height: 10%;
	border-radius: 12px;
	padding: 1%;
	background-color: #0090C1; 
	color: #fff;
	text-align: center;
}

#home{
	margin-right: 30%;
	margin-top: 7.5%;
	background:#002F5F;
}

#home a{
	color: #1495C2;
	text-decoration: none;
}

#missionWrapper{
	float: left;  
	width: 60%; 
	height:85%; 
	border-left: solid #fff;

}


#mission{
	color: #fff; 
	padding: 50px;

}

#missionPic{
	float: left; 
	width: 40%; 
	height:85%; 
	border-left: solid #fff; 
	overflow: hidden; 
	background-image: url('../images/missionDucting.jpg'); 
	background-size: cover;
	background-position: center;

}

#missionBold{
	float: left; 
	width: 100%; 
	height: 15%; 
	background-color: #002F5F; 
	border-top: solid #fff; 
	margin-top: 0%;
font-size: 150%;

}

#industriesPic1{
	float: left; 
	width: 35%; 
	height: 50%;  
	background-image: url('../images/industries.jpg'); 
	background-size: cover;
}

#industriesServed{
	float: left; 
	width: 65%; 
	height:50%; 
	border-left: 
	solid #fff; 
	background-color: #002F5F; 
	color: #fff;

}

#servedHeadWrap{
width: 100%; 
float: left;
font-size: 150%; 
margin-top: 2%;
text-align: center;


}

#servedTable1{
float: left; 
width: 20%;  
font-size: 125%;

}

#servedTable2{
float: left;
padding-left: 20%; 
width: 25%;   
font-size: 125%;

}

#industriesPic2{
	float: left; 
	width: 50%; 
	height: 50%; 
	clear: both; 
	border-top: solid #fff; 
	background-image: url('../images/industries2.jpg'); 
	background-size: cover; 
	background-position: center;
}

#industriesPic3{
	float: left; 
	width: 50%; 
	height: 50%; 
	border-top: solid #fff; 
	border-left: solid #fff; 
	background-image: url('../images/dreamstime_s_6870459.jpg'); 
	background-size: cover;
}

#turnKeyDescription{
float: left; 
width: 55%; 
height: 100%; 
border-right: solid #fff; 
background-color: #0090C1; 
color: #fff;

}

#descriptionHeader{
margin-top: 10%; 
padding-left: 15%; 
font-size: 150%;
}

#description{
padding-top: 6%; 
padding-left: 15%;
padding-right: 25%;
font-size: 75%;

}

#turnKeyPic{
float: left; 
width: 45%; 
height: 79.5%; 
background-image: url('../images/nordfabINSTALL1.jpg'); 
background-size: cover;
background-position: 20% 0%;
border-bottom: solid #fff;
}

#turnKeyPicCaption{
float: left; 
width: 45%; 
height: 20.5%; 
color: #fff; 
background-color: #002F5F;
}

#captionText{
padding-left: 3%;
padding-right: 10%
}

#systemDesign {
	float: left;
	clear: left;
	background-color: #002F5F;
	width: 50%;
	height: 40%;
	border-right: solid #fff;
	border-bottom: solid #fff;
}

#systemDesignHeader{
font-size: 100%;
}

#systemDesignText {
		padding-top: 3%;
		padding-left: 10%;
		padding-right: 10%;
		color: #fff;
		
}

#panel4pic1 {
	float: left;
	clear: left;
	width: 50%;
	height: 60.5%;
	background-size: cover;
	background-image:url(../images/dustCollector.jpg);
	background-position: center;
}

#panel4pic2 {
	float: right;
	position: relative;
	width: 50%;
	height: 50%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/rafters.jpg);
	background-position: center bottom;
}

#panel4pic3 {
	clear: right;
	float: right;
	width: 50%;
	height: 17.5%;
	border-bottom: solid #fff;
	background-size: cover;
	background-image:url(../images/systemDesign.jpg);
	background-position: center top;
}

#autoCad {
	float: right;
	clear: right;
	background-color: #002F5F;
	width: 50%;
	height: 32.5%;

}

#cadHeader{
font-size: 100%;
color: #fff;
padding-top: 3%;
padding-left: 10%;
padding-right: 10%;
}

#cadText {
		padding-top: 3%;
		padding-left: 10%;
		padding-right: 15%;
		color: #fff;
font-size:80%;
		
}


#eod {
	font-size: 100%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 20%;
	color: #fff;
	padding: 15px;

}

#fastestDucting {

	padding: 4%;
	float: left;
	clear: left;
	background-color: #002F5F;
	font-size: 200%;
	width: 100%;
	color: #fff;
	text-align: left;
}

#nordfabWrapper{
height: 25%; 
width: 100%; 
background-color: #002F5F;
}

#nordfabHeader{
text-align: left; 
font-size: 100%;
}

#nordfabLogo{
	float: right;
	width: 20%;
height: 34%;
	margin-top: 5%;
	padding-right: 22%;
	background-image:url(../images/nordfab.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#clampTogether{
	padding: 15px;
	float: left;
	clear: both;
	height: 33%;
	width: 100%;
	background-color: #002F5F;
	color: #fff;
	margin-top: 5%;
	font-size: 150%;
}

#youtube{
	margin-top: 0.25%;
	padding: 3% 1% 3% 1%;
	float: left;
	height: 116%;
	width: 47%;
	background-color: #0090C1;
	color: #fff;
	text-align: left;
font-size:150%;
}

#quickFit {
	float: left;
	text-align: left;
	padding: 2% 3% 2% 3%;
	background-color: #002F5F;
	width: 46%;
height:25%;
	color: #fff;
}

#filler{
	margin-top: 0.25%;
	float: left;
	width: 8%;
	height: 100%;
	background-color: #002F5F;
}
	
	

#diagram{
clear: both;
	float: left;
	background-image:url(../images/pipeDiagram.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23%;
	height: 100%;

}

#nordfabPic {
	float: right;
	width: 30%;
	height: 30%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url(../images/3backcovr.jpg);
	background-position: center;
}

#nordfabText{
	float: right;
	padding: 1% 10% 1% 0%;
	width: 29.5%;
	height: 87%;
	background-color: #002F5F;
	text-align: left;
	font-size: 175%;
	color: #fff;
}
	
#hvacWrapper{
width:60%;
height:100%;
float:left;
}

#interiorDuctingWrapper{
width: 39.5%;
height:100%;
float:right;
}

#hvacHeader{
padding-top: 5%;
font-size: 150%; 
text-align:left;
}

#hvacTop{
	width: 100%;
	height: 25%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	
}

#hvacText{
font-size: 200%;
}

#hvac{
	width: 100%;
	height: 75%;
	background-size: cover;
	background-image:url(../images/hvacBG.jpg);
	color: #fff;
	padding: 8%;

}

#interiorDucting1{
	background-size: cover;
	background-image:url(../images/interiorDucting1.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting2{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting2.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;
}

#interiorDucting3{
	margin-top: 2%;
	background-size: cover;
	background-image:url(../images/interiorDucting3.jpg);
	background-position: center;
	height: 32.5%;
	width: 100%;

}

#customDuctingHeader{
	width: 100%;
	height: 12.5%;
	background-color: #002F5F;
	border-bottom: solid #fff;
	color: #fff;
	padding-top: 3%;
	padding-left: 5%;
	font-size: 150%;
}

#customDucting1{
	float: left;
	width: 99.5%;
	height: 59%;
	background-size: cover;
	background-image:url(../images/customDucting1.jpg);
	background-position: center;
}

#customDucting2{
	float: left;
	clear: both;
	margin-top: 1%;
	width: 99.5%;
	height: 59%;
	background-size: cover;
	background-image:url(../images/customDucting2.jpg);
	background-position: bottom;
}

#customDucting3{
	float: left;
	width: 99%;
	margin-left: 1%;
	height: 56%;
	background-size: cover;
	background-image:url(../images/customDucting3.jpg);
	background-position: center;
}

#customDucting4{
	float: left;
	clear: both;
	margin-top: 1%;
	margin-left: 1%;
	width: 99%;
	height: 62%;
	background-size: cover;
	background-image:url(../images/customDucting4.jpg);
	background-position: bottom;
}

#customDuctingDetails{
	height: 100%;
	width: 33.5%;
	float: right;
	background-color: #0090C1;
	color: #fff;
	padding: 5% 9% 0% 3%;
font-size: 70%;
}

.sideHeader{
text-align:left; 
font-size: 175%;
padding-top: 4%;
}

#foodGradeUl{
padding-left: 10%; 
list-style-type: circle; 
font-size:150%;
}

#dc3000Wrapper{
height:113%;
width:49.5%;
float:left;
}

#dc3000Text{
	background-color: #0090C1;
	color: #fff;
	width: 100%;
	height: 89%;
	text-align: left;
	padding: 0% 2% 2% 5%;
}

#dc3000{
	width: 50%;
	height: 35%;
	background-size: contain;
	background-image:url(../images/dc3000BlueBG.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#hangingDc3000Wrapper{
height:100%;
width:50%;
float:right;
}

#hangingDc3000{
	width: 100%;
	height: 60%;
	background-size: cover;
	background-image:url(../images/hangingDc3000.jpg);
	background-position: top;
	background-repeat: no-repeat;

}

#dc3000Applications{
	margin-top: 1%;
	padding-top: 2%;
padding-left:2%;
padding-right:2%;
	width: 100%;
	height: 39.5%;
	background-color: #002F5F;
	color: #fff;
	text-align: left;
	font-size:125%;
}

#applicationsUl1{
padding-top:1%;
padding-left:30%;
list-style-type: circle;
}

#applicationsUl2{
padding-top: 1%;
list-style-type: circle;
vertical-align:text-top;
}

#ictDucting{
	height: 50%;
	width: 100%;
	background-size: cover;
	background-image:url(../images/ictDuctingBg.jpg);
}

#ictDuctingText{
	float: left;
	width: 50%;
	color: #fff;
	text-align: left;
	font-size: 125%;
	padding: 3% 15% 0% 5%;
}

#ictDuctingGraphic{
	margin-top: 2%;
	float: left;
	width: 35%;
	height: 90%;
	background-size: cover;
	background-image:url(../images/ICTDucting.png);
}

#productsOffered{
	height: 49%;
	width: 100%;
	color: #fff;
	background-color: #002F5F;
	text-align: left;
	font-size: 125%;

}

#productsTable{
	float: left;
	width: 50%;
	height: 100%;
padding-top: 1%;
}

#actionCall{
	float: right;
	padding-top: 7.5%;
	width: 45%;
	height: 100%;
	font-size: 125%;
}

.meetTheStaff{
float: left;
padding-top: 1%;
padding-left: 1%;
margin-bottom: .5%;
	height: 14%;
	width: 100%;
	color: #fff;
	background-color: #002F5F;
font-size: 130%;
}

#verticalSplit1{
float: left;
width: 50%;
height: 85%;
}

#verticalSplit2{
float: left;
width: 49.5%;
height: 85%;
margin-left: .5%;
}

#bioText1{
margin-top: 1%;
float: left;
width: 100%;
height: 35%;
background-color: #0090C1;
color: #fff;
padding: .5% 2% 4% 4%;

}

#bioText2{
float: left;
width: 99%;
height: 45%;
background-color: #002F5F;
color: #fff;
margin-top: 1%;
padding: 4%;
}


#briText1{
margin-top: 1%;
float: left;
width: 100%;
height: 52%;
background-color: #002F5F;
color: #fff;
padding: 4%;
}

#rickText1{
margin-top: 0%;
float: left;
width: 100%;
height: 101%;
background-color: #0090C1;
color: #fff;
padding: 4%;
}

#BriPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Bri-main.jpg);
	background-position: top;

}

#BriPic2{
float: left;
	width: 100%;
	height: 47%;
	background-size: cover;
	background-image:url(../images/Bri-googleeyes.jpg);
	background-position: center;
}

#BriPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 34%;
	background-size: cover;
	background-image:url(../images/Bri-shoes.jpg);
	background-position: 0% 66%;
}

#RickPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Rick-main.jpg);
	background-position: center;

}

#KiciaPic1{
float: left;
	width: 100%;
	height: 101%;
	background-size: cover;
	background-image:url(../images/Kicia-main.jpg);
	background-position: center;
}

#KiciaPic2{
float: left;
	width: 100%;
	height: 54%;
	background-size: cover;
	background-image:url(../images/kicia-peeper.jpg);
	background-position: 0% 35%;
}

#KiciaPic3{
float: left;
margin-top: 1%;
	width: 100%;
	height: 35%;
	background-size: cover;
	background-image:url(../images/Kicia-donkey.jpg);
	background-position: top;
}

#TaraPic1{
float: left;
	width: 100%;
	height: 30%;
	background-size: cover;
	background-image:url(../images/Tara-peep.jpg);
	background-position: center;
}

#TaraPic2{
float: left;
margin-top: 1%;
	width: 100%;
	height: 64%;
	background-size: cover;
	background-image:url(../images/Tara-kitties.jpg);
	background-position: 0% 10%;

}

#TaraPic3{
margin-top: 1%;
float: left;
	width: 100%;
	height: 102%;
	background-size: cover;
	background-image:url(../images/Tara-main.jpg);
	background-position: center;

}


#dustCollection{
	color: #fff;
	padding: 3% 10% 10% 10%;
}



#panelWrapper{

	width:100%;
	height:100%;
	background-color: #0090C1;
	border: solid #fff;
	z-index: 298;
}

#panelWrapper2{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 297;
}

#panelWrapper3{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 296;
}

#panelWrapper4{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 295;
}

#panelWrapper5{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 294;
}

#panelWrapper6{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 293;
}

#panelWrapper7{

	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 292;
}

#panelWrapper8{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 291;
}

#panelWrapper9{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 290;
}

#panelWrapper10{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 289;
}

#panelWrapper11{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 288;
}

#panelWrapper12{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 287;
}

#panelWrapper13{
	width:100%;
	height:100%;
	background-color: #fff;
	border: solid #fff;
	z-index: 286;
}



.drop {
	background:#09f;
	font-weight:bold;
	padding:1em;
}

#download {
	width:80%;
	left:10%;
	height:80%;
	padding:3em;
	border:0 solid #222;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

}