<!--

<style>

//How to force horizontal or landscape layout on mobile devices
//How to force a mobile device into landscape-horizontal mode 

//#container { display:block; }

//@media only screen and (orientation:portrait){

//  #container {
      
//    -webkit-transform: rotate(90deg);

//    -moz-transform: rotate(90deg);

//    -o-transform: rotate(90deg);

//    -ms-transform: rotate(90deg);

//    transform: rotate(90deg);

//  }

//}

//@media only screen and (orientation:landscape){

//  #container {

//     -webkit-transform: rotate(0deg);

//     -moz-transform: rotate(0deg);

//     -o-transform: rotate(0deg);

//     -ms-transform: rotate(0deg);

//     transform: rotate(0deg);

//  }

//}


html, body {
    width: 100%;
    height: 100%;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
   	font-family: Arial,Geneva,Helvetica,Tahoma,Verdana,sans-serif;
   	font-family: Courier New,monospace;
   	font-size: 10pt;
   	background: #000000;
   	color: #000000;   
	text-decoration: none;
}

body.products {
    width: 100%;    
	margin-top: 5px;
	font-family: arial,univers;
	font-size: 11pt;
	font-style: normal;
	background: #000000;
	color: #000000;
	text-decoration: none;
} 

body.technical {
    width: 100%;     
	margin-top: 5px;
  	font-family: arial,univers;
	font-size: 11pt;
	font-style: normal;
	background: #000000;
	color: #000000;
	text-decoration: none;
} 

h1 {
   margin-top: 0px;
   padding-top: 18px;
   font-size: 14pt;
   font-type: normal;
   font-weight: bold;
   color: #000180;
   text-align: center;
}  

h2 {
   font-size: 13pt;
   font-type: normal;
   font-weight: bold;
   color: #000180;
   text-align: center;
} 

h3 {
   font-size: 12pt;
   font-type: normal;
   font-weight: bold;
   color: #000180;
   text-align: center;
} 

h4 {
   font-size: 11pt;
   font-type: normal;
   font-weight: bold;
   color: #000180;
   text-align: center;
} 

h5 {
   font-size: 10pt;
   font-type: normal;
   font-weight: bold;
   color: #000180;
   text-align: center;
} 
 
h1.tech {
   font-size: 15pt;
   font-type: normal;
   font-weight: bold;
   color: #000180;
   text-align: center;
   text-decoration: none;
   padding-top: 25px;
   margin-top: 0px;
   margin-bottom: 0px;
}

h5.product {
   font-size: 11pt;
   font-type: normal;
   font-weight: bold;
   color: #000180;
   text-align: center;
   text-decoration: underline;
   margin-bottom: 5px;
} 

div.heading {
   width: 795px;
   height: 52px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid;   
   background-color: #ffffff;	
   font-size: 15pt;
   font-weight: bold;
   color: #000180;
   text-align: center;
   padding-top: 22px;
   padding-bottom: 0px;
   margin: auto;
}

#heading-projects {
   width: 779px;
   height: 40px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 10px;
   border-right-width: 10px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid;   
   background-color: #000000;
   text-align: center;
   font-family: arial;
   font-size: 18pt;
   font-weight: bold;
   color: #ffffff;
   padding-top: 15px;
}

a:link {
   color: #000180/*#5F9EA0;*/
}

a:visited {
   color: #B0C4DE;
}

a:active {
   color: #a31b11; /*#48D1CC;*/
} 


img {
   max-width: 100%;
   max-height: auto;
   padding: 0px;
}

br {
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0;
	clear: all;
}

br2 {
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#logo {
   width: 795px;
   height: 110px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid;   
   background-color: #ffffff;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/

#navi {
   width: 795px;
   height: 30px;
   margin-top: auto;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
   padding: 0px 0px;
   border-left: 2px;
   border-right: 2px;
   border-style: solid;
   border-color: #fff;
   background-color: #fff;
   text-align: center;
}

a.button {
   display: inline-block;
   vertical-align: middle;
   width: 80px;
   height: 20px;
   margin: 2px 2px;
   padding: 0px 0px;
   border: 1px;
   border-style: solid;
   border-color: #000;
   border-radius: 6px;
   background: #723922; /* For browsers that do not support gradients white, #0a1d5b, #020b44 */
   background: -webkit-radial-gradient(white, #0a1d5b, #020b44); /* 16314c 6c6d8e 428BCA 1c2c47 Safari 5.1 to 6.0 */
   background: -o-radial-gradient(white, #0a1d5b, #020b44); /* For Opera 11.6 to 12.0 */
   background: -moz-radial-gradient(white, #0a1d5b, #020b44); /* For Firefox 3.6 to 15 */
   background: radial-gradient(100% 30px at center,white,#0a1d5b,#000); /* Standard syntax  prev color #d7dae5, #192b63, #000 */
   opacity: .8;
   line-height: 20px;
   color: #e6f2cb;
   font-family: arial,Geneva,Helvetica,Tahoma,Verdana,sans-serif;
   font-weight: bold;
   font-size: 12px;
   font-smooth: always;
   -webkit-font-smoothing: subpixel-antialiased;
   -moz-osx-font-smoothing: auto;
   text-shadow: 1px 1px #000;
   text-decoration: none;
}

a.button-shadow {
   box-shadow: 2px 2px 2px 0px rgba(155,0,19,0.40), 0 4px 4px 0 rgba(0,0,0,0.40);
} 

a.button:hover {
   background: #cf60db; /* For browsers that do not support gradients */
   background: -webkit-radial-gradient(white, #73b6dd, #293270); /* Safari 5.1 to 6.0 */
   background: -o-radial-gradient(white, #73b6dd, #293270); /* For Opera 11.6 to 12.0 */
   background: -moz-radial-gradient(white, #73b6dd, #293270); /* For Firefox 3.6 to 15 */
   background: radial-gradient(white, #73b6dd, #293270); /* Standard syntax */
   opacity: 80;
}

a.button:active {
   opacity: .70;
   box-shadow: 0px 0px #000; /*#e6f2cb;*/
   transform: translateY(.5px);
   outline: none;
   border: 1px;
   border-style: solid;
   border-color: #000;
   font-size: 11px;
   
} 

a.button:focus {ouline: none;} ::-moz-focus-inner {border: 0;} 

a {outline: 0;}


/* drop-down menu */

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   overflow: auto;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
}

.dropdown-content a {
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
}

.show {display:block;}

/*------------------------------------*\
	NAV END
\*------------------------------------*/


/* product display */

#display {
   width: 795px;
   height: 156px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #000000;
}


/* index-main container */

#main {
   width: 795px;
   height: 320px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #ffffff;
   font-family: arial;
   background: url('images/bkgindex.gif') no-repeat;
}

/* about-main container */

#main1 {
   width: 795px;
   height: 320px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #ffffff;
   font-family: arial;
   background: url('images/bkgabout.gif') no-repeat;
}

/* products-main container */

#main2 {
   width: 795px;
   height: 1700px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #ffffff;
   font-family: arial;
   text-align: center;
}

/* technical-main container */

#main3 {
  background-color: #ffffff;
  width: 795px;
  height: 5472px;
  margin: auto;
  border-left-width: 2px;
  border-right-width: 2px;
  border-color: #ffffff;
  border-left-style: solid;
  border-right-style: solid; 
  text-align: center;
}

/* services-main container */

#main4 {
   width: 795px;
   height: 800px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #ffffff;
   font-family: arial;
   background: url('images/bkgservices.gif') no-repeat;
}

/* contacts-main container */

#main6 {
   width: 795px;
   height: 280px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #ffffff;
   font-family: arial;
   text-align: center;
}

/* projects-main container */

#main5 {
   width: 795px;
   height: 800px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #ffffff;
   font-family: arial;
   background: url('images/bkgservices.gif') no-repeat;
}

#main7 {
   	width: 795px;
   	margin-top: 0px;
   	margin-bottom: 0px;
   	margin-left: auto;
   	margin-right: auto;
   	border-left-width: 2px;
   	border-right-width: 2px;
  	border-color: #ffffff;
   	border-left-style: solid;
   	border-right-style: solid; 
   	background-color: #ffffff;
   	font-family: arial;
   	text-align: bottom;
}

/* products-floating boxes within main containers */

.container1 {
   float: left;
   -moz-column-count: 1;
   -webkit-column-count: 1;
   column-count: 1;
   -moz-column-width: 200px;
   -webkit-column-width: 200px;
   column-width: 200px;
   horizontal-align: middle;
   vertical-align: top;
   border-width: 0px;
   border-style: solid;
   border-color: #f1224e;
   text-align: center;
}

.container2 {
   float: left; 
   -moz-column-count: 1;
   -webkit-column-count: 1;
   column-count: 1;
   -moz-column-width: 202px;
   -webkit-column-width: 202px;
   column-width: 202px;
   horizontal-align: middle;
   vertical-align: top;
   text-align: center;
   border-width: 0px;
   border-style: solid;
   border-color: #f1224e;
}

.container3 {
    	float: left;
    	-moz-column-count: 1;
    	-webkit-column-count: 1;
    	column-count: 1;
    	-moz-column-width: 202px;
    	-webkit-column-width: 202px;
    	column-width: 202px;
    	horizontal-align: middle;
    	vertical-align: top;
    	text-align: center;
    	border-width: 0px;
    	border-style: solid;
    	border-color: #f1224e;
}

.container4 {
 	float: left;
    	-moz-column-count: 1;
    	-webkit-column-count: 1;
    	column-count: 1;
    	-moz-column-width: 176px;
    	-webkit-column-width: 176px;
    	column-width: 176px;
    	horizontal-align: middle;
    	vertical-align: top;
    	text-align: center;
    	border-width: 0px;
    	border-style: solid;
    	border-color: #f1224e;
}


/* technical-floating boxes within main containers */

#contech1 {
   width: 795px;
   height: 400px;
   text-align: center;
   background-color: #ffffff;
}

.contech2 {
   width: 795px;
   height: 280px;
   text-align: center;
   background-color: #ffffff;
}

.contech3 {
   width: 795px;
   background-color: #ffffff;
}

.contech4 {
   width: 795px;
   height: 246px;
   text-align: center;
   background-color: #ffffff;
}

.contech5 {
   width: 795px;
   height: 315px;
   text-align: center;
   background-color: #ffffff;
}

/* technical-floating boxes w/in floating boxes w/in main containers */

.techblock1 {
   display: inline-block;
   width: 206px;
   vertical-align: top;
}

.techblock2 {
   display: inline-block;
   width: 260px;
   vertical-align: top;
}

.techblock3a {
   display: inline-block;
   width: 370x;
   height: 240px;
   text-align: left;
}

.techblock3b {
   display: inline-block;
   width: 275px;
   height: 210px;
   text-align: right;
}

.techblock4 {
   display: inline-block;
   width: 336px;
   vertical-align: top;
}

.techblock5 {
   display: inline-block;
   width: 333px;
   vertical-align: top;
}

.techblock6 {
   display: inline-block;
   width: 257px;
   vertical-align: top;
}

.techblock7 {
   display: inline-block;
   width: 303px;
   vertical-align: top;
}

.techblock8 {
   display: inline-block;
   width: 283px;
   vertical-align: top;
}

.techblock9 {
   display: inline-block;
   width: 278px;
   vertical-align: top;
}

/* Projects-Photo Containers */

.conproj1 {
   width: 795px;
   height: 605px;
   text-align: center;
   background-color: #ffffff;
}

.conproj2 {
   width: 795px;
   height: 375px;
   text-align: center;
   background-color: #ffffff;
}

.conproj3 {
   width: 795px;
   height: 252px;
   text-align: center;
   background-color: #ffffff;
}

.conproj4 {
   width: 795px;
   height: 352px;
   text-align: center;
   background-color: #ffffff;
}

.conproj5 {
   width: 795px;
   height: 380px;
   text-align: center;
   background-color: #ffffff;
}

.conproj6 {
   width: 795px;
   height: 573px;
   text-align: center;
   background-color: #ffffff;
}

.conproj7 {
   width: 795px;
   height: 405px;
   text-align: center;
   background-color: #ffffff;
}

/*Projects-Floating Boxes for Photos*/

.projblock1 {
   display: inline-block;
   width: 432px;
   height: 597px;
   margin-top: 5px;
   margin-left: 3px;
   margin-right: 0px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
 }

.projblock2 {
   display: inline-block;
   width: 339px;
   height: 597px;
   margin-top: 5px;
   margin-left: 7px;
   margin-right: 4px;
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock3 {
   display: inline-block;
   width: 389px;
   height: 361px;
   margin-top: 5px;
   margin-left: -5px;
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock4 {
   display: inline-block;
   width: 389px;
   height: 361px;
   margin-top: 5px;
   margin-right: -5px;
   border: 0px solid #73AD21; 
   vertical-align: top;
   background-color: #d4d4d5;
}

.projblock5 {
   display: inline-block;
   width: 284px;
   height: 244px;
   margin-top: 0px;
   margin-left: 0px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock6 {
   display: inline-block;
   width: 201px;
   height: 244px;
   margin-top: 0px;
   margin-left: 0px    
   border: 0px solid #73AD21; 
   vertical-align: top;
   background-color:#ffffff;
}

.projblock7 {
   display: inline-block;
   width: 293px;
   height: 244px;
   margin-top: 0px;
   margin-right: 0px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock8 {
   display: inline-block;
   width: 258px;
   height: 344px;
   margin-top: 0px;
   margin-left: 5px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock9 {
   display: inline-block;
   width: 258px;
   height: 344px;
   margin-top: 0px;
   margin-left: 2px;    
   margin-right: 2px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
   background-color: #000000;
}

.projblock10 {
   display: inline-block;
   width: 258px;
   height: 344px;
   margin-top: 0px;
   margin-right: 5px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock11 {
   display: inline-block;
   width: 258px;
   height: 368px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 2px;
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock12 {
   display: inline-block;
   width: 248px;
   height: 368px;
   margin-top: 0px;
   margin-bottom: 0px;   
   margin-left: 4px;
   margin-right: 4px;
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock13 {
   display: inline-block;
   width: 262px;
   height: 368px;
   margin-top: 0px;
   margin-bottom: 0px;   
   margin-right: 0px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock14 {
   display: inline-block;
   width: 778px;
   height: 565px;
   margin-top: 0px;
   margin-bottom: 0px;   
   margin-right: 0px;   
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.projblock15 {
   display: inline-block;
   width: 331px;
   height: 397px;
   margin-top: 0px;
   margin-bottom: 0px;    
   margin-left: 5px;
   margin-right: 3px;  
   border: 0px solid #73AD21; 
   vertical-align: top;
}
.projblock16 {
   display: inline-block;
   width: 447px;
   height: 397px;
   margin-top: 0px;
   margin-bottom: 0px;   
   margin-right: 5px;
   border: 0px solid #73AD21; 
   vertical-align: top;
}

/* Contact-Floating Boxes */

.cbox1 {
   display: inline-block;
   width: 190px;
   height: 280px;
   border: 0px solid #73AD21; 
   vertical-align: top;
}

.cbox2 {
    display: inline-block;
    width: 150px;
    height: 280px;
    border: 0px solid #73AD21; 
    vertical-align: top;
}

.cbox3 {
    display: inline-block;
    width: 245px;
    height: 280px;
    border: 0px solid #73AD21;
    vertical-align: top;
}

.cbox4 {
   display: inline-block;
   width: 190px;
   height: 280px;
   border: 0px solid #73AD21; 
   vertical-align: top;
}


/* company truck dsiplay */
#display1 {
   width: 795px;
   height: 250px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid; 
   background-color: #ffffff;
   text-align: center;
}

#footer {
   width: 795px;
   height: 50px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #ffffff;
   border-left-style: solid;
   border-right-style: solid;
   background-color: #ffffff;
   font-family: Arial, Geneva, Helvetica, Tahoma, Verdana, sans-serif;
   font-size: .75rem;
   text-align: center;
   color: #000013;
   line-height: 24pt;
}

</style>
-->