@font-face {font-family:Lato; src:url(../Lato-Regular.ttf);}

body {font-family:Lato; margin:0; text-align:center; background-color:#FFFFFF; font-size:14px; color:#333333;}

.main {width:100%; height:100%;}

h1 {font-size:30px; text-align:left; padding:0px 20px 0px 20px; color:#000000;}
h2 {font-size:22px; text-align:left; padding:0px 20px 0px 20px; color:#000000;}
h3 {font-size:22px; text-align:left; padding:0px 20px 0px 50px; color:#000000;}
h4 {font-size:20px; text-align:center; padding:0px 20px 0px 20px; color:#FFFFFF;}
h5 {font-size:18px; text-align:left; padding:0px 20px 0px 20px; color:#f87302;}
.pg-title {font-size:6.25em; font-style:italic; text-transform:uppercase; color:#FFFFFF; text-shadow: 4px 4px 8px #FFFFFF; padding:100px 50px;}

.marquee-shell {width:100%; height:800px; margin-top:0px; margin-left:auto; margin-right:auto;}
.marquee {background:url(../images/marquee-img1_1600x800.png) no-repeat 0 0; width:100%; height:800px; margin-top:0px; margin-left:auto; margin-right:auto; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.logo {margin-left:auto; margin-right:auto; margin-top:120px; height:255px; width:600px; text-align:center;}

.nav-holder {width:970px; height:155px; margin-top:0px; margin-left:auto; margin-right:auto; }
.navigation {width:140px; height:155px; float:left; margin-left:20px; padding:0px 0px; text-align:center;}
.move-btn {width:134px; height:134px; margin-left:auto; margin-right:auto; margin-top:50px;}
.navimg {size:100%}

/* Homepage */
.home-shell {width:100%; display:inline-block; margin-top:30px; margin-left:auto; margin-right:auto;}
.home-block {width:960px; margin-left:auto; margin-right:auto; margin-top:5px; display:block; border:solid 0px #FF0000;}
.home-left {width: 50%; float: left; display: inline-table; text-align:left;}
.textalign1 {text-align:left; padding:0px 20px 0px 20px; line-height:28px;}
.home-right {width: 50%; display: inline-table;text-align: right;}
.tech-img {float:left; width:310px; margin-top:20px; margin-bottom:40px; padding-left:35px;}


/* Technology Page */
.technology-shell {width:100%; margin-top:30px; margin-left:auto; margin-right:auto; display:inline-block;}
.technology-head-img {height:300px; background:url(../images/technology-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.tech-block {width:960px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px; display:block;}
.tech-content {margin-top:10px;}
.tech-content ul li {text-align:left; list-style:disc; margin-left:20px; font-size:14px; line-height:28px;}
.tech-content ol li {text-align:left; type:1; margin-left:20px; line-height:28px; font-size:14px;}
.table1 {border-collapse:collapse; border:thin 1px #cccccc; margin-left:30px; width:80%}
.tabledisplay1 {display:none;}

/* Product Page */
.product-shell {width:100%; margin-top:30px; margin-bottom:40px; margin-left:auto; margin-right:auto; display:inline-block;}
.product-head-img {height:300px; background:url(../images/products-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.product-block {width:960px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px; display:block;}
.product-left {width: 40%; float: left; display: inline-table;}
.product-right {width: 60%; display: inline-table;}
.product-content {margin-top:20px;}
.product-content ol li {text-align:left; type:1; margin-left:20px; line-height:28px;}

/* Service Page */
.service-shell {width:100%; margin-top:20px; margin-bottom:40px; margin-left:auto; margin-right:auto; display:inline-block;}
.service-head-img {height:450px; background:url(../images/services-hdr-img.png) no-repeat 0 0; width:100%;}
.service-block {width:960px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:10px; display:block;}
.service-left {width: 40%; float: left; display: inline-table;}
.service-right {width: 60%; display: inline-table;}


/* Gallery Page */
.gallery-shell {width:100%; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:40px; display:inline-block;}
.gallery-head-img {height:300px; background:url(../images/gallery-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.gallery-block {width:960px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px; display:block; border:solid 0px #FF0000;}
.gallery-content {margin-top:10px; display:block;}
.gallery-img {float:left; width:320px; margin-top:20px; margin-bottom:10px; padding-left:20px; padding-right:20px;}
.gallery-heading {font-size:36px; font-style:italic; color:#000000; padding-top:40px;}


/* About Page */
.about-shell {width:100%; margin-top:20px; margin-bottom:40px; margin-left:auto; margin-right:auto; display:inline-block; }
.about-head-img {height:300px; background:url(../images/about-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.about-block {width:960px !important; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px; display:block;}
.about-content {margin-top:10px; display:block;}


/* Contact Page */
.contact-shell {width:100%; margin-top:20px; margin-bottom:40px; margin-left:auto; margin-right:auto; display:inline-block; }
.contact-head-img {height:300px; background:url(../images/contact-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.contact-block {width:960px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px; display:block;}
.contact-left {width: 50%; float: left; display: inline-table; border-right:solid 1px #666666; margin-top:20px; display:inline-block;}
.contact-right {width: 50%; display: inline-table; margin-top:20px;}
.textalign2 {text-align:left; padding:0px 20px 0px 80px; line-height:28px; font-size:16px;}
.textalign3 {text-align:left; padding:0px 20px 0px 80px; line-height:28px; font-size:14px;}

.formComponent {margin-left:30px;}
.frm-field-label {font-weight:bold; font-size:14px; margin-top:5px; width:300px; float:left; margin-bottom:0px; padding-top:5px; text-align:left;}
.frm-field-width {width:355px; float:left; margin-bottom:0px; margin-top:5px;}
.frm-button {background:#FF6600; color:#FFFFFF; border:2px solid #FF6600; width:150px; height:40px; float:left; font-weight:bold; margin-top:20px;}
.result {font-size:14px; float:left; color:#FFFFFF;}

.footer-shell {width:100%; height:80px; margin-top:10px; margin-left:auto; margin-right:auto; border-top:solid 1px #CCCCCC; background-color:#333333; opacity:0.5; 
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.copy {font-size:12px; font-style:italic; text-align:center; color:#FFFFFF; padding-top:10px;}
.clear {display:block; height:50px; float:left; width:960px;}


@media (max-width: 767px) {

h1 {font-size:25px; text-align:left; padding:0px 20px 0px 20px; color:#000000;}
h2 {font-size:18px; text-align:left; padding:0px 20px 0px 20px; color:#000000;}
h3 {font-size:18px; text-align:left; padding:0px 20px 0px 50px; color:#000000;}
h4 {font-size:20px; text-align:center; padding:0px 20px 0px 20px; color:#FFFFFF;}
h5 {font-size:18px; text-align:left; padding:0px 20px 0px 20px; color:#f87302;}
.pg-title {font-size:3.25em; font-style:italic; text-transform:uppercase; color:#FFFFFF; text-shadow: 4px 4px 8px #FFFFFF; padding:45px 50px;}

.marquee-shell {width:100%; height:340px; margin-top:0px; margin-left:auto; margin-right:auto;}
.marquee {background:url(../images/marquee-img1_1600x800.png) no-repeat 0 0; margin-top:0px; margin-left:auto; margin-right:auto; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.logo {margin-top:50px; text-align:center;}
.logoimg {width:50%}

.nav-holder {width:95%; height:auto; margin-top:-100px; margin-left:auto; margin-right:auto; }
.navigation {width:130px; height:auto; float:left; margin-left:-25px; padding:0px 0px; text-align:center;}
.move-btn {width:134px; height:134px; margin-left:auto; margin-right:auto; margin-top:50px; display:none;}
.navimg {width:60%; height:100%;}

/* Homepage */
.home-shell {width:100%; display:inline-block; margin-top:30px; margin-left:auto; margin-right:auto;}
.home-block {width:90%; margin-left:auto; margin-right:auto; margin-top:5px; display:block; border:solid 0px #FF0000;}
.home-left {width: 50%; float: left; display: inline-table;}
.textalign1 {text-align:left; padding:0px 20px 0px 20px; line-height:18px; font-size:12px;}
.home-right {width: 50%; display: inline-table;}
.tech-img {float:left; width:310px; margin-top:20px; margin-bottom:40px; padding-left:35px;}
.blockimg {width:100%; height:100%}

/* Technology Page */
.technology-shell {width:100%; margin-top:0px; margin-left:auto; margin-right:auto; display:inline-block;}
.technology-head-img {height:auto; background:url(../images/technology-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.tech-block {width:90%; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:40px; display:block;}
.tech-content {margin-top:10px;}
.tech-content ul li {text-align:left; list-style:disc; margin-left:20px; font-size:12px;}
.tech-content ol li {text-align:left; type:1; margin-left:20px; line-height:28px; font-size:12px;}
.table1 {border-collapse:collapse; border:thin 1px #cccccc; margin-left:30px; width:80%}
.tabledisplay1 {display:none;}

/* Product Page */
.product-shell {width:100%; margin-top:30px; margin-bottom:20px; margin-left:auto; margin-right:auto; display:inline-block;}
.product-head-img {height:auto; background:url(../images/products-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.product-block {width:90%; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px; display:block;}
.product-left {width: 40%; float: left; display: inline-table;}
.product-right {width: 60%; display: inline-table;}
.product-content {margin-top:20px;}
.product-content ol li {text-align:left; type:1; margin-left:20px; line-height:20px; font-size:12px;}


/* Gallery Page */
.gallery-shell {width:100%; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:15px; display:inline-block;}
.gallery-head-img {height:auto; background:url(../images/gallery-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.gallery-block {width:90%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; display:block; border:solid 0px #FF0000;}
.gallery-content {margin-top:10px; display:block;}
.gallery-img {float:left; width:33%; margin-top:20px; margin-bottom:10px; padding-left:10px; padding-right:10px;}
.gallery-heading {font-size:30px; font-style:italic; color:#000000; padding-top:0px;}


/* About Page */
.about-shell {width:100%; margin-top:20px; margin-bottom:0px; margin-left:auto; margin-right:auto; display:inline-block; }
.about-head-img {height:auto; background:url(../images/about-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.about-block {width:90%; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; display:block;}
.about-content {margin-top:10px;}


/* Contact Page */
.contact-shell {width:100%; margin-top:20px; margin-bottom:40px; margin-left:auto; margin-right:auto; display:inline-block; }
.contact-head-img {height:auto; background:url(../images/contact-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.contact-block {width:90%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:15px; display:block;}
.contact-left {width: 50%; float: left; display: inline-table; border-right:solid 1px #666666; margin-top:20px; display:inline-block;}
.contact-right {width: 50%; display: inline-table; margin-top:20px;}
.textalign2 {text-align:left; padding:0px 20px 0px 50px; line-height:25px; font-size:13px;}
.textalign3 {text-align:left; padding:0px 20px 0px 50px; line-height:25px; font-size:12px;}

.formComponent {margin-left:30px;}
.frm-field-label {font-weight:bold; font-size:13px; margin-top:3px; width:225px; float:left; margin-bottom:0px; padding-top:5px; text-align:left;}
.frm-field-width {width:225px; float:left; margin-bottom:0px; margin-top:3px;}
.frm-button {background:#FF6600; color:#FFFFFF; border:2px solid #FF6600; width:120px; height:30px; float:left; font-weight:bold; margin-top:20px;}
.result {font-size:13px; float:left; color:#FFFFFF;}

.footer-shell {width:100%; height:50px; margin-top:10px; margin-left:auto; margin-right:auto; border-top:solid 1px #CCCCCC; background-color:#333333; opacity:0.5; 
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
}


@media (max-width: 480px) {

.main {width:100%;}

h1 {font-size:18px; text-align:left; padding:0px 20px 0px 20px; color:#000000;}
h2 {font-size:15px; text-align:left; padding:0px 20px 0px 20px; color:#000000;}
h3 {font-size:15px; text-align:left; padding:0px 20px 0px 20px; color:#000000;}
.pg-title {font-size:1.5em; font-style:italic; text-transform:uppercase; color:#FFFFFF; text-shadow: 4px 4px 8px #FFFFFF; padding:22px 50px;}

.marquee-shell {width:100%; height:auto; margin-top:0px; margin-left:auto; margin-right:auto;}
.marquee {background:url(../images/marquee-img1_600x530.png) no-repeat 0 0; margin-top:0px; margin-left:auto; margin-right:auto; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.logo {margin-top:35px; text-align:center; width:90%;}
.logoimg {width:50%;}

.nav-holder {width:85%; height:auto; margin-top:-170px; margin-left:50px; display:block }
.navigation {width:150px; height:auto; float:left; margin-left:-25px; padding:0px 0px; text-align:center;}
.move-btn {width:134px; height:134px; margin-left:auto; margin-right:auto; margin-top:50px; display:none;}
.navimg {width:50%; height:100%;}

/* Homepage */
.home-shell {width:100%; display:inline-block; margin-top:160px; margin-left:auto; margin-right:auto;}
.home-block {width:100%; margin-left:auto; margin-right:auto; margin-top:5px; display:block; border:solid 0px #FF0000;}
.home-left {width: 100%; float:left; display:inline-block;}
.textalign1 {text-align:left; padding:0px 20px 0px 20px; line-height:18px; font-size:12px;}
.home-right {width: 100%; display:inline-block; float:left;}
.blockimg {width:100%; height:100%}

/* Technology Page */
.technology-shell {width:100%; margin-top:0px; margin-left:auto; margin-right:auto; display:inline-block;}
.technology-head-img {height:auto; background:url(../images/technology-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.tech-block {width:100%; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:20px; display:block;}
.tech-content {margin-top:10px;}
.tech-content ul li {text-align:left; list-style:disc; margin-left:20px; font-size:12px;}
.tech-content ol li {text-align:left; type:1; margin-left:20px; line-height:28px; font-size:12px;}
.table1 {border-collapse:collapse; border:thin 1px #cccccc; margin-left:20px; width:90%; font-size:12px; margin-bottom:20px; text-align:left;}
.table2 {border-collapse:collapse; border:thin 1px #cccccc; margin-left:20px; width:100%; font-size:12px; margin-bottom:20px; text-align:left;}
.tabledisplay {display:none;}
.tabledisplay1 {display:inline-table;}

/* Product Page */	
.product-shell {width:100%; margin-top:30px; margin-bottom:20px; margin-left:auto; margin-right:auto; display:inline-block;}
.product-head-img {height:auto; background:url(../images/products-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.product-block {width:100%; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:20px; display:block;}
.product-left {width: 40%; float: left; display: inline-table;}
.product-right {width: 60%; display: inline-table;}
.product-content {margin-top:20px;}
.product-content ol li {text-align:left; type:1; margin-left:20px; line-height:20px; font-size:12px;}

/* Gallery Page */
.gallery-heading {font-size:20px; font-style:italic; color:#000000; padding-top:15px;}

/* About Page */
.about-block {width:100%; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; display:block;}


/* Contact Page */
.contact-shell {width:100%; margin-top:20px; margin-bottom:40px; margin-left:auto; margin-right:auto; display:inline-block; }
.contact-head-img {height:auto; background:url(../images/contact-hdr-img_1600x300.png) no-repeat 0 0; width:100%; background-size:cover;}
.contact-block {width:100%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:15px; display:block;}
.contact-left {width: 100%; float: left; display: inline-table; border-right:solid 0px #666666; margin-top:20px; display:inline-block;}
.contact-right {width: 100%; display: inline-table; margin-top:20px; float:left;}
.textalign2 {text-align:left; padding:0px 20px 0px 50px; line-height:25px; font-size:13px;}
.textalign3 {text-align:left; padding:0px 20px 0px 50px; line-height:25px; font-size:12px;}

.formComponent {margin-left:20px;}
.frm-field-label {font-weight:bold; font-size:13px; margin-top:3px; width:400px; float:left; margin-bottom:0px; padding-top:5px; text-align:left;}
.frm-field-width {width:400px; float:left; margin-bottom:0px; margin-top:3px;}
.frm-button {background:#FF6600; color:#FFFFFF; border:2px solid #FF6600; width:120px; height:30px; float:left; font-weight:bold; margin-top:20px;}
.result {font-size:13px; float:left; color:#FFFFFF;}



}