@charset "utf-8";
/* Mobile Layout: 480px and below. */

/* ==================== */
/*-- ===== Index ==== --*/
/*- ==== Web Fixes === -*/
/*- ==== Universal === -*/
/*- ====== Body ====== -*/
#header {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    display: block;
    float: left;
}
#main_body {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    float: left;
}
#footer {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    float: left;
    display: block;
}
/*- == Head Divs == -*/
#header_wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    float: left;
}
#header_box {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}
#logo {
    width: 100%;
    margin: 0;
    padding: 0;
}
#header_text_box {
    width: 100%;
    margin: 1% 0;
    padding: 0;
}
#nav {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
/*- == Body Divs == -*/
#main_body_wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
#main_body_box {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
div.main_body_text{
    width: 98%;
    margin: 2% 1%;
    padding: 0;
    float: left;
}
/*- == Foot Divs == -*/
/*- ======= Nav ====== -*/
.topnav {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.topnav ul {
	display:block;
	list-style:none;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
}

.topnav ul li {
	float:left;
	width:48%;
	margin:1%;
	padding:0;
}

.topnav ul li a {
	display:block;
	width:100%;
	float:left;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:.3em 0;
	background-color:rgb(107,107,107);
	color:rgb(255,255,255);
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	font-family:Arial, Helvetica, sans-serif;
	box-shadow:3px 3px 3px rgba(0,0,0,.6);
	font-weight:bold;
	font-size:1em;
}

.topnav ul li a:hover {
	color:rgb(0,0,0);
}

body#home .navhom, body#products .navprd, body#about .navabo, body#contact .navcon {
	color:rgba(255,0,0,1.00);
}

#footer_wrapper {}
#footer_box {}
/*- ===== Layout ===== -*/
div.red_half_line{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
    float: left;
    height: 1px;
    background-image: linear-gradient(90deg,rgba(255,0,0,1.00),rgba(255,0,0,.3),rgba(255,255,255,0));
}
div.red_half_line_reverse{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
    float: left;
    height: 1px;
    background-image: linear-gradient(-90deg,rgba(255,0,0,1.00),rgba(255,0,0,.3),rgba(255,255,255,0));
}
div.thick_red_line {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    float: left;
    height: 4px;
    background-color: rgba(175,0,0,1);
    clear: both;
    display: block;
}
/*- ====== Text ====== -*/
h1 {
    text-align: center;
    font-size: 1.5em;
    text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
h2{
    text-align: center;
    font-size: 1.5em;
    text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
p.standard_text{
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1.2em;
    color: rgba(0,0,0,1);
    text-align: left;
    margin: .5em 0;
    padding: 0;
    text-indent: 2em;
}
p.standard_text_red {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1em;
    color: rgba(255,0,0,1);
    text-align: left;
    margin: 0;
    padding: 0;

}
p.standard_text_dark_red {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1em;
    color: rgba(143,0,2,1);
    text-align: left;
    margin: .5em 0;
    padding: 0;
}
p.redboxtext {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1.5em;
    color: rgba(255,255,255,1);
    text-align: center;
    margin: .5em 0;
    padding: 0;
}
p.darkredboxtext {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1.3em;
    font-weight: bold;
    color: rgba(255,255,255,1);
    text-align: center;
    margin: .5em 0;
    padding: 0;
}
p.tech_white{
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1em;
    font-weight: bold;
    color: rgba(255,255,255,1);
    text-align: center;
    margin: .5em 0;
    padding: 0;
}
p.tech_black{
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1em;
    font-weight: bold;
    color: rgba(0,0,0,1);
    text-align: center;
    margin: .5em 0;
    padding: 0;
}
p.tech_download_text{
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1em;
    font-weight: bold;
    color: rgba(0,0,0,1);
    text-align: center;
    margin: .5em 0;
    padding: 0;
}
p.contacts {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1.2em;
    font-weight: bold;
    color: rgba(0,0,0,1);
    text-align: center;
    margin: .5em 0;
    padding: 0;
}
p.hours_of_op {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1em;
    font-weight: bold;
    color: rgba(0,0,0,1);
    text-align: center;
    margin: .5em 0;
    padding: 0;
}
p.footer {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1em;
    color: rgba(0,0,0,1);
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
span.strong{
    font-weight: bold;
}
span.red_text{
    color: rgba(255,0,0,1);
    font-weight: bolder;
}
/*- ===== Images ===== -*/
img.logo {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
img.home_largerolltape {
    width: 90%;
    margin: 1% 5%;
    padding: 0;
    float: left;
    display: block;
}
img.home_smallrolltape {
    width: 40%;
    margin: 1% 5%;
    padding: 0;
    float: left;
    display: block;
}
img.home_smalltriprolltape{
    width: 40%;
    margin: 1% 5%;
    padding: 0;
    float: left;
    display: block;
}
img.prod_images {
    width: 48%;
    margin: 1%;
    padding: 0;
    float: left;
    display: block;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
img.about_left {
    width: 33%;
    margin: 0 2%;
    padding: 0;
    float: left;
    display: block;
}
img.about_right {
    width: 33%;
    margin: 0 2%;
    padding: 0;
    float: right;
    display: block;
}
/*- ===== Media ====== -*/
/*- ====== Home ====== -*/
div.home_imgclstr {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
div.red_box{
    width: 86%;
    margin: 1.5% 5%;;
    padding: .5% 2%;;
    float: left;
    display: block;
    background-color: rgba(255,0,0,.9);
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 5px 5px 7px rgba(0,0,0,.5);
}
div.dar_red_box{
    width: 86%;
    margin: 1.5% 5% 4% 5%;
    padding: .5% 2%;
    float: left;
    display: block;
    background-color: rgba(150,0,0,1);
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 5px 5px 7px rgba(0,0,0,.5);
}
div.home_textbox{
    width: 98%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
}
/*- ==== Products ==== -*/
div.prod_textbox{
    width: 98%;
    margin: 0;
    padding: 1%;
    float: left;
}
div.prod_download{
    width: 98%;
    margin: 0;
    padding: 1%;
    float: left;
}
div.prod_imgbox{
    width: 98%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
}
div.tec_box{
    width: 98%;
    margin: 0;
    padding: 1%;
    float: left;
    display: none;
}
div.item{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
}
div.thickness{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
}
div.max_width{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
}
div.ad_str{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
}
div.ten_str{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
}
div.temp{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
}
div.fab{
    width: 11.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
}
div.prod{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    background-color: rgba(255,0,0,1);
}
div.prod_even{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
    background-color: rgba(220,220,255,1);
}
div.prod_even_end{
    width: 11.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    border-bottom: solid 1px rgba(0,0,0,1);
    background-color: rgba(220,220,255,1);
}
div.prod_odd{
    width: 12.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    border-bottom: solid 1px rgba(0,0,0,1);
    border-right: solid 1px rgba(0,0,0,1);
    background-color: rgba(230,230,255,1);
}
div.prod_odd_end{
    width: 11.28571428%;
    margin: 0;
    padding: 1%;
    float: left;
    display: block;
    border-bottom: solid 1px rgba(0,0,0,1);
    background-color: rgba(230,230,255,1);
}
/*- ===== Contact ===== -*/
div.con_left{
    width: 95%;
    margin: 0 1.5%;
    padding: 1%;
    float: left;
    display: block;
}
div.con_right{
    width: 95%;
    margin: 0 1.5%;
    padding: 1%;
    float: left;
    display: block;
}
div.map{
    width: 90%;
    margin: 0 5%;
    padding: 0;
    float: left;
    display: block;
}
.googlemaps {
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
}
/*-- === End Index == --*/
/* ==================== */


@media only screen and (min-width: 481px) {
/* Tablet Layout: 481px to 718px. Inherits styles from: Mobile Layout. */
/* ==================== */
/*-- ===== Index ==== --*/
/*- ==== Web Fixes === -*/
/*- ==== Universal === -*/
/*- ====== Body ====== -*/
.topnav ul li {
	width:31.3333%;
	margin:1%;
	padding:0;
}
/*- ===== Layout ===== -*/
/*- ====== Text ====== -*/
/*- ===== Images ===== -*/
img.home_largerolltape {
    width: 60%;
    margin: 1% 1.5%;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}
img.home_smallrolltape {
    width: 35%;
    margin: 1% 1%;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}
img.home_smalltriprolltape{
    width: 35%;
    margin: 3.55% 1% 1% 1%;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}
img.prod_images {
    width: 46%;
    margin: 2%;
}
/*- ===== Media ====== -*/
/*- ==== Products ==== -*/
div.item{
    width: 12.28571428%;

}
div.thickness{
    width: 12.28571428%;
}
div.max_width{
    width: 12.28571428%;
}
div.ad_str{
    width: 12.28571428%;
}
div.ten_str{
    width: 12.28571428%;
}
div.temp{
    width: 12.28571428%;
}
div.fab{
    width: 11.28571428%;
}
div.prod{
    width: 12.28571428%;
}
div.prod_even{
    width: 12.28571428%;
}
div.prod_even_end{
    width: 11.28571428%;
}
div.prod_odd{
    width: 12.28571428%;
}
div.prod_odd_end{
    width: 11.28571428%;
}
/*-- === End Index == --*/
/* ==================== */
}

@media only screen and (min-width: 719px) {
/* Desktop Layout: 719px to a max of 920px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/* ==================== */
/*-- ===== Index ==== --*/
/*- ==== Web Fixes === -*/
/*- ==== Universal === -*/
/*- ====== Body ====== -*/
/*- ===== Layout ===== -*/
/*- ====== Text ====== -*/
p.tech_white{
    font-size: .94em;
}
/*- ===== Images ===== -*/
img.logo {width: 90%; margin: 0 5%; }
/*- ===== Media ====== -*/
/*- ==== Products ==== -*/
div.prod_download{
    width: 48%;
    margin: 0;
    padding: 1%;
    float: left;
}
div.tec_box{
    display: block;
}
div.item{
    width: 12.28571428%;height: 60px;

}
div.thickness{
    width: 12.28571428%;height: 60px;
}
div.max_width{
    width: 12.28571428%;height: 60px;
}
div.ad_str{
    width: 12.28571428%;height: 60px;
}
div.ten_str{
    width: 12.28571428%;height: 60px;
}
div.temp{
    width: 12.28571428%;height: 60px;
}
div.fab{
    width: 11.28571428%;height: 60px;
}
div.prod{
    width: 12.28571428%;height: 60px;
}
div.prod_even{
    width: 12.28571428%;height: 60px;
}
div.prod_even_end{
    width: 11.28571428%;height: 60px;
}
div.prod_odd{
    width: 12.28571428%;height: 60px;
}
div.prod_odd_end{
    width: 11.28571428%;height: 60px;
}
/*- ===== Contact ===== -*/
div.con_left{
    width: 45%;
    margin: 3% 1.5%0 1.5%;
    padding: 1%;
}
div.con_right{
    width: 45%;
    margin: 3% 1.5% 0 1.5%;
    padding: 1%;
}
div.map{}
.googlemaps {
    height: 425px;
}
/*-- === End Index == --*/
/* ==================== */
}

@media only screen and (min-width: 921px) {
/* Desktop Layout: 921px to a max of 1279px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/* ==================== */
/*-- ===== Index ==== --*/
/*- ==== Web Fixes === -*/
/*- ==== Universal === -*/
/*- ====== Body ====== -*/
#header_wrapper {
    padding: 1% 0;
    background-color: rgba(82,65,25,1.00);
    box-shadow: 3px 3px 3px rgba(0,0,0,.1);
    }
#header_box {}
#logo {
    width: 20%;
    float: left;
    margin: 0 0 0 1%;
}
#header_text_box {
    width: 68%;
    margin: 1% 0;
    padding: 0;
    float: left;
}
#nav {
    width: 60%;
    float: right;
    border-left: 1px solid rgba(255,0,0,1);
    border-right: 1px solid rgba(255,0,0,1);
    }
/* == Nav == */
.topnav ul li a {
	margin:0;
	padding:.3em 0;
	background-color:rgba(107,107,107,0);
	color:rgba(255,255,255,1.00);
	text-shadow:2px 2px 2px rgba(0,0,0,.2);
	box-shadow:3px 3px 3px rgba(0,0,0,0);
	font-size:1em;
}
/*- ===== Layout ===== -*/
/*- ====== Text ====== -*/
p.tech_white{
    font-size: 1em;
}
p.tech_download_text{
    font-size: 1.5em;
}
p.contacts {
    font-size: 1.5em;
}
p.hours_of_op {
    font-size: 1.5em;
}
/*- ===== Images ===== -*/
img.logo {
    margin: 0;
    width: 100%;
    }
/*- ===== Media ====== -*/
/*- ==== Products ==== -*/
div.item{
    width: 12.28571428%;height: 60px;

}
div.thickness{
    width: 12.28571428%;height: 60px;
}
div.max_width{
    width: 12.28571428%;height: 60px;
}
div.ad_str{
    width: 12.28571428%;height: 60px;
}
div.ten_str{
    width: 12.28571428%;height: 60px;
}
div.temp{
    width: 12.28571428%;height: 60px;
}
div.fab{
    width: 11.28571428%;height: 60px;
}
div.prod{
    width: 12.28571428%;height: 60px;
}
div.prod_even{
    width: 12.28571428%;height: 60px;
}
div.prod_even_end{
    width: 11.28571428%;height: 60px;
}
div.prod_odd{
    width: 12.28571428%;height: 60px;
}
div.prod_odd_end{
    width: 11.28571428%;height: 60px;
}
/*- ==== Contact ==== -*/
.googlemaps {
    height: 500px;
}
/*-- === End Index == --*/
/* ==================== */
}

@media only screen and (min-width: 1280px) {
/* Full Width Layout 1280+ */
/* ==================== */
/*-- ===== Index ==== --*/
/*- ==== Web Fixes === -*/
/*- ==== Universal === -*/
/*- ====== Body ====== -*/
#header_wrapper {
    padding: 1% 0;
    }
#header_box {
    max-width: 1280px;
    margin: 0 auto;
    }
#logo {
    width: 15%;

}
#nav {
    width: 60%;
    float: right;
    }
#main_body_wrapper {}
#main_body_box {
    max-width: 1280px;
    margin: 0 auto;
    }
/*- ===== Layout ===== -*/
/*- ====== Text ====== -*/
p.tech_download_text{
    font-size: 2em;
}
/*- ===== Images ===== -*/
img.home_largerolltape {
    width: 57.5%;
    margin: 1% 2%;
}
img.home_smallrolltape {
    width: 35%;
    margin: 1% 1.5%;
}
img.home_smalltriprolltape{
    width: 35%;
    margin: 1% 1.5%;
}
img.prod_images {
    width: 23%;
    margin: 1%;
}

/*- ===== Media ====== -*/
/*- ==== Products ==== -*/
div.item{
    width: 12.28571428%; height: 35px;
}
div.thickness{
    width: 12.28571428%; height: 35px;
}
div.max_width{
    width: 12.28571428%; height: 35px;
}
div.ad_str{
    width: 12.28571428%; height: 35px;
}
div.ten_str{
    width: 12.28571428%; height: 35px;
}
div.temp{
    width: 12.28571428%; height: 35px;
}
div.fab{
    width: 11.28571428%; height: 35px;
}
div.prod{
    width: 12.28571428%; height: 35px;
}
div.prod_even{
    width: 12.28571428%; height: 35px;
}
div.prod_even_end{
    width: 11.28571428%; height: 35px;
}
div.prod_odd{
    width: 12.28571428%; height: 35px;
}
div.prod_odd_end{
    width: 11.28571428%; height: 35px;
}

.googlemaps {
    height: 600px;
}
/*-- === End Index == --*/
/* ==================== */
}
/* CSS Document */

