body {font-family: 'Montserrat', sans-serif; font-size:1em; margin:0; padding:0; color:#fff8d5; background-color:#0f0f0f; background-image:url(../images/body-bg-main.jpg); background-repeat:repeat; }
body.home {background-image:url(../images/body-bg.jpg); background-repeat: repeat-x;  }
body.INT {background-image:url(../images/int-body-bg.jpg); background-repeat: repeat-x;  }
a {border:none;}
p {line-height:26px; color:#fff8d5; font-size:14px;}
img {border:none;}


#wrapperhome {width:100%; position:relative; display:block;  background-image:url(../images/body-bg.jpg); background-repeat: repeat-x;  float:left;}
#wrapperINT {width:100%; position:relative; display:block;  background-image:url(../images/int-body-bg.jpg); background-repeat: repeat-x; float:left;}

#headerwrapper {width:100%; position:relative; display:block;  }
.header {width:1002px; margin:32px auto 0 auto; padding:0; position:relative; display:block; height:237px; }

.logo {width:569px; height:152px; float:left;}
.videolink {width:134px; height:135px; float:left; padding-top:17px;}
.contactinfo {
    width: 299px;
    height: 135px;
    float: left;
    padding-top: 0;
    text-align: right;
    position: relative;
    top: -5px;
}
	.contactinfo p {line-height:20px; font-size:18px; color:#ffe558; margin:0; padding:0;}
.navigation {width:1002px; height:54px; float:left; margin:31px 0 0 0; padding:0; background-image:url(../images/nav-bg.jpg); background-repeat:no-repeat;}
	
		.navigation ul {width:1007px; height:54px; overflow:hidden; float:left; margin:0; padding:0px; list-style-type:none; font-size:.98em!important;}
        .navigation ul li {height:54px; padding:0; margin:0; margin:0 6px 0 1px; text-align:center; color:#ffffff; float:left;}
	.navigation ul li a{color:#ffffff; text-decoration:none;}
		a.home {width:42px; height:54px; margin-right:24px; float:left;}
		a.automation {width:195px; height:54px; margin-right:28px; float:left;}
		a.audio {width:198px; height:54px; margin-right:28px; float:left;}
		a.products  {width:84px; height:54px; margin-right:28px; float:left;}
		a.aboutus  {width:87px; height:54px; margin-right:22px; float:left;}
		a.news  {width:70px; height:54px; margin-right:22px; float:left;}
		a.contactus  {width:103px; height:54px; float:left;}

		
		a.home:hover {width:52px; height:54px; background-image:url(../images/nav-stripes.jpg); background-repeat:repeat-x; float:left;}
		a.automation:hover {width:195px; height:54px; background-image:url(../images/nav-stripes.jpg); background-repeat:repeat-x; float:left;}
		a.audio:hover {width:198px; height:54px; background-image:url(../images/nav-stripes.jpg); background-repeat:repeat-x; float:left;}
		a.products:hover  {width:94px; height:54px; background-image:url(../images/nav-stripes.jpg); background-repeat:repeat-x; float:left;;}
		
		a.aboutus:hover  {width:87px; height:54px; background-image:url(../images/nav-stripes.jpg); background-repeat:repeat-x; float:left;}
		a.news:hover  {width:70px; height:54px; background-image:url(../images/nav-stripes.jpg); background-repeat:repeat-x; float:left;}

		a.contactus:hover  {width:103px; height:54px; background-image:url(../images/nav-stripes.jpg); background-repeat:repeat-x; float:left;}
		
#copywrapper {width:1002px;  margin:20px auto 0 auto;}
.copy { width:1002px; margin: 0 auto; position:relative; display:block;}
.copy h1 {font-size:25px; color:#ffe558;}

#carouselsection {width:1002px;  padding-top:62px;}
.carouselwrapper {width:1002px;  margin-bottom:20px;}
.carouselwrapper h2 {width:977px; height:44px;  margin:0 0 10px 0; padding:23px 0 0 25px; background-image:url(../images/carousel-header.jpg); background-repeat:no-repeat; font-size:18px; color:#000000;}

.carouselwrapper h2 a {text-decoration:none;color:#000000;}

.box {width:171px!important; height:198px!important; float:left; margin:0 37px 0 0 !important; padding:0; text-align:center; font-size:16px; color:#ffd202;}
.box a {color:#ffd202; text-decoration:none;}
.box a:hover {color:#ffd202; text-decoration:none;}

#footer {width:100%; position:relative; display:block; background-image:url(../images/footer-bg.jpg); background-repeat:repeat-x; padding-top:67px; float:left;}
.footerwrapper {width:1002px; position:relative; display:block; margin:0 auto; padding:0;}
.logofooter {width:308px; height:152px; float:left; margin-right:44px;}
.socialfooter {width:395px; height:152px; float:left; margin:0; padding:0;}
.socialfooter img {float:left;}
.footercontactinfo {width:255px; height:135px; float:left; padding-top:17px; text-align:right;}
	.footercontactinfo p {line-height:23px; font-size:18px; color:#ffe558; margin:0; padding:0;}

.carouselwrapperAUDIO {width:588px;  margin-bottom:20px;  min-height:310px; position:relative; display:block; float:left;}
.carouselwrapperAUDIO h2 {width:563px; height:44px;  margin:0 0 10px 0; padding:23px 0 0 25px; background-image:url(../images/carousel-header.jpg); background-repeat:no-repeat; font-size:18px; color:#000000;}
.carouselwrapperAUDIO h2 a {text-decoration:none; color:#000000;}

.boxlast {width:171px!important; height:198px!important; float:left; margin:0 0px 0 0 !important; padding:0; text-align:center; font-size:16px; color:#ffd202;}

.boxlast a {text-decoration:none; color:#ffd202;}
.boxlast a:hover {text-decoration:none; color:#ffd202;}

.carouselwrapperGALLERY {width:380px;  margin-bottom:20px;  min-height:310px; position:relative; display:block; float:right;}
.carouselwrapperGALLERY h2 {width:355px; height:44px;  margin:0 0 10px 0; padding:23px 0 0 25px; background-image:url(../images/carousel-header.jpg); background-repeat:no-repeat; font-size:18px; color:#000000;}
.carouselwrapperGALLERY h2 a {text-decoration:none; color:#000000;}

#bottombuckets {width:1002px; postion:relative; min-height:310px; display:block;}

#slider {width:1002px; height:468px; position:relative; display:block; margin:0 auto;}

#sliderINT {width:1002px; height:282px; position:relative; display:block; margin:0 auto;}

.boxgallery {width:380px!important; float:left; margin:0 0px 0 0 !important; padding:0; text-align:center; font-size:16px; color:#ffd202;}

/************start interior css**********************/
#INTcopywrapper {width:100%; margin:0; padding:0; float:left;}
.INTcopy {width:1002px; margin: 0 auto; position:relative; display:block;}
.copyleft {width:650px; float:left; padding-left:40px;}
.copyright {width:200px; float:right; padding-right:25px;}

.generalcopytop {width:1002px; height:48px; float:left; margin:60px 0 0 0; padding:0; background-image:url(../images/general-int-copy-top.png); background-repeat:no-repeat;}
.generalcopybottom {width:1002px; height:36px; float:left; margin:0px 0 50px 0; padding:0; background-image:url(../images/general-int-copy-bottom.png); background-repeat:no-repeat;}
.generalcopy {width:1002px; float:left; margin:0; padding:0; background-image:url(../images/general-int-copy-bg.png); background-repeat:repeat-y;}
.generalcopy h1 {font-size:25px; color:#ffe558; margin-top:0; padding-top:0;}
.generalcopy h2 {font-size:25px; color:#ffe558; margin-top:0; padding-top:0;}

.INTnav {width:1002px; height:51px; float:left; margin:40px 0 18px 0; padding:16px 0 0 0; background-image:url(../images/int-nav-bg.jpg); background-repeat:no-repeat;}
.INTnav ul {float:left; width:910px; height:35px; margin:0; padding:0 0 0 92px; list-style-type:none; color:#000000; font-size:16px;}
.INTnav ul li {float:left; height:35px;}
.INTnav ul li a {float:left; color:#000000; text-decoration:none; height:21px; margin:0 15px 0 0; padding:7px 15px 7px 15px; text-transform:uppercase; }
.INTnav ul li a:hover {float:left; color:#ffffff; text-decoration:none; background-color:#000000;}

.INTnav ul.auto {float:left; width:1000px; height:35px; margin:0; padding:0 0 0 35px; list-style-type:none; color:#000000; font-size:16px;}
.INTnav ul.auto li {float:left; height:35px;}
.INTnav ul.auto li a {float:left; color:#000000; text-decoration:none; height:21px; margin:0 15px 0 0; padding:7px 15px 7px 15px; text-transform:uppercase; }
.INTnav ul.auto li a:hover {float:left; color:#ffffff; text-decoration:none; background-color:#000000;}

.INTnavproducts {width:1002px; height:51px; float:left; margin:40px 0 18px 0; padding:16px 0 0 0; background-image:url(../images/int-nav-bg.jpg); background-repeat:no-repeat;}
.INTnavproducts ul {float:left; width:952px; height:35px; margin:0; padding:0 0 0 50px; list-style-type:none; color:#000000; font-size:12px;}
.INTnavproducts ul li {float:left; height:35px;}
.INTnavproducts ul li a {float:left; color:#000000; text-decoration:none; height:13px; margin:0 0px 0 0; padding:13px 9px 13px 9px; text-transform:uppercase; }
.INTnavproducts ul li a:hover {float:left; color:#ffffff; text-decoration:none; background-color:#000000;}

.boxtop {width:1002px; height:51px; float:left; margin:0; padding:0; background-image:url(../images/product-top-bg.png); background-repeat:no-repeat;}
.boxcopy {width:1002px; float:left; margin:0; padding:0; background-image:url(../images/box-copy-bg.png); background-repeat:repeat-y;}
.boxcopyleft {width:170px; height:170px; float:left; margin:0; padding:0 0 0 42px;}
.boxcopyright {width:650px; float:right; margin:0; padding:0 60px 0 0;}
.boxcopyright h2 {font-size:25px; color:#ffe558; margin-top:0; padding-top:0; text-transform:uppercase;}
.boxcopyright p {font-size:14px; color:#fff8d5; line-height:24px;}
.boxbottom {width:1002px; height:68px; float:left; margin:0; padding:0; background-image:url(../images/product-bottom-bg.png); background-repeat:no-repeat;}

@media screen and (max-device-width: 1024px) {
  #headerwrapper {min-width:1002px; position:relative; display:block;  } 
#footer {min-width:1002px; position:relative; display:block; background-image:url(../images/footer-bg.jpg); background-repeat:repeat-x; padding-top:67px;}
}


.hta-slider{
	width: 100%;
    position: relative;
    background-image: url(../images/footer-bg.jpg);
    background-repeat: repeat-x;
    padding-top: 67px;
    float: left;
	    display: flex;
height: 165px;
	background-color: #373739;
}
.hta-slider img{
	width: 300px;
    margin: auto 60px 30px 60px;
}
.hta-slider .hta-text p{
	margin-right: 60px;
	font-size: 1.2rem;
}
.hta-footer{
	    position: absolute;
    top: 90px;
    left: 365px;
	width: 120px;
}

.new-ul li{
	    font-size: 14px;
	line-height: 26px;

}

@media screen and (max-device-width: 767px) {
    #wrapperhome {width: 1150px;}
    #wrapperINT {width: 1150px;}
}