html {margin:0px;height:100%}
body {font-family:'Trebuchet MS','Arial',sans-serif;font-size:18px;line-height:24px;color:#222;margin:0px;height:100%}
a:link {color:#6950a0;text-decoration:none}
a:visited {color:#6950a0;text-decoration:none}
a:hover {color:#6950a0;text-decoration:underline}
a:active {color:#6950a0;text-decoration:none}
a img {border:none}

#container {min-height:100%;position:relative;padding-left:300px}
#main {position:relative;top:90px;width:100%;overflow:hidden;padding-bottom:300px}
#text {background-color:#fff;padding:30px}
#newstext {background-color:#fff;padding:30px;max-width:900px;margin:auto}
#stripe {width:300px;height:100%;position:fixed;background-color:#130312;background-image:url(images/background.jpg);background-repeat:no-repeat;background-position:center;background-size:530px 530px;z-index:300}

#alert {background-color:#6950a0;color:#fff;padding:20px;text-align:center;font-weight:bold}

#bannerimg {width:100%;height:350px;position:relative;overflow:hidden}
#mainimg {position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%)}

.newsframe {width:900px;height:220px;position:relative;overflow:hidden;margin:auto}
.newsimg {position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%)}
.new {float:left;margin:20px 0px;background:none;border:none;margin:0;padding:0;cursor:pointer;border-radius:0;font-family:'Trebuchet MS','Arial',sans-serif;font-size:18px;line-height:24px;color:#6950a0;height:100%;font-weight:bold}
.old {float:right;margin:20px 0px;background:none;border:none;margin:0;padding:0;cursor:pointer;border-radius:0;font-family:'Trebuchet MS','Arial',sans-serif;font-size:18px;line-height:24px;color:#6950a0;height:100%;font-weight:bold}
.new:hover {text-decoration:underline}
.old:hover {text-decoration:underline}

#header {position:fixed;height:70px;text-align:left;padding:10px;border-bottom:1px solid #6950a0;z-index:200;background:#fff;margin-bottom:30px;width:100%;top:0px}
#header-container {position:relative;padding:0;text-align:left}
#header-container ul {margin:0px;padding:0px}
#header a {color:#222;text-decoration:none}
#header a:hover {text-decoration:none}

#mobilemenu {margin-top:1px !important}
.mobilemenu {text-align:right}
#nav button {display:none;cursor:pointer;padding:0;margin-right:10px;border:0;background-color:transparent}

#nav {width:90%;font-size:28px;line-height:40px;height:40px;min-height:40px;position:absolute;top:0px;left:100px;right:10px}
#nav a:link {color:#222;display:block}
#nav a:visited {color:#222;display:block}
#nav li a:hover {color:#6950a0;text-decoration:none}
#nav li a:active {color:#6950a0;text-decoration:none}
#nav ul {padding:0px}
#nav li {text-align:center;display:block;line-height:40px;width:18%;height:40px;float:left;padding:10px}

#footer {clear:both;position:absolute;bottom:0;width:100%;height:260px;z-index:200;border-top:1px solid #6950a0}
#footer-container {padding:20px;text-align:center}
#footer a {color:#222}
#footer p {font-size:22px;line-height:26px;color:#222}
#footcopy {font-size:16px !important;line-height:20px !important}
.footadd {display:inline}
#davebecker {margin:10px}

h1 {font-weight:bold;font-size:40px;line-height:50px;color:#6950a0}
h2 {font-weight:bold;font-size:35px;line-height40px;color:#6950a0}
h3 {font-weight:bold;font-size:30px;line-height:35px;color:#6950a0}
h4 {font-weight:bold;font-size:28px;line-height:30px;color:#222}
h5 {font-weight:bold;font-size:16px;line-height:20px;color:#666}

#vidbox {position:relative;display:block;width:100%;height:400px;overflow:hidden}
#vid {position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}

.team {float:left;width:370px;text-align:center;margin-bottom:30px;padding:30px}
.example {font-weight:bold;color:#6950a0}
.podicon {display:flex;justify-content:center;gap:40px}

.homeimg {float:left;width:20%;min-width:150px;font-weight:bold;text-align:center;margin-bottom:30px}
.pageimg {width:800px;height:auto;border:1px solid #aaa}
.scaleimg {width:100%;height:auto}
.greentable {color:#fff;font-weight:bold;background-color:#2c6636}
.producttables {margin-left:320px}
.leftimg {float:left;margin-right:20px;margin-bottom:20px}
.rightimg {float:right;margin-left:20px;margin-bottom:20px}

.contactform {float:left;width:45%;margin-right:80px}
.contactfield {font-family:'Trebuchet MS','Arial',sans-serif;font-size:18px;line-height:24px;color:#666;border:1px solid #6950a0;padding:5px;width:300px}

.send {padding:10px;color:#fff;background-color:#6950a0;font-family:'Trebuchet MS','Arial',sans-serif;font-size:25px;line-height:30px;width:200px;border:none;cursor:pointer}
.send a {color:#fff;text-decoration:none;font-weight:bold}
#whitescreen {z-index:999;height:100%;width:100%;position:fixed;top:0;left:0;background-color:#fff;opacity:.75;display:none}
#news_signup {z-index:1000;width:370px;height:230px;border:1px solid #666;padding:110px 40px 40px 40px;position:fixed;left:50%;margin-left:-225px;top:50%;margin-top:-175px;background:#fff;background-image:url(images/newssignup.jpg);background-repeat:no-repeat;display:none}
#newsform h3 {font-size:24px;line-height:28px}
.close {position:absolute;top:-15px;right:-15px;cursor:pointer;padding:0;border:0;background-color:transparent}
.mcsend {padding:10px;color:#fff;background-color:#6950a0;font-family:'Trebuchet MS','Arial',sans-serif;font-size:20px;line-height:25px;width:150px;border:none;cursor:pointer}
.mcsend a {color:#fff;text-decoration:none;font-weight:bold}
#signup {font-family:'Trebuchet MS','Arial',sans-serif;font-weight:bold;font-size:28px;line-height:30px;color:#6950a0;cursor:pointer;padding:0;border:0;background-color:transparent}

.worktext {float:left;width:60%}
.vision {float:right;margin-left:20px;margin-bottom:20px;width:400px;padding:20px;border-radius:20px}
.partner {float:left;width:30%;margin:0px 20px}
.audio {width:720px;display:block;margin:auto}

@media all and (min-width:1500px) { #bannerimg {height:500px}}
@media all and (min-width:2300px) { #bannerimg {height:800px}}
@media all and (min-width:3800px) { #bannerimg {height:1100px}}
@media all and (min-width:5300px) { #bannerimg {height:1400px}}

@media all and (min-width:1450px) {
#container {padding-left:400px}
#stripe {width:400px;background-size:780px 780px}
}

@media all and (min-width:1300px) {
body {font-size:18px;line-height:40px}
h1 {font-size:50px;line-height:60px}
h2 {font-size:45px;line-height:50px}
h3 {font-size:40px;line-height:45px}
}

@media all and (max-width:1290px) {
#nav {width:85%}
}

@media all and (max-width:1230px) {
#imgfade {display:static}
#bannerimg {height:220px}
}

@media all and (max-width:1180px) {
#nav {width:80%}
}

@media all and (max-width:1180px) {
#nav {width:75%}
#main {padding-bottom:280px}
#footer {height:240px}
#footer p {font-size:16px;line-height:20px}
.footadd {display:none}
}

@media all and (max-width:1050px) {
#nav {width:70%}
video {width:100%;height:auto}
}

@media all and (max-width:1000px) {
#container {padding-left:200px}
#stripe {width:200px;background-size:420px 420px}
#nav {width:80%}
}

@media all and (max-width:920px) {
#nav {width:75%}
}

@media all and (max-width:890px) {
.podicon {display:inline}
}

@media all and (max-width:870px) {
#nav {width:70%}
}

@media all and (max-width:800px) {
#container {padding-left:0px}
#stripe {display:none}
#nav {left:auto;width:155px;text-align:right}
#nav button {display:inline}
#nav li {float:none;width:auto;text-align:right;background:#fff;padding:10px 20px}
#nav ul {padding:0px;display:none}
#text {padding:20px}
#main {padding-bottom:310px}
#footer {height:290px}
#footer p {font-size:16px;line-height:24px}
.contactform {float:none;width:auto;margin:0 !important}
.team {float:none;width:auto}
.pageimg {width:100%}
.img {width:100%;height:auto}
#newstext {padding:20px}
.newsframe {width:100%;height:150px}
#newstext p img {max-width:100%;height:auto}
.audio {width:450px}
}

@media all and (max-width:580px) {
#bannerimg {height:150px}
}

@media all and (max-width:450px) {
.leftimg {float:none;margin-right:0;width:100%;height:auto}
.rightimg {float:none;margin-left:0;width:100%;height:auto}
h1 {font-size:40px;line-height:50px}
}