* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
.float {float: left;} .clear {clear: both;}

header {width: 100%;font-family:'Brandon Grotesque W01';font-size: 14px;}
#logo {width: 100%;float:left; height: 105px; display:block; text-align:center; background-image: url('../images/zigzag.png'); background-repeat: repeat-x; background-position: top;padding-top: 20px;}
#logo img {position:relative; z-index:9999 !important;}
#lightbox-wrap {z-index: 99999 !important;}
#shiftdown {;}
footer {width: 100%;clear:both;background-image: url('../images/paper.jpg'); padding-top: 20px; padding-bottom: 20px;}
footer a {color: #000;} footer a:hover {text-decoration:none;}

#banner {width: 100%; height: auto; display:block;margin-bottom: 70px;text-align:center;position:relative; z-index: 10;}
#banner img {width: 100%; height: auto;vertical-align: top;}
#content {padding-bottom: 20px;}

#mobmenu {display:none;}
#foot1 {display:block; float:left; width: 34%;padding-bottom: 15px; font-size: 12px; line-height: 20px;}
#foot2 {display:block; float:left; width: 22%;padding-bottom: 15px; font-size: 12px; line-height: 20px;}
#foot3 {display:block; float:left; width: 22%;padding-bottom: 15px; font-size: 12px; line-height: 20px;}
#foot4 {display:block; float:left; width: 22%;padding-bottom: 15px; font-size: 12px; line-height: 20px;}
a.suppermenu {transition: color 0.5s; font-weight: bold; }
a:hover.suppermenu {color: #F69726; text-decoration: none; font-weight: bold;}

.stretch {width: 100%; }
.trap {width: 1200px; margin: auto;}
.shiftright {margin-left: 0px !important;}
#left {float:left; width: 46%; margin-right: 3%;padding-bottom: 20px;}
#right {float:left; width: 46%; margin-left: 3%;padding-bottom: 20px;}

#press {width: 29%; height: 118px; text-align:center; overflow:hidden; display:block; float:left; border: solid 1px #f0f0f0;margin: 2%; transition: border 0.5s; position:relative; z-index: 999;}
#press:hover {border: solid 1px #F69726;}
#press img {width: 100%; height: auto;}

#inner {width: 80%; margin-left: 10%; margin-right: 10%;}
#newsform {display:block;float:left; width: 82%;display:block;}
#newsform .rsform-input-box {background-color: #f0f0f0; color: #000; display:block; padding: 2%; padding-top: 6px; padding-bottom: 6px; height: 30px; width: 96%;font-family:'Brandon Grotesque W01'}
#formbutton {display:block; float:right; width: 15%;}
#test {width: 70%; margin-left: 15%; margin-right: 15%;padding-top: 20px; display:block; text-align:center;}

#contactform .rsform-input-box {background-color: #f0f0f0; color: #000; display:block; padding: 2%; padding-top: 6px; padding-bottom: 6px; height: 30px; width: 96%; margin-bottom: 10px;font-family:'Brandon Grotesque W01'}

#contactformhalfleft {display:block; height: 30px; width: 49%; float:left; padding-bottom: 25px;}
#contactformhalfright {display:block; height: 30px; width: 49%; float:right; padding-bottom: 25px;}

#contactformhalfleft .rsform-input-box, #contactformhalfright .rsform-input-box {background-color: #f0f0f0; color: #000; display:block; padding: 2%; padding-left: 4%; padding-top: 6px; width: 94%; padding-bottom: 6px; height: 30px; margin-bottom: 10px;margin-bottom: 10px;font-family:'Brandon Grotesque W01'}

#contactform .rsform-text-box
{background-color: #f0f0f0; color: #000; display:block; padding: 2%; padding-top: 6px; padding-bottom: 6px; height: 100px; width: 96%; margin-bottom: 10px;font-family:'Brandon Grotesque W01', serif; font-size: 13px;}

form {font-family:'Brandon Grotesque W01';}

.line1, .line2 {font-family:'Brandon Grotesque W01'; font-size: 15px;}
#foot1 strong,
#foot2 strong,
#foot3 strong,
#foot4 strong {font-family:'Brandon Grotesque W01'; font-size: 14px;}

#badge {width: 100%; height: 0px; position:relative; text-align:right;}
#badge img {width: 125px; height: 125px;position:relative; right:0px; top: -150px;z-index:9999 !important;}

@media only screen and (min-width: 1200px) { /* LARGE - Desktop */
.break {display:block;}
.stretch {max-width: 620px; margin: auto;}
.onlymob {display:none;} .notmob {display:block;}
  #content {width: 620px; margin-left: auto; margin-right: auto;}
  a.suppermenu {padding-left: 15px; padding-right: 15px; color: #000; position: relative; top: -76px;letter-spacing: 1px;}
  #banner img {width: auto; max-width: 1020px; }
  #banner {width: 100%; height: 314px; } 
  #stamp {position: relative; left: -150px; height: 0px; top: -40px;}
  .line1:after {content: "| ";} 
  #badge img {right:-200px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) { /* MEDIUM - Tablet Portrait */
.stretch {width: 620px; margin: auto;}
.onlymob {display:none;} .notmob {display:block;}
  #content {width: 620px; margin-left: auto; margin-right: auto;}
    a.suppermenu {padding-left: 15px; padding-right: 15px; color: #000; position: relative; top: -76px; }
  #foot1, #foot2, #foot3, #foot4 {display:block; float:left; width: 50%; text-align:center;}
  #stamp {position: relative; height: 0px; text-align:center; top: -40px;}
#press {width: 28.5%; height: 118px; text-align:center; overflow:hidden; display:block; float:left; border: solid 1px #f0f0f0;margin: 2%; transition: border 0.5s;}
}

@media only screen and (min-width: 550px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;} .notmob {display:none;}
  #content {width: 96%; margin-left: 2%; margin-right: 2%;}
  a.suppermenu {padding-left: 2px; padding-right: 2px; color: #000; position: relative; top: -76px; }
  #foot1, #foot2, #foot3, #foot4 {display:block; float:left; width: 50%; text-align:center;}
    #stamp {position: relative; height: 0px; text-align:center; top: -40px;}
  .first, .last {margin-left: 0px;}
  #left, #right {float:left; width: 70%; text-align:center;margin-left: 15%; margin-right: 15%;}
  .line1, .line2 {display:block; width: 100%; text-align: center;}
  #press {width: 28.5%; height: 118px; text-align:center; overflow:hidden; display:block; float:left; border: solid 1px #f0f0f0;margin: 2%; transition: border 0.5s;}
  #menu a {width: 28.5%; height: 75px; padding-top: 10px; }
   #xmasmenu a {width: 45%; margin: 2%; }
}



@media only screen and (max-width: 549px) { /* TINY - Mobile Portrait */
.stretch {max-width: 549px; margin: auto;}
  .onlymob {display:block;} .notmob {display:none;}
  #content {width: 96%; margin-left: 2%; margin-right: 2%;}
  a.suppermenu {display:none;}
#foot1, #foot2, #foot3, #foot4 {display:block; float:left; width: 100%; text-align:center;}
    #stamp {position: relative; height: 100px; text-align:center; top: -40px;}
  .first, .last {margin-left: 0px;}
  #mobmenu {background-color: #fff; width: 100%; height: 80px; padding-top: 10px; text-align: center; position: relative; top: -70px; display:block; }
  #mobmenu a {font-weight:bold; color: #000; text-decoration: none; transition: color 0.5s;line-height: 25px;}
  #mobmenu a:hover {text-decoration:none; color: #F59726;}
  #banner {margin-bottom: 0px;position:relative; top: -60px;}
  #left, #right {float:left; width: 100%; text-align:center;margin-left: 0px; margin-right: 0px;}
  .line1, .line2 {display:block; width: 100%; text-align:center;}
  #press {width: 28.5%; height: 75px; text-align:center; overflow:hidden; display:block; float:left; border: solid 1px #f0f0f0;margin: 2%; transition: border 0.5s;}
  #menu a {width: 45%; height: 75px; padding-top: 10px; }
  #newsform {display:block;float:left; width: 72%;display:block;}
#newsform .rsform-input-box {background-color: #f0f0f0; color: #000; display:block; padding: 2%; padding-top: 6px; padding-bottom: 6px; height: 30px; width: 96%;}
#formbutton {display:block; float:right; width: 25%;}
  #logo img {width: 150px; height: auto;}
  #badge img {width: 75px; height: 75px;position:relative; right:0px; top: -110px;}
  #xmasmenu a {width: 45%; margin: 2%; }
}