* {
  border:none;
}

/********** FONTS *********************/
.heavyFont {
  font-family: Impact,'Anton',sans-serif;
  font-weight:500; /*normal; */
  text-transform:Uppercase;
}
.normFont {
  font-family: Arial, sans-serif;
}
/**************************************/

body {
  height:auto;
  text-align:center;
  background-color: #555555; 
  background-image: url("../images/Metal Floor_BG.jpg");
  background-repeat: repeat;
  
  color:#cccccc;
  /*font-family:'Carrois Gothic', Arial, sans-serif;*/
  text-shadow: 0px 1px 6px #000000;
  text-decoration:none;
  font-weight:normal;
  font-size:14px;
}

.bMobile {
  background-image: url("../images/Metal Floor_BG_30.jpg");
}

p {
  text-indent:30px;
}

a.gbLink:link { /* unvisited link */
  color:#cccccc;
  background-color: rgba(100,100,100,.65);
  display: block;
  text-decoration:none;  
} 
a.gbLink:visited {color:#cccccc;background-color:rgba(100,100,100,.65);} /* visited link */
a.gbLink:hover {color:#ffffff;background-color:rgba(17,77,255,.5);} /* mouse over link */
a.gbLink:active {color:#ffffff;background-color:rgba(165,5,5,.5);} /* selected link */

a.gbSort:link { /* unvisited link */
  color:#888888;
  text-decoration:none;  
} 
a.gbSort:visited {color:#888888;} /* visited link */
a.gbSort:hover {color:#cccccc;} /* mouse over link */
a.gbSort:active {color:#cccccc;} /* selected link */

a.gbSortX:link { /* unvisited link */
  color:#cccccc;
  text-decoration:none;
  font-weight:bold;  
} 
a.gbSortX:visited {color:#cccccc;} /* visited link */
a.gbSortX:hover {color:#ffffff;} /* mouse over link */
a.gbSortX:active {color:#ffffff;} /* selected link */


a.manLink:link { /* unvisited link */
  color:#cccccc;

  /*font-family:Impact,Helvetica,sans-serif;
  font-weight:normal;
  text-transform:uppercase;*/

  text-shadow: 0px 1px 6px #000000;
  text-decoration:none;
  
  /*display: inline-block;*/
  padding:0px 5px 0px 5px;
  
  
  /*font-size:16px;*/
  
  /*-webkit-transition:font-size .25s;
  -moz-transition:font-size .25s;
  -ms-transition:font-size .25s;
  -o-transition:font-size .25s;
  transition:font-size .25s;*/
} 
a.manLink:visited {color:#cccccc;font-weight:normal;} /* visited link */
a.manLink:hover {color:#ffffff;font-weight:normal;} /* mouse over link */
a.manLink:active {color:#ffffff;font-weight:normal;} /* selected link */


/*************************************/
/*********** Form ********************/
textarea, input[class=input]  {
  color:#cccccc;
  /*font-family:Arial,sans-serif;*/
  font-size:14px;
  text-shadow: 0px 1px 6px #000000;
  
  resize: none;
  background-color:rgba(100,100,100,.5);
  border: 1px solid rgba(0,0,0,0);
  
  -webkit-transition:background 1s;
  -moz-transition:background 1s;
  -ms-transition:background 1s;
  -o-transition:background 1s;
  transition:background 1s;
}
textarea:hover, input:hover {
  background-color:rgba(100,100,100,.75);
  outline: none;
  border: 1px solid blue;
  box-shadow: 0px 0px 6px blue;
}
textarea:focus, input:focus {
  background-color:rgba(100,100,100,.90);
  outline: none;
  border: 1px solid #980101;
  box-shadow: 0px 0px 6px #980101;
}

input[type=radio], input[type=checkbox] {
  display:none;
}
input[type=radio] + label {
  color:rgba(200,200,200,.25);
  background: rgba(0,0,0,0);
  height: 20px;
  width: 150px;
  display:inline-block;
  padding: 3px 0px 0px 20px;
  
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:14px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;

  text-align:left;
  
  -webkit-transition:color .75s;
  -moz-transition:color .75s;
  -ms-transition:color .75s;
  -o-transition:color .75s;
  transition:color .75s;
}

input[type=checkbox] + label {
  color:rgba(200,200,200,.25);
  background: rgba(0,0,0,0);
  height: 20px;
  width: 100%;
  display:inline-block;
  padding: 2px 0px 2px 20px;
  margin-left:10px;
  
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:14px;
  font-weight:normal;
  text-shadow: 0px 1px 6px #000000;

  text-align:left;
  
  -webkit-transition:color .5s;
  -moz-transition:color .5s;
  -ms-transition:color .5s;
  -o-transition:color .5s;
  transition:color .5s;
}

input[type=radio] + label:hover, input[type=checkbox] + label:hover {
  color:rgba(200,200,200,.5);
  background: rgba(0,0,0,0);
}
input[type=radio]:checked + label, input[type=checkbox]:checked + label {
  color:rgba(200,200,200,1);
  background: url("../images/check.png") no-repeat;
}


input[type=submit] {
  display: inline-block;
  background:url("../images/buttons.png") no-repeat;
  background-position: -192px 0px;
  cursor:pointer;
  border:none;
  width:134px;
  height:60px;
  /*margin:2px;*/
  margin:10px auto 0px auto;
  -webkit-box-shadow: 0px 0px 20px #000000;
  box-shadow: 0px 0px 20px #000000;
}
input[type=submit]:hover {
  background-position: -192px 0px;
  -webkit-box-shadow: 0px 0px 10px red;
  box-shadow: 0px 0px 10px red;
}
input[type=submit]:active {
  background-position: -192px -64px;
  -webkit-box-shadow: 0px 0px 0px #000000;
  box-shadow: 0px 0px 0px #000000;
}


/******************************************/
/************* Buttons ********************/
.emailButton {
  display: inline-block;
  background:url("../images/buttons.png") no-repeat;
  background-position: -128px 0px;
  cursor:pointer;
  border:none;
  width:64px;
  height:64px;
  margin:2px;
  -webkit-box-shadow: 0px 0px 20px #000000;
  box-shadow: 0px 0px 20px #000000;
}
.emailButton:hover {
  background-position: -128px 0px;
  -webkit-box-shadow: 0px 0px 10px red;
  box-shadow: 0px 0px 10px red;
}
.emailButton:active {
  background-position: -128px -64px;
  -webkit-box-shadow: 0px 0px 0px #000000;
  box-shadow: 0px 0px 0px #000000;
}
/**************/
.fbButton {
  display: inline-block;
  background:url("../images/buttons.png") no-repeat;
  background-position: 0px 0px;
  cursor:pointer;
  border:none;
  width:64px;
  height:64px;
  margin:2px;
  -webkit-box-shadow: 0px 0px 20px #000000;
  box-shadow: 0px 0px 20px #000000;
}
.fbButton:hover {
  background-position: 0px 0px;
  -webkit-box-shadow: 0px 0px 10px red;
  box-shadow: 0px 0px 10px red;
}
.fbButton:active {
  background-position: 0px -64px;
  -webkit-box-shadow: 0px 0px 0px #000000;
  box-shadow: 0px 0px 0px #000000;
}
/**************/
.gbButton {
  display: inline-block;
  background:url("../images/buttons.png") no-repeat;
  background-position: -64px 0px;
  cursor:pointer;
  border:none;
  width:64px;
  height:64px;
  margin:2px;
  -webkit-box-shadow: 0px 0px 20px #000000;
  box-shadow: 0px 0px 20px #000000;
}
.gbButton:hover {
  background-position: -64px 0px;
  -webkit-box-shadow: 0px 0px 10px red;
  box-shadow: 0px 0px 10px red;
}
.gbButton:active {
  background-position: -64px -64px;
  -webkit-box-shadow: 0px 0px 0px #000000;
  box-shadow: 0px 0px 0px #000000;
}


/************************************
/************************************/
.contactTab {
  cursor:pointer;
  position:absolute;
  right:20px;
  /*bottom:-36px;*/
  height:20px;
  background-color:gray;
  color:#CCCCCC;
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:16px;
  font-weight:bold;
  text-shadow: 0px 2px 6px #000000;
  vertical-align:bottom;
  padding:4px;
  /*margin-top:auto;*/
  -webkit-box-shadow: 0px 8px 15px -5px #000000;
  box-shadow: 0px 8px 15px -5px #000000;
  -webkit-border-radius:0px 0px 12px 12px;
  border-radius:0px 0px 12px 12px;
  border-top:3px solid gray;
}
.contactBox {
  display:none;
  visibility:hidden; /* until the JS builds it */
  z-index:20000; /* always on top */
  position:fixed;
  right:0px;
  width:450px;
  background-color:rgba(0, 0, 0, .85);
  color:#CCCCCC;
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:16px;
  font-weight:bold;
  text-shadow: 0px 2px 6px #000000;
  padding:4px;


  -webkit-box-shadow: -4px 0px 20px #000000;
  box-shadow: -4px 0px 20px #000000;
  -webkit-border-radius:0px 0px 0px 12px;
  border-radius:0px 0px 0px 12px;
  border-bottom:5px solid gray; 
  border-left:5px solid gray;
  
  -webkit-transition:top 1s;
  -moz-transition:top 1s;
  -ms-transition:top 1s;
  -o-transition:top 1s;
  transition:top 1s;
}
.contactText {
  /*display:inline;*/
  border-top:solid 0px rgba(0,0,0,0);
}
.contactSymbol {
  /*display:inline;*/
  color:rgb(154,1,0);
  font-size:16px;
  font-weight:bold;
  vertical-align:top;
  text-shadow: 0px 0px 0px #000000;
}
.cSuper {
  font-size:60%;
  vertical-align: super;
}
.cNum {
  font-weight:normal;
}
.call {
  font-size:18px;
}
.cHeader {
  width:100%;
  text-align:right;
  display:inline-block;
  padding:5px 0px 5px 0px;
  border-bottom:5px solid rgba(100, 100, 100, .25);
}
.cAddress {
  width:45%; 
  padding-right: 10px;
  white-space:nowrap; 
  position:relative;
  float:left;
}
.cLinks {
  /*display: inline-block;*/ 
  position: relative; 
  float: right;
  padding:5px 5px 0px 0px;
}
.cBlurb {
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:14px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;
  text-align:left;
  padding:10px;
}
.cUserInput {
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:14px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;
  text-align:left;

  width:100%;
  display:inline-block;
}
.cFields {
  width:225px;
  position:relative;
  float:left;

  padding:10px 0px 10px 10px;
}
.cRadio {
  position:relative; 
  float:right;
  padding-left:30px;
}
.cQuestDiv {
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:14px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;
  text-align:left;

  padding:10px;
}
.cQuest {
  width:225px;
  position:relative;
  float:left;
  text-align:left;
  padding:10px 0px 10px 10px;
}
.cQuest2 {
  width:50%;
}
.cQuestImg {
  background-image: url("../images/quest_img_2.jpg");
  width:162px;
  height:110px;
  position:relative; 
  float:right;
  padding-left:30px;
}
.cMsgDiv {
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:14px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;
  text-align:left;
  padding:10px;
}
.cLabel {
  display: inline-block; 
  width: 50px; 
  text-align: right;
  float:left;
}
.cQLabel {
  display: inline-block; 
  /*width: 50px; */
  text-align: right;
  float:left;
}
.cMessage {
  width:100%;
  height:120px;
}
.error {
  display: inline-block; 
  width: 50px; 
  text-align: right;
  float:left;
  -webkit-animation: error .8s ease infinite;
  -moz-animation: error .8s ease infinite;
  -ms-animation: error .8s ease infinite;
  -o-animation: error .8s ease infinite;
  animation: error .8s ease infinite;
}
.errorQ {
  width:auto;
  /*display: inline-block; 
  /*width: 50px; * /
  text-align: right;
  float:left;
  -webkit-animation: errorQ .8s ease infinite;
  -moz-animation: errorQ .8s ease infinite;
  -ms-animation: errorQ .8s ease infinite;
  -o-animation: errorQ .8s ease infinite;
  animation: errorQ .8s ease infinite; */
}
@keyframes error {  
  0% { color:rgba(255,0,0,.5); }
  40% { color:rgba(255,0,0,1); }
  60% { color:rgba(255,0,0,1); }
  100% { color:rgba(255,0,0,.5); }
}
@-webkit-keyframes error {
  0% { color:rgba(255,0,0,.5); }
  40% { color:rgba(255,0,0,1); }
  60% { color:rgba(255,0,0,1); }
  100% { color:rgba(255,0,0,.5); }
}
@-moz-keyframes error {
  0% { color:rgba(255,0,0,.5); }
  40% { color:rgba(255,0,0,1); }
  60% { color:rgba(255,0,0,1); }
  100% { color:rgba(255,0,0,.5); }
}
@-ms-keyframes error {
  0% { color:rgba(255,0,0,.5); }
  40% { color:rgba(255,0,0,1); }
  60% { color:rgba(255,0,0,1); }
  100% { color:rgba(255,0,0,.5); }
}
@-o-keyframes error {
  0% { color:rgba(255,0,0,.5); }
  40% { color:rgba(255,0,0,1); }
  60% { color:rgba(255,0,0,1); }
  100% { color:rgba(255,0,0,.5); }
}
.cThanks {
  display:block;
  position: relative;
  color:#cccccc;
  /*font:normal normal normal 10px Impact,Charcoal,sans-serif; /***** CHANGE JS in contactForm.js also ****/
  font-size:10px;
  text-transform:none;

  text-shadow: 0px 4px 8px #000000;
  text-align:center;
  /*padding-top:50px;*/
}

/**************************************
/************ CONTENT ****************/

.grad {
  z-index:-1; /*always below content*/
  opacity:0.85;
  
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 100%; /*1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: 100%; /*auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  
  background:url("../images/gradient_big.png");
  -webkit-background-size:10px 100%;
  background-size:10px 100%;
  background-repeat:repeat-x;
}

.header {
  /*background-repeat:no-repeat;*/
  /*background-size:100%;*/
  margin:0px auto 20px auto;
}
.headerSm {
  display:none;
  margin:10px auto 10px auto;
}

.tickerBox {
  /*overflow: hidden;*/ 
  width: 900px; 
  /*height: 50px;*/ 
  margin-left:auto;
  margin-right:auto;
  margin-bottom:24px;

  /*white-space: nowrap;
  background-color: blue;*/ 
}
.ticker {
  position:relative;
  /*overflow: hidden; 
  left:0px;
  width: 800px;*/
  /*height:24px;*/
  top:0px;
  

  /*white-space: nowrap;*/

  /*-webkit-animation: ticker 30s linear 0s infinite normal;
  -moz-animation: ticker 30s linear 0s infinite normal;
  -ms-animation: ticker 30s linear 0s infinite normal;
  -o-animation: ticker 30s linear 0s infinite normal;
  animation: ticker 30s linear 0s infinite normal;*/
}
.ticker_style {
  font-size:16px;
  font-weight:bold;
  text-shadow: 0px 2px 6px #000000;
  text-align:center;
}
.ticker_red {
  color: #e42217; /*#c11b17; /*rgb(154,1,0);*/
  text-shadow: 0px 2px 6px #000000;
}
.ticker_norm {
  color:#cccccc;
}
.ticker_spacer {
  width:20px;
  height:24px;
  vertical-align:middle;
}
div.ticker:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}
@keyframes ticker {  
  0% { left:800px; }
  100% { left:-800px; }
}
@-webkit-keyframes ticker {
  0% { left:800px; }
  100% { left:-800px; }
}
@-moz-keyframes ticker {
  0% { left:800px; }
  100% { left:-800px; }
}
@-ms-keyframes ticker {
  0% { left:800px; }
  100% { left:-800px; }
}
@-o-keyframes ticker {
  0% { left:800px; }
  100% { left:-800px; }
}


.content {
  margin:auto auto; 

  display:inline-block;
}

.contentLeft {
  position:relative;
  text-align:center;
  /*float:left;*/
}

.slideWrap {
  text-align:center;
  margin-left:auto; 
  margin-right:auto;
} 
.noJsSlide {
  width:100%;
  -webkit-box-shadow: 0px 8px 20px #000000;
  box-shadow: 0px 8px 20px #000000;

  margin-bottom:50px; /* this is where the slide controls would normally be*/
}
.camera_wrap {
  -webkit-box-shadow: 0px 8px 20px #000000;
  box-shadow: 0px 8px 20px #000000;
}

.rndBox {
  -webkit-box-shadow: 0px 8px 20px #000000;
  box-shadow: 0px 8px 20px #000000;
  -webkit-border-radius:12px;
  border-radius:12px;
}

.gbCell {
  -webkit-box-shadow: 0px 8px 20px #000000;
  box-shadow: 0px 8px 20px #000000;
  -webkit-border-radius:12px;
  border-radius:12px;
  border:6px solid rgba(100, 100, 100, .65);
  color:#cccccc;
  background-color:rgba(100, 100, 100, 0);
  width:320px;
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:12px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;
  text-align:center;

  overflow:visible;

  /*float:right;*/
}
.gbBox {
  overflow:hidden;
}
.gbHeader {
  color:#cccccc;
  background-color:rgba(100, 100, 100, .65);
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:16px;
  font-weight:bold;
  text-shadow: 0px 2px 6px #000000;
  text-align:center;
  padding-bottom:4px;
  -webkit-border-radius:5px 5px 0px 0px;
  border-radius:5px 5px 0px 0px;
}
.gbItem {
  height:60px;
  text-align:left;
  padding:2px 5px 2px 5px;
  margin:auto 0px auto 0px;
}
.gbTitle {
  width:auto;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  padding-right:6px;
}
.gbAtt {
  text-align:left;
  white-space: nowrap;
}
.gbFooter {
  background-color:rgba(100, 100, 100, .65);
  height:16px;
  vertical-align:bottom;
  padding:5px 0px 0px 0px;
  -webkit-border-radius:0px 0px 5px 5px;
  border-radius:0px 0px 5px 5px;
  text-align:center;
  width: 100%;      /* new */
  display: table;   /* updated */
}
.gbLink {
  height:60px; /* 7 links */
  background-color:rgba(100, 100, 100, .65);
  margin-bottom:0px;
  
  display: block;
}
.gbHr { /* 8 */
  position:relative;
  background-color:rgba(100, 100, 100, 0);
  height:6px;
}
.gbCorner {
  position:absolute;
  height:1px;
  width:1px;
  background-color:rgba(100, 100, 100, .65);
}

.blurb {
  color:#cccccc;
  /*font-family: Impact,'Anton',sans-serif;
  font-weight:500;
  text-transform:Uppercase;*/

  font-size:50px; /*this will be reset via JS */
  line-height:55px;
  
  text-shadow: 0px 4px 8px #000000;
  text-align:center;

  position:relative;
  padding-top:50px;
  margin-left: auto;
  margin-right: auto;
}

.manLogoContainer {
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  margin-top:75px;
}
.manLogoBox {
  text-align:center;
  margin-left: auto;
  margin-right: auto;
}
.manLogo {
  -webkit-transition:width .25s;
  -moz-transition:width .25s;
  -ms-transition:width .25s;
  -o-transition:width .25s;
  transition:width .25s;
}
.manLogo:hover {
}
/*.manLink -- up with links*/ 
.manLinkSpan {
  display:inline-block;
  height:22px; /*the font-size of the hovered link + some */
  /*vertical-align:middle;*/
}
.manLinkCloud {
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  margin-top:50px;

  font-size:22px;
  /*page-break-after: always;
  page-break-inside: avoid;*/
}

.aboutBox {
  position:relative;
  margin-left: auto;
  margin-right: auto;
}

.about {
  color:#cccccc;
  
  vertical-align:top;
  text-align:left;
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:16px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;
  text-align:left;
  position:relative;
  z-index:10;
  
  width:600px;
  
  margin-left: auto;
  margin-right: auto;
  
  background:url('../images/shield2.png');
  background-repeat: no-repeat;
  background-position:100% 170px; /* the Y pos is the size of the first spacer + the padding */
  
  padding:80px 0px 40px 0px;
}

.aboutH {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  position:relative;
  z-index:10;
  padding:0px 0px 0px 0px;
}

.spacer{
  display:block;
  float:right;
  clear:right;
  margin:0px;
  padding:0px;
  border:0px;
  z-index:10;

  /*background-color:rgba(255, 0, 0, .25);*/
}

.footer {
  color:gray;
  /*font-family:Futura,Arial,Helvetica,sans-serif;*/
  font-size:11px;
  font-weight:normal;
  text-shadow: 0px 2px 6px #000000;
  text-align:center;
  
  padding:20px;
}

/************ Contact Wait Animation ************/
.cWait {
  position:absolute;
  top:320px;
  width:100%;
  text-align:center;
  color:#cccccc;
  /*font:normal normal normal 30px Impact,Charcoal,sans-serif;*/
  font-size:30px;

  text-shadow: 0px 4px 8px #000000;
  text-align:center;
}
.waitClouds {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height: 160px;
  background:url('../images/waitBack.png') repeat-x; /*clouds*/
  background-position: 0px 0px;
  
  -webkit-animation: waitClouds 60s linear 0s infinite normal;
  -moz-animation: waitClouds 60s linear 0s infinite normal;
  -ms-animation: waitClouds 60s linear 0s infinite normal;
  -o-animation: waitClouds 60s linear 0s infinite normal;
  animation: waitClouds 60s linear 0s infinite normal;
}
@-webkit-keyframes waitClouds {
   0% { background-position:0px 0px; }
  100% { background-position: -1200px 0px;}
}
@-moz-keyframes waitClouds {
   0% { background-position:0px 0px; }
  100% { background-position: -1200px 0px;}
}
@-ms-keyframes waitClouds {
   0% { background-position:0px 0px; }
  100% { background-position: -1200px 0px;}
}
@-o-keyframes waitClouds {
   0% { background-position:0px 0px; }
  100% { background-position: -1200px 0px;}
}
@keyframes waitClouds {
   0% { background-position:0px 0px; }
  100% { background-position: -1200px 0px;}
}

.waitHills {;
  position:absolute;
  left:0px;
  top:50px;
  width:100%;
  height: 160px;
  text-align:center;
  background:url('../images/waitBack.png') repeat-x; 
  background-position: 0px -160px;
  
  -webkit-animation: waitHills 30s linear 0s infinite normal;
  -moz-animation: waitHills 30s linear 0s infinite normal;
  -ms-animation: waitHills 30s linear 0s infinite normal;
  -o-animation: waitHills 30s linear 0s infinite normal;
  animation: waitHills 30s linear 0s infinite normal;
}
@-webkit-keyframes waitHills {
   0% { background-position:0px -160px; }
  100% { background-position: -1200px -160px;}
}
@-moz-keyframes waitHills {
   0% { background-position:0px -160px; }
  100% { background-position: -1200px -160px;}
}
@-ms-keyframes waitHills {
   0% { background-position:0px -160px; }
  100% { background-position: -1200px -160px;}
}
@-o-keyframes waitHills {
   0% { background-position:0px -160px; }
  100% { background-position: -1200px -160px;}
}
@keyframes waitHills {
   0% { background-position:0px -160px; }
  100% { background-position: -1200px -160px;}
}
.waitTrees {
  position:absolute;
  left:0px;
  top:150px;
  width:100%; /*420*/
  height: 160px;
  text-align:center;
  background:url('../images/waitBack.png') repeat-x; 
  background-position: 0px -320px;
  
  -webkit-animation: waitTrees 6s linear 0s infinite normal;
  -moz-animation: waitTrees 6s linear 0s infinite normal;
  -ms-animation: waitTrees 6s linear 0s infinite normal;
  -o-animation: waitTrees 6s linear 0s infinite normal;
  animation: waitTrees 6s linear 0s infinite normal;
}
@-webkit-keyframes waitTrees {
   0% { background-position:0px -320px; }
  100% { background-position: -1200px -320px;}
}
@-moz-keyframes waitTrees {
   0% { background-position:0px -320px; }
  100% { background-position: -1200px -320px;}
}
@-ms-keyframes waitTrees {
   0% { background-position:0px -320px; }
  100% { background-position: -1200px -320px;}
}
@-o-keyframes waitTrees {
   0% { background-position:0px -320px; }
  100% { background-position: -1200px -320px;}
}
@keyframes waitTrees {
   0% { background-position:0px -320px; }
  100% { background-position: -1200px -320px;}
}

.waitBulletBox {
  position:absolute;
  left:200px;
  top:150px;
  width: 100px;
  height: 100px;

  -webkit-animation: waitBulletBox .5s ease 0s 1 normal;
  -moz-animation: waitBulletBox .5s ease 0s 1 normal;
  -ms-animation: waitBulletBox .5s ease 0s 1 normal;
  -o-animation: waitBulletBox .5s ease 0s 1 normal;
  animation: waitBulletBox .5s ease 0s 1 normal;
}
@-webkit-keyframes waitBulletBox {
   0% { left:-100px;opacity:0; filter:alpha(opacity=0);}
   1% { left:0px;opacity:0; filter:alpha(opacity=0);}
   2% { left:0px;opacity:1; filter:alpha(opacity=1);}
  100% { left:200px;}
}
@-moz-keyframes waitBulletBox {
   0% { left:-100px;opacity:0; filter:alpha(opacity=0);}
   1% { left:0px;opacity:0; filter:alpha(opacity=0);}
   2% { left:0px;opacity:1; filter:alpha(opacity=1);}
  100% { left:200px;}
}
@-ms-keyframes waitBulletBox {
   0% { left:-100px;opacity:0; filter:alpha(opacity=0);}
   1% { left:0px;opacity:0; filter:alpha(opacity=0);}
   2% { left:0px;opacity:1; filter:alpha(opacity=1);}
  100% { left:200px;}
}
@-o-keyframes waitBulletBox {
   0% { left:-100px;opacity:0; filter:alpha(opacity=0);}
   1% { left:0px;opacity:0; filter:alpha(opacity=0);}
   2% { left:0px;opacity:1; filter:alpha(opacity=1);}
  100% { left:200px;}
}
@keyframes waitBulletBox {
   0% { left:-100px;opacity:0; filter:alpha(opacity=0);}
   1% { left:0px;opacity:0; filter:alpha(opacity=0);}
   2% { left:0px;opacity:1; filter:alpha(opacity=1);}
  100% { left:200px;}
}

.waitBulletBoxHit {
  position:absolute;
  width: 100px;
  height: 100px;
  left:120px;
  top:2000px;
  transform:rotate(-270deg);
  opacity:0; 
  filter:alpha(opacity=0);
  
  -webkit-animation: waitBulletBoxHit 1s linear 0s 1 normal;
  -moz-animation: waitBulletBoxHit 1s linear 0s 1 normal;
  -ms-animation: waitBulletBoxHit 1s linear 0s 1 normal;
  -o-animation: waitBulletBoxHit 1s linear 0s 1 normal;
  animation: waitBulletBoxHit 1s linear 0s 1 normal;
}
@-webkit-keyframes waitBulletBoxHit {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:350px;top:150px;transform:rotate(0deg);}
   15% { left:350px;top:150px;transform:rotate(0deg);}
   20% { left:340px;top:160px;transform:rotate(-5deg);}
   30% { left:300px;top:300px;transform:rotate(-90deg);}
   40% { left:180px;top:150px;transform:rotate(-120deg);}
   60% { left:140px;top:150px;transform:rotate(-120deg);}
   99% { left:120px;top:2000px;transform:rotate(-270deg);opacity:1; filter:alpha(opacity=100);}
   100% { left:120px;top:2000px;transform:rotate(-270deg);opacity:0; filter:alpha(opacity=0);}
}
@-moz-keyframes waitBulletBoxHit {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:350px;top:150px;transform:rotate(0deg);}
   15% { left:350px;top:150px;transform:rotate(0deg);}
   20% { left:340px;top:160px;transform:rotate(-5deg);}
   30% { left:300px;top:300px;transform:rotate(-90deg);}
   40% { left:180px;top:150px;transform:rotate(-120deg);}
   60% { left:140px;top:150px;transform:rotate(-120deg);}
   99% { left:120px;top:2000px;transform:rotate(-270deg);opacity:1; filter:alpha(opacity=100);}
   100% { left:120px;top:2000px;transform:rotate(-270deg);opacity:0; filter:alpha(opacity=0);}
}
@-ms-keyframes waitBulletBoxHit {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:350px;top:150px;transform:rotate(0deg);}
   15% { left:350px;top:150px;transform:rotate(0deg);}
   20% { left:340px;top:160px;transform:rotate(-5deg);}
   30% { left:300px;top:300px;transform:rotate(-90deg);}
   40% { left:180px;top:150px;transform:rotate(-120deg);}
   60% { left:140px;top:150px;transform:rotate(-120deg);}
   99% { left:120px;top:2000px;transform:rotate(-270deg);opacity:1; filter:alpha(opacity=100);}
   100% { left:120px;top:2000px;transform:rotate(-270deg);opacity:0; filter:alpha(opacity=0);}
}
@-o-keyframes waitBulletBoxHit {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:350px;top:150px;transform:rotate(0deg);}
   15% { left:350px;top:150px;transform:rotate(0deg);}
   20% { left:340px;top:160px;transform:rotate(-5deg);}
   30% { left:300px;top:300px;transform:rotate(-90deg);}
   40% { left:180px;top:150px;transform:rotate(-120deg);}
   60% { left:140px;top:150px;transform:rotate(-120deg);}
   99% { left:120px;top:2000px;transform:rotate(-270deg);opacity:1; filter:alpha(opacity=100);}
   100% { left:120px;top:2000px;transform:rotate(-270deg);opacity:0; filter:alpha(opacity=0);}
}
@keyframes waitBulletBoxHit {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:350px;top:150px;transform:rotate(0deg);}
   15% { left:350px;top:150px;transform:rotate(0deg);}
   20% { left:340px;top:160px;transform:rotate(-5deg);}
   30% { left:300px;top:300px;transform:rotate(-90deg);}
   40% { left:180px;top:150px;transform:rotate(-120deg);}
   60% { left:140px;top:150px;transform:rotate(-120deg);}
   90% { left:120px;top:500px;transform:rotate(-270deg);opacity:1; filter:alpha(opacity=100);}
   99% { left:120px;top:1000px;transform:rotate(-270deg);opacity:1; filter:alpha(opacity=100);}
   100% { left:120px;top:2000px;transform:rotate(-270deg);opacity:0; filter:alpha(opacity=0);}
}

.waitBulletBoxTumble {
  position:absolute;
  width: 100px;
  height: 100px;
  left:120px;
  top:2000px;
  transform:rotate(-270deg);
  opacity:0; 
  filter:alpha(opacity=0);
  
  -webkit-animation: waitBulletBoxTumble 2s linear 0s 1 normal;
  -moz-animation: waitBulletBoxTumble 2s linear 0s 1 normal;
  -ms-animation: waitBulletBoxTumble 2s linear 0s 1 normal;
  -o-animation: waitBulletBoxTumblet 2s linear 0s 1 normal;
  animation: waitBulletBoxTumble 2s linear 0s 1 normal;
}
@-webkit-keyframes waitBulletBoxTumble {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:200px;top:100px;transform:rotate(-5deg);}
   15% { left:190px;top:180px;transform:rotate(8deg);}
   17% { left:170px;top:180px;transform:rotate(0deg);}
   20% { left:150px;top:80px;transform:rotate(-16deg);}
   25% { left:125px;top:80px;transform:rotate(0deg);}
   30% { left:100px;top:170px;transform:rotate(25deg);}
   40% { left:200px;top:170px;transform:rotate(360deg);}

   45% { left:375px;top:200px;transform:rotate(720deg);}
   52% { left:250px;top:120px;transform:rotate(990deg);}
   60% { left:75px;top:250px;transform:rotate(700deg);}
   70% { left:50px;top:500px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   80% { left:30px;top:1000px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   90% { left:30px;top:2000px;transform:rotate(450deg);opacity:0; filter:alpha(opacity=0);}
}
@-moz-keyframes waitBulletBoxTumble {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:200px;top:100px;transform:rotate(-5deg);}
   15% { left:190px;top:180px;transform:rotate(8deg);}
   17% { left:170px;top:180px;transform:rotate(0deg);}
   20% { left:150px;top:80px;transform:rotate(-16deg);}
   25% { left:125px;top:80px;transform:rotate(0deg);}
   30% { left:100px;top:170px;transform:rotate(25deg);}
   40% { left:200px;top:170px;transform:rotate(360deg);}

   45% { left:375px;top:200px;transform:rotate(720deg);}
   52% { left:250px;top:120px;transform:rotate(990deg);}
   60% { left:75px;top:250px;transform:rotate(700deg);}
   70% { left:50px;top:500px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   80% { left:30px;top:1000px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   90% { left:30px;top:2000px;transform:rotate(450deg);opacity:0; filter:alpha(opacity=0);}
}
@-ms-keyframes waitBulletBoxTumble {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:200px;top:100px;transform:rotate(-5deg);}
   15% { left:190px;top:180px;transform:rotate(8deg);}
   17% { left:170px;top:180px;transform:rotate(0deg);}
   20% { left:150px;top:80px;transform:rotate(-16deg);}
   25% { left:125px;top:80px;transform:rotate(0deg);}
   30% { left:100px;top:170px;transform:rotate(25deg);}
   40% { left:200px;top:170px;transform:rotate(360deg);}

   45% { left:375px;top:200px;transform:rotate(720deg);}
   52% { left:250px;top:120px;transform:rotate(990deg);}
   60% { left:75px;top:250px;transform:rotate(700deg);}
   70% { left:50px;top:500px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   80% { left:30px;top:1000px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   90% { left:30px;top:2000px;transform:rotate(450deg);opacity:0; filter:alpha(opacity=0);}
}
@-o-keyframes waitBulletBoxTumble {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:200px;top:100px;transform:rotate(-5deg);}
   15% { left:190px;top:180px;transform:rotate(8deg);}
   17% { left:170px;top:180px;transform:rotate(0deg);}
   20% { left:150px;top:80px;transform:rotate(-16deg);}
   25% { left:125px;top:80px;transform:rotate(0deg);}
   30% { left:100px;top:170px;transform:rotate(25deg);}
   40% { left:200px;top:170px;transform:rotate(360deg);}

   45% { left:375px;top:200px;transform:rotate(720deg);}
   52% { left:250px;top:120px;transform:rotate(990deg);}
   60% { left:75px;top:250px;transform:rotate(700deg);}
   70% { left:50px;top:500px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   80% { left:30px;top:1000px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   90% { left:30px;top:2000px;transform:rotate(450deg);opacity:0; filter:alpha(opacity=0);}
}
@keyframes waitBulletBoxTumble {
   0% { left:200px;top:150px;transform:rotate(0deg);opacity:1; filter:alpha(opacity=100);}
   10% { left:200px;top:100px;transform:rotate(-5deg);}
   15% { left:190px;top:180px;transform:rotate(8deg);}
   17% { left:170px;top:180px;transform:rotate(0deg);}
   20% { left:150px;top:80px;transform:rotate(-16deg);}
   25% { left:125px;top:80px;transform:rotate(0deg);}
   30% { left:100px;top:170px;transform:rotate(25deg);}
   40% { left:200px;top:170px;transform:rotate(360deg);}

   45% { left:375px;top:200px;transform:rotate(720deg);}
   52% { left:250px;top:120px;transform:rotate(990deg);}
   60% { left:75px;top:250px;transform:rotate(700deg);}
   70% { left:50px;top:500px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   80% { left:30px;top:1000px;transform:rotate(450deg);opacity:1; filter:alpha(opacity=100);}
   90% { left:30px;top:2000px;transform:rotate(450deg);opacity:0; filter:alpha(opacity=0);}
}

.waitBullet {
  width: 100px;
  height: 100px;
  background:url('../images/waitBullet.png') no-repeat;
  background-position: 0px 0px;
    
  /*animation: name duration timing-function delay iteration-count direction; */
  -webkit-animation: waitBullet .15s steps(3, start) 0s infinite normal;
  -moz-animation: waitBullet .15s steps(3, start) 0s infinite normal;
  -ms-animation: waitBullet .15s steps(3, start) 0s infinite normal;
  -o-animation: waitBullet .15s steps(3, start) 0s infinite normal;
  animation: waitBullet .15s steps(3, start) 0s infinite normal;
}
@-webkit-keyframes waitBullet {
   0% { background-position:0px 0px;}
  100% { background-position: -300px 0px;}
}
@-moz-keyframes waitBullet {
   0% { background-position:0px 0px;}
  100% { background-position: -300px 0px;}
}
@-ms-keyframes waitBullet {
   0% { background-position:0px 0px;}
  100% { background-position: -300px 0px;}
}
@-o-keyframes waitBullet {
   0% { background-position:0px 0px;}
  100% { background-position: -300px 0px;}
}
@keyframes waitBullet {
   0% { background-position:0px 0px;}
  100% { background-position: -300px 0px;}
}

.waitBulletHit {
  width: 100px;
  height: 100px;
  background:url('../images/waitBullet.png') no-repeat;
  background-position:-300px -100px;
  
  /*animation: name duration timing-function delay iteration-count direction; */
  -webkit-animation: waitBulletHit .01s steps(3, start) 0s 1 normal;
  -moz-animation: waitBulletHit .01s steps(3, start) 0s 1 normal;
  -ms-animation: waitBulletHit .01s steps(3, start) 0s 1 normal;
  -o-animation: waitBulletHit .01s steps(3, start) 0s 1 normal;
  animation: waitBulletHit .01s steps(3, start) 0s 1 normal;
}
@-webkit-keyframes waitBulletHit {
   0% { background-position:0px -100px;}
  100% { background-position: -300px -100px;}
}
@-moz-keyframes waitBulletHit {
   0% { background-position:0px -100px;}
  100% { background-position: -300px -100px;}
}
@-ms-keyframes waitBulletHit {
   0% { background-position:0px -100px;}
  100% { background-position: -300px -100px;}
}
@-o-keyframes waitBulletHit {
   0% { background-position:0px -100px;}
  100% { background-position: -300px -100px;}
}
@keyframes waitBulletHit {
   0% { background-position:0px -100px;}
  100% { background-position: -300px -100px;}
}

/************************************************/


/******* MEDIA *************/
/***************************/
@media all and (min-width: 1281px) { /*(min-width: 1281px) and (max-width: 2000px)*/
  .header {
    width: 900px;
    height: 280px;
  }

  .tickerBox {
    width: 900px; 
  }

  .content {
    width:1000px;
    height:652px;
  }

  .contentLeft {
    width: 600px;
    height:652px;

    float:left;
  }

  .slideWrap {
    /* Slider -- 600 x 360, 500 x 300, 400 x 240 */
    width: 600px;
  }  

  .blurb {
    font-size:50px;
    line-height:55px;
    width: 400px;
    height:292px; /* contentLeft height minus slideWrap height */
  }
  .gbCell {
    float:right;
  }
  
  .gbBox {
    height:600px;
  }
  
  .manLogoBox {
    width:900px;
    /*height:300px;*/
    height:170px;
  }
  .manLogo {
    width:185px; /* 215 max, height is minimum 130 and max 150 */
  }
  .manLogo:hover {
    width:215px;
  }

  .manLinkCloud {
    width:900px;
    max-height:400px;
  }
}

@media all and (min-width: 760px) and (max-width: 1280px) { /* min-width: 720px) and (max-width: 1360px) */
  .header {
    width: 700px;
    height: 226px;
  }

  .tickerBox {
    width: 700px; 
  }

  .content {
    max-width:780px;
    width:100%;
    height:520px;
  }

  .contentLeft {
    width: 400px;
    height:520px;

    float:left;
  }

  .slideWrap {
    width: 400px;
  } 

  .blurb {
    font-size:37px;
    line-height:41px;
    width: 300px;
    height:280px; /* contentLeft height minus slideWrap height*/
  }

  .gbCell {
    float:right;
  }

  .gbBox {
    height:468px;
  }
  
  .manLogoBox {
    width:700px;
    /*height:220px;*/
    height:148px;
  }
  .manLogo {
    width:150px; /* 215 max, height is minimum 105 and max 128 */
  }
  .manLogo:hover {
    width:180px;
  }

  .manLinkCloud {
    width:700px;
    max-height:300px;
  }
}

@media all and (min-width: 610px) and (max-width: 759px) {
  body {
    margin-left:auto;
    margin-right:auto;
  }

  .header {
    width: 95%;
  }

  .tickerBox {
    width: 95%; 
  }

  .content {
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .contentLeft {
    width: 100%;
    float:none;
  }

  .slideWrap {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
  }

  .blurb {
    font-size:50px;
    line-height:55px;
    width: 80%;
  }

  .gbCell {
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    float:none;
  }

  .gbBox {
    height:468px;
  }
  
  .manLogoBox {
    width:100%;
  }
  .manLogo {
    width:24%;
  }
  .manLogo:hover {
    width:24%; /* disable hover enlarging to prevent lower element displacement */
  }

  .manLinkCloud {
    width:96%;
    max-height:300px;
  }
}

@media all and (min-width: 480px) and (max-width: 609px) { /* At this size, some elements will need to be reworked to be usable -- header too small, etc */
  body {
    margin-left:auto;
    margin-right:auto;
  }

  .header {
    width: 95%;
  }

  .tickerBox {
    width: 95%; 
  }

  .content {
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .contentLeft {
    width: 100%;
    float:none;
  }

  .slideWrap {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
  }

  .blurb {
    font-size:48px;
    line-height:53px;
    width: 80%;
  }

  .gbCell {
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    float:none;
  }

  .gbBox {
    height:468px;
  }
  
  .manLogoBox {
    width:100%;
    /*height:148px;*/
  }
  .manLogo {
    /*width:20%; /* 215 max, height is minimum 105 and max 128 */
    width:32%;
  }
  .manLogo:hover {
    width:32%; /* disable hover enlarging to prevent lower element displacement */
  }

  .manLinkCloud {
    width:96%;
    max-height:300px;
  }

  .about {
    width:96%;
  }
}

@media all and (max-width: 479px) { /* ADD -- OR (min-height: 740px) */
  body {
    max-width:479px;
    margin-left:auto;
    margin-right:auto;
  }
  .contactTabNoJS {
    display: block;
  }
  .cMessage {
    width:100%;
    height:60px;
  }

  .header {
    display:none;
  }
  .headerSm {
    display:block;
    width: 95%;
  }

  .tickerBox {
    width: 95%; 
  }

  .content {
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .contentLeft {
    width: 100%;
    float:none;
  }

  .slideWrap {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
  }

  .blurb {
    font-size:32px;
    line-height:35px;
    width: 80%;
  }

  .gbCell {
    width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    float:none;
  }

  .gbBox {
    height:468px;
  }
  
  .manLogoBox {
    width:100%;
    /*height:148px;*/
  }
  .manLogo {
    /*width:20%; /* 215 max, height is minimum 105 and max 128 */
    width:48%;
  }
  .manLogo:hover {
    width:48%; /* disable hover enlarging to prevent lower element displacement */
  }

  .manLinkCloud {
    width:96%;
    max-height:300px;
  }

  .about {
    width:96%;
  }
}

@media all and (max-height: 600px) { /* on screen with limited height, switch to link (to contact us page) to prevent clipping the tab */
  body {
    max-width: 100%;
  }
  .contactBox {
    display: none;
    visibility: hidden;
  }
  .contactTabNoJS {
    display: block;
  }
}
