body,
      html {
        height: 100%;
        margin: 0;
        font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;
      }
			 .wrapper {
        height: 100%;
        font-family: Helvetica, sans-serif;
        line-height: 1.5;
        word-spacing: 2px;
        letter-spacing: 0.5px;
      }
      .fixed {
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 100%;
        width: 100%;
        color: #eeeeee;
        text-align: center;
        display: table;
      }
      .fixed h2 {
        display: table-cell;
        vertical-align: middle;
      }
      .scroll {
        background-color: #ffffff;
        padding: 10px 70px;
        color: #666666;
      }
			
      .zero {
        background-image: url("http://192.168.2.109/homefront/content/images/Index_BG_01.jpg"); 
        height: 100px; width: 100%;
      }
      .one {
        background-image: url("http://192.168.2.109/homefront/content/images/Index_BG_Mnt.jpg");
        height: 500px; width: 1680px;
      }
      .two {
        background-image: url("https://images.unsplash.com/photo-1505228395891-9a51e7e86bf6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1190&q=80")
      }
      .three {
        background-image: url("https://images.unsplash.com/photo-1521165582142-eaf4bd77b3f6?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80")
      }
      
 
.dataplate_image_top_pad
{
  margin-top: 15px;
 }  
            
            
            
      .bg_image_01 {
        height: 400px; width: 100%; width: 100%; margin-top: -400px; margin-bottom: 0px;
      }
      .bg_image_02 {
        height: 100px; width: 100%;
      }
      
      .bg_image_frame {
        align: center; width: 100%;
      } 
      
      .bg_image_03 { 
        align: center; width: 100%; 
      }
      
      
      .bg_image_index {
       background-image: url(../../content/images/worker01.jpg);
       background-position:center;
      }
      
      .bg_image_aboutus {
       background-image: url(../../content/images/aboutus_BG_01.jpg);
       background-position:center;
      }
      .bg_image_gettingstarted {
       background-image: url(../../content/images/lightbulb_BG_01.jpg);
       background-position:center;
      }
      .bg_image_china {
       background-image: url(../../content/images/china_BG_01.jpg);
       background-position:center;
      }
      .bg_image_globalization {
       background-image: url(../../content/images/ship_BG_01.jpg);
       background-position:center;
      }
    
      .bg_image_manufacturing {
       background-image: url(../../content/images/manufacturing_BG_01.jpg);
       background-position:center;
      }
    
      .bg_image_pricing {
       background-image: url(../../content/images/pricing_BG_01.jpg);
       background-position:center;
      }
    
      .bg_image_services {
       background-image: url(../../content/images/services_BG_01.jpg);
       background-position:center;
      }
      .bg_image_contact {
       background-image: url(../../content/images/contact_BG_01.jpg);
       background-position:center;
      }
      .bg_image_hub {
       background-image: url(../../content/images/hub_BG_01.jpg);
       background-position:center;
      }
      .bg_image_global_news {
       background-image: url(../../content/images/global_manufacturing_news_BG_01.jpg);
       background-position:center;
      }
    
   
   
 
/*  anamations */
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}


/* p styles */

.maintextformat
{color:#ffffff; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 10px;
 }
  
p
{color:#000000; font-size: 10pt; letter-spacing: 0pt; line-height: 16pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 25px;
 }
 
p.light
{color:#ffffff; font-size: 10pt; letter-spacing: 0pt; line-height: 16pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 10px;
 }
 
 
p.YellowNote
{color:#e58c1b; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 10px; 
 }

p.MessageStatus
{color:#990000; font-size: 6pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 10px;
 }


p.promo
{color:#000000; font-size: 7pt; letter-spacing: 0pt; line-height: 15pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

.ProgressRoled
{color:#875421; font-size: 8pt; letter-spacing: 0pt; line-height: 10pt; 
 text-decoration: underlined; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

.ProgressNorm
{color:#A9733C; font-size: 8pt; letter-spacing: 0pt; line-height: 10pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

.maintable 
{
margin-left: 20px; margin-right: 20px; margin-top: -50px; margin-bottom: 100px;
}

.MainContent
{
margin-left: 20px; margin-right: 20px;
}

.TableText
{color:#000000; font-size: 8pt; letter-spacing: 0pt; line-height: 10pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
 }

p.TableSubHeading
{color:#FFFFFF; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
 }

p.TableSubHeading2
{color:#000000; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

.TableSubHeading3
{color:#a9733c; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

td
{color:#000000; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 4px; margin-right: 4px; margin-top: 2px; margin-bottom: 10px;
 }

/* nave sep styles */
.sep
{color:#000000; font-size: 8pt; letter-spacing: 0pt; line-height: 0pt; 
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 3px; margin-right: 3px; margin-top: 0px; margin-bottom: 0px;
 }
 
 
/* heading styles */
h2
{color:#403221; font-size: 14pt; letter-spacing: 2pt; line-height: 16pt; 
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left:0px; margin-right:0px; margin-top: 25px; margin-bottom: 25px;
 text-align:left;
 }

h3
{color:#000000; font-size: 9pt; letter-spacing: 0pt; line-height: 10pt; 
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px;
 }

h4
{color:#CCCCBB; font-size: 9pt; letter-spacing: 0pt; line-height: 10pt; 
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

h5
{color:#000000; font-size: 8pt; letter-spacing: 0pt; line-height: 8pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

.copyright
{color:#999999; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 18px; margin-right: 18px; margin-top: 0px; margin-bottom: 0px;
 }
 
.alert
{color:#990000; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt; 
 text-decoration: blink; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 18px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }
 
/* image styles */
.float_left
{float: left; margin-left: 0px; margin-right: 18px;
}

.float_right
{float: right; margin-left: 10px; margin-right: 1px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

/*
body.bg{
background-image: url(../skinart/Background_01.jpg);
background-position:center;
}
*/ 

.navrow
{
 background: rgba(0, 0, 0, 0)
}


/* link styles */

a
{color:#999999; font-size: 8pt; letter-spacing: 0pt; line-height: 8pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 filter:alpha(opacity=100);-moz-opacity:1.0;pacity: 1.0;
 }

a.alt
{color:#ffffff; font-size: 8pt; letter-spacing: 0pt; line-height: 8pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

a.img
{margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

a.submit
{color:#333333; font-size: 7pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 1px; margin-top: 0px; margin-bottom: 0px;
 }

a.main_nav_n
{color:#cccccc; font-size: 10pt; letter-spacing: 0pt; line-height: 14pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

a.main_nav_r
{color:#ffffff; background-color: #BFA688;font-size: 10pt; letter-spacing: 0pt; line-height: 14pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 padding: 5px;
 margin-left: 3px; margin-right: 3px; margin-top: 0px; margin-bottom: 0px;
 }
 
a.foot_nav_n
{color:#000000; font-size: 8pt; letter-spacing: 0pt; line-height: 8pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

a.promo_nav_n
{color:#999999; font-size: 6pt; letter-spacing: 0pt; line-height: 7pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

a.LinkHeading
{color:#FFFFFF; font-size: 9pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
 }

a.TableLink1
{color:#8F0000; font-size: 8pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
 }

a.TableLink2
{color:#FFFFFF; font-size: 7pt; letter-spacing: 0pt; line-height: 7pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
 }

a.TableLink3
{color:#000000; font-size: 8pt; letter-spacing: 0pt; line-height: 7pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
 }

.TableLinkDev2
{color:#FFFFFF; font-size: 7pt; letter-spacing: 0pt; line-height: 7pt;  
 text-decoration: none; font-style: none; font-weight: bold; text-transform: none; text-indent: 0pt;
 margin-left: -3px; margin-right: -3px; margin-top: 0px; margin-bottom: 0px;
 }



hr
{margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px;
}

hr.nav
{margin-left: 0px; margin-right: 18px; margin-top: 5px; margin-bottom: 5px;
}

.debuging {border:3px solid #990000; background-color: #CC6600;
}


/* border styles */



/* promo */
.promo_border_sides
{
border-left:1px solid #875421;
border-right:1px solid #875421;
}

.promo_border_sideandbottom
{
border-left:1px solid #875421;
border-right:1px solid #875421;
border-bottom:1px solid #875421;
}

.rb_border 
{
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

.rbl_border 
{
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

.blt_border 
{
border-bottom:1px solid #CCCCCC;
}

td.border { border:1px solid #CCCCCC;
}

.lt_border 
{
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}


.bl_border 
{
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

.b_border 
{
border-bottom:1px solid #CCCCCC;
}

/* border set 2*/


.r_border_2
{
border-right:1px solid #C2C2AA;
}

.rb_border_2
{
border-right:1px solid #C2C2AA;
border-bottom:1px solid #C2C2AA;
}

.rbl_border_2
{
border-right:1px solid #C2C2AA;
border-bottom:1px solid #C2C2AA;
border-left:1px solid #C2C2AA;
}

.blt_border_2
{
border-bottom:1px solid #C2C2AA;
td.border { border:1px solid #C2C2AA;
}

.lt_border_2
{
border-left:1px solid #C2C2AA;
border-top:1px solid #C2C2AA;
}

.bl_border_2
{
border-bottom:1px solid #C2C2AA;
border-left:1px solid #C2C2AA;
}

.b_border_2
{
border-bottom:1px solid #C2C2AA;
}

.full_border_2
{
border-left:1px solid #C2C2AA;
border-right:1px solid #C2C2AA;
border-bottom:1px solid #C2C2AA;
border-top:1px solid #C2C2AA;
}

/* header border */
.full_header_border 
{
background-color: #CCCCCC;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
}

.brt_header_border 
{
border-bottom:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background-color: #CCCCCC
}

/* form styles */
.search
{color:#FFFFFF; font-size: 8pt; letter-spacing: 0pt; line-height: 8pt; background-color: #000000; 
border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;
text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

input 
{background-color: #FFFFFF; color:#000000; font-size: 9pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #000000;
 }

input.req
{background-color: #CC6600; color:#000000; font-size: 9pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #000000;
 }

input.miss
{background-color: #CC0000; color:#000000; font-size: 9pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #000000;
 }

Submit
{background-color: #990000; border: 0px}

textarea
{font-family: verdana,arial,helvetica,sans-serif; color:#000000; font-size: 9pt; letter-spacing: 0pt; line-height: 12pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; border: 0px;
 }

select
{background-color: #333333; color:#FFFFFF; font-size: 8pt; letter-spacing: 0pt;  
 text-decoration: none; font-style: none; font-weight: none; text-transform: none; text-indent: 0pt;
 margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; border: 0px;
 }