html, body { width:100%; height:100%; margin:0; padding:0; font-family: Helvetica, Arial; letter-spacing:0px; background:#fff; }
#main { position:relative; width:100%; margin:0 auto; padding:0 0 20px; }

body {
  background:#fff url(/images/logos_background.gif) 0 0 repeat-x;
}

.contain { position:relative; width:934px; margin:0 auto;  }
/***********GLOBAL, HEADER, FOOTER***********/
section { overflow:hidden; }
.anchors { visibility:hidden; position:absolute; }


footer, section { position:relative; }
#hdr { z-index: 12; }
header {
  position:absolute; top:0; margin-top:-207px; z-index:6;
  width:100%; height:86px;
  background-color: #ffffff;
  box-shadow:0 0 3px #ccc;
  border:1px solid #ccc; border-radius:5px;
}
#logo {
  display:block; width:184px; height:122px;
  float:left; margin-left:70px;
  background:transparent url(/images/logo_main.png) center top no-repeat;
  background-size:184px;
  overflow:hidden; text-indent:-5000px;
}
.gray-wrap {
  z-index: -1;
}
.gray-boxtop {
  display:block;
  position:absolute; bottom:-66px; left:88px;
  width:761px; margin:0; padding:14px 0 0;
  font-family:'SohoStd-LightCompressed', Georgia, Times, serif; font-weight:normal; font-size:332%; color:#434343; text-align:center; text-transform:uppercase; text-shadow:2px 2px 3px #fff;
  background:#eee;
  border:1px solid #ccc; border-radius:5px;
}
header h1 em { font-family:'SohoStd-MediumCompressed', Georgia, Times, serif; font-weight:normal;font-style:normal; }


nav.main { margin: 0; position: absolute; opacity:1; z-index: 12; left:45%; margin-left:-242px; top: -192px; text-align:right; }
nav.main ul { margin:0 20px; padding:0; }
nav.main li { display:inline-block; }
nav.main i { display:block; font-size:227%;  }
nav.main a  {
  display:inline-block;
  color:#ff6243; text-decoration:none; text-align:center; text-shadow:0 0 3px #ccc;
  margin-left:10px; padding:0 5px;
}
nav.main a:hover{ color:#203950; }
nav.main li.contact { display:none; }
nav.main li.contact a { display:none; }
nav.main li.contact h2, nav.main li.contact #hello { display:block;  }
nav.main .navhome { display:none; }

/**Monetize nav**/
nav.mon-nav{ position: absolute; left:51%;}

#outerwrap { position: relative; overflow: hidden; width: 100%; }
#innerwrap { position: relative; transition:left .3s; -webkit-transition:left .3s; /* Safari */ }

#nav-open-btn{ display:none; z-index: 50; }


.forbig { display:block; }
.forsmall { display:none; }

#navlogo {
  position:absolute; top:-46px; left:20px;
  width:46px; height:46px;
  background:url(/images/logo_subnav.png) no-repeat;
}
#floatnav {
  position:absolute; top:20px; left:50%; margin-left:-365px; z-index:32;
  width:730px; height:58px;
  overflow:hidden;
  background:url(/images/bg_nav.png) -725px 0 no-repeat;
  border-radius:5px;
  text-shadow:0 0 5px #fff;
}
#floatnav ul { margin:0 3px 0 55px; padding:0; }
#floatnav li { display:inline-block; line-height:345%; }
#floatnav li a { padding:0 26px; font-size:131%; text-decoration:none; color:#000; text-shadow:1px 1px 3px #fff;  }
#floatnav li a.on { color:#ff6243; }

.boxtext {
  position:absolute;
  margin:0; padding:0;
  background:url(/images/white_80p_opacity.png);
  border-radius:3px 3px; box-shadow: 0 0 5px #888;
  font-family:arial; font-size:92%; color:#252525; font-weight:lighter; line-height:123.1%; letter-spacing:0px;
}
.boxtext > p { margin-left:30px; margin-right:30px; }

#ftr {
  width:936px; margin:0 auto 20px;
  color:#fff;
  border-radius:5px;
  background: #000000 url() 0 0 no-repeat;

    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#2c2c2c) );
    background: -moz-linear-gradient(top, #000000, #2c2c2c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2c2c2c');
    overflow:hidden;
}
#ftr a { color:#fff; text-decoration:none; }
#ftr a:hover { text-shadow:0 0 3px #fff; }
#footnav { float:left; margin:20px 0 0 25px; padding:0; }
#footnav ul { margin:0; padding:0; }
#footnav li { font-size:153.9%; margin-bottom:10px; }
#footnav li a:after { content:".";  }
#ftr aside { float:right; margin:20px 25px 0 0; padding:0; }
#ftr aside h2 { margin:0 0 10px; padding:0; font-family:'SohoStd-BoldCompressed'; font-size:167%; color:#fff; font-weight:normal; text-align:center; }
#ftr aside ul { margin:0 0 0 12px; padding:0; list-style:none; }
#ftr aside li { display:inline-block; margin:0 5px; }
#ftr aside li a {
  display:inline-block; width:56px; height:56px ;
  background:transparent url(/images/sprites_social.png) 0 0 no-repeat;
  overflow:hidden; text-indent:-5000px;
}
#ftr a.facebook { background-position:-61px 0; }
#ftr a.pinterest { background-position:-122px 0; }
#publisher { clear:both; margin:30px 0 0; padding:0; }
#publisher span { color:#000; }
#publisher em { font-style:normal; }
#publisher a { display:block; padding:8px 15px; color:#ff6243; background:#fbfbfb; border-radius:5px; box-shadow:2px 2px 2px #333; }
#copy {
  clear:both;
  padding:12px; margin-bottom:6px;
  background:#181818;
  font-size:77%; color:#888; text-align:center;
}

a.btn_graydrop,
button.btn_graydrop {
  display:inline-block;
  padding:5px 10px; margin-top:10px;
  border:1px solid #ddd; border-radius:5px; box-shadow:1px 1px 3px #ddd;
  font-size:92%; color:#363636; text-decoration:none;
  background-color:transparent;
}

.btn_orange {
  display:inline-block;
  position:relative; z-index:10;
  left:50%; margin-left:338px;
  width:173px;
  margin-top:22px; margin-bottom:10px; padding:5px 10px;
  color:#fff; font-size:131% ; text-shadow:1px 1px 3px #333; text-decoration:none; text-align:center;
  background:#ff6243; border-radius:5px;
}
.SG_widget_form_submit,
.btn_form_mini {
  text-decoration: none;
  text-align: center;
  background: #FF6243;
  border-radius: 5px;
  font-size: 77%;
  font-weight: 600;
  padding: 5px 8px;
  color: white;
  display: inline-block;
}

.SG_widget_form_submit {
  box-shadow:none;
}
.menulink{ color:#ff6243; }
.offsitelink{ display:block; color:#ff6243; }
.mobile { display:none; }

/***********PSUEDO HEADER AREA**********/
#slidedown { min-height:155px; padding-bottom: 50px; }
footer.actiontab {
  position:absolute; z-index:1;
  left:50%; bottom:0;
  margin:0 0 -40px -60px; padding-top:28px;
  background:url(/images/read_more_carrot_deux.png) 0 0 no-repeat;
  box-shadow: 0 5px 5px -5px #333;
}
footer.actiontab a {
  display:inline-block; width:120px; height:40px;
  background:#1f374d; border-radius:0 0 5px 5px;
  color:#fff; font-size:108%; line-height:240%; font-weight:bold; text-decoration:none; text-align:center;
}
#slidedown aside {
  position:relative;
  min-height:303px; margin-bottom:212px;
  background:transparent url(/images/bg_texture_static.png) bottom left;
  box-shadow: inset 0 -6px 23px 0px #CCC; border:1px solid #ccc; border-radius:0 0 5px 5px;
}
input, textarea {
  margin:0 0 10px; padding: 5px 8px;
  color: #999;
  background:transparent; box-shadow:inset 2px 2px 15px 0px #DDD;
  border-radius:4px;
}

input.contact_us_error { border: 2px red solid; }

#slidedown .contents input {width:200px;  }
#slidedown .contents textarea {width:200px; height:50px; overflow:auto; vertical-align:top; text-align:left; }
#slidedown .contents h3 { margin:10px 0; font-family:SohoStd-Light; font-weight:normal;font-size:159%; color:#ff6243; }
#slidedown .contents h3 em { display:block; font-family:SohoStd-Bold; font-weight:normal; font-size:197%; font-style:normal; }
#slidedown .contents p, #slidedown .contents addr { margin:10px 0; font-size:85%; }
#slidedown .contents h4 { margin:10px 0; padding:0; font-size:138.5%; font-weight:bold; color:#1f374d;  }
#touchus , #mediakit { display:none; }
#touchus .contents { float:left; }
#touchus .info {width:610px; margin-left:30px; }
#touchus .info section { float:left; }
#touchus .hello { width:250px; }
#touchus .location { width:330px; margin-left:30px; }
#touchus .contact { float:right; width:230px; margin-right:30px; }
#touchus .contact input { display:block; }
#touchus .hello ul { margin:0; padding:0; list-style:none; }
#touchus .hello li { margin-bottom:10px;  font-size:116%; color:#636363; }
#touchus .hello li i { font-size:108%; }
#mediakit:before {
  position:absolute; top:0; left:0; z-index:0;
  width:518px; height:303px;
  background:url(/images/Media_Kit_Pages.png) 0 0 no-repeat;
  background-size:contain;
  content: ""; border: 1px transparent red;
}
#mediakit .contents { float:right; width:395px; margin-right:35px; color:#363636; text-align:center; }
#mediakit .contents h3 { font-size:92%; }
#mediakit .contents form { margin-top:15px; }
#mediakit .contents h2 {
  display:inline-block; margin:5px 0;
  font-size:108%; font-weight:normal;
  box-shadow:inset 1px 1px 13px 0px #CCC;
  border:1px solid #ccc; border-radius:5px;
}
#mediakit .contents h2 button {
  display:inline-block;
  margin:5px; padding:10px 15px;
  color:#464646; text-decoration:none; text-shadow:1px 1px 3px #fff;
  background: -webkit-gradient( linear, left top, left bottom, from(#ff9f02), to(#ff472d) );
    background: -moz-linear-gradient(top, #ff9f02, #ff472d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9f02', endColorstr='#ff472d');
  border-radius:5px;
}
#mediakit .contents h2 strong { display:block; font-size:167%; }
#mediakit .contents .nothanks { display:block; color:#363636; font-size:85%; }
#mediakit .email_error { border : 2px red solid; }

/*CLEAR FIX FOR ANYTHING THAT CONTAINS A FLOAT*/
footer:after, header:after, form:after, dl:after, figure:after, .contain:after, #mediakit:after { visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: " "; }


/*MEDIA QUERIES FOR DIFF PLATFORMS  iphone:640×960, ipad:1024×768, 2048×1536*/
@media (max-width:749px) {
  #wtf_firstcss_getsignored_junkid {}

  #slidedown:before, #slidedown:after { display:none; }
  .index #main::before, #html_monetize #developers:before , .blog #main:before, .blog #main:after {display:none; }
  .forbig { display:none; }
  .forsmall { display:block; }
  .bigscreen { display:none; }

  #main { padding-bottom:0; }
  .contain { width:320px; }

  .anchors {
    visibility:visible; text-indent:none;
    z-index: 12; text-align:center;
    font-family:'SohoStd-LightCompressed'; font-weight:normal; font-size:147%; letter-spacing:1px; color:#fff; text-transform:uppercase; line-height:147%;
    background:#ff6243; border-radius:5px; text-shadow:0 0 3px #444;
    padding: 4px 0 0; width:120px; margin-left:-60px; left:50%; margin-top:17px;
  }
  .anchors.straddle { margin-top:-17px; }
  .btn_orange.mobile{
    display:block;
    width:300px; margin-left:-150px;
    font-size:121%; padding:5px 0;
  }
  .btn_orange.mobile i { font-size:140%;}

  #slidedown { background:none; min-height:727px;}

  /*HEADER*/
  header { margin-left:-160px; width:320px; margin-top:-667px; }/* note: add/remove links... adjust space using marin-top*/

  .gray-boxtop { width:300px;  font-size:197%; padding:8px 0 0; }

  #logo { width:95px; height:95px; background:url(/images/logo_main_mobile.png) no-repeat; background-size:contain; margin-left:-48px; left:50%; position:relative; }

  #slidedown { background: #dfdfdf; width: 320px; margin: 0 auto; min-height:265px;}
  nav.main { float:left; margin:0; position:absolute; top:235px; left:-5px; border:#ccc; border-radius:5px; box-shadow:0 0 15px #888; background:#fff; }
  nav.main ul { margin:0; padding:0; width:240px; }
  nav.main li { display:block; border-bottom:1px dashed #203950; margin:5px 15px 0; }
  nav.main li.last { border:none; }
  nav.main i { display:inline-block; margin-right:10px;  }
  nav.main a {
    display:block;
    text-align:left; vertical-align:top;
    line-height:210%;
    margin-left:10px; padding:5px;
  }
  nav.main .icon-glasses { line-height:70%; }
  nav.main li.contact { display:block; color:#203950; border:none; padding-bottom:5px; }
  nav.main li.contact h2 { font-size:100%; margin:0; padding:0; }
  nav.main li.contact h2 span { font-weight:normal; }
  nav.main li.contact a {
    font-size:180%; font-weight: bold;
    display:inline;
    text-align:left; margin:0; padding:0;
    line-height:187%;
  }
  nav.main li.contact i { display:none; }

  #nav-open-btn { display:block; position:absolute; top:10px; left:10px; width:43px; height:47px; background:url(/images/icon_hamburger.png) bottom left no-repeat; text-transform:uppercase; font-size:50%; text-decoration:none; color:#888; text-align:center; font-weight:bold; }
  #nav-open-btn:hover { background:url(/images/icon_hamburger.png) bottom left no-repeat; color:#fa643f; }

  nav.main { transition:opacity .3s; -webkit-transition:opacity .3s; opacity:0; float:none; margin:0; position:absolute; top:-265px; left:-240px; right:auto; border:#ccc; border-radius:5px; box-shadow:0 0 15px #888; background:#fff; width:240px; }
  nav.main a {
    display:block;
    text-align:left; vertical-align:top;
    line-height:210%;
    margin-left:10px; padding:5px;
  }
  nav.main .icon-glasses { line-height:70%; }
  nav.main li.contact { display:block; color:#203950; border:none; padding-bottom:5px; }
  nav.main li.contact h2, nav.main li.contact #hello { display:none;  }
  nav.main li.contact a {
    font-size:100%; font-weight: normal;
    display: block;
    line-height:210%; margin-left:10px; padding:5px;
  }
  nav.main li.contact i { display:inline-block; }
  nav.main .navhome { display:block; }

  /*THIS WILL MOVE ENTIRE CONTENT*/
  .js-nav #innerwrap { left:240px; width:320px; }
  .js-nav #innerwrap nav.main { opacity:1 }
  .js-nav #innerwrap #nav-open-btn { color:#fa643f; }

  header { box-shadow: none; border: none; border-radius: 0; margin-top:-200px;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#ffffff) );
    background: -moz-linear-gradient(top, #dfdfdf, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff');
    border-radius:5px ;
    height: 200px;
    left: 50%;
  }
  .gray-boxtop { background:none; border:none; border-radius:0; bottom:auto; top:110px; font-size:157%; left:4%; }


  /*FLOATNAV*/
  #floatnav { display:none; }

  /*FOOTER*/
  #ftr { width:320px; margin-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0; }
  #ftr aside { background:#181818; width:100%; margin:0; padding:15px 0; }
  #ftr aside ul { margin: 0 0 0 60px; }
  #copy { background:none; margin:0; padding:8px; }
  #publisher { display:none; }
}
@media (min-width:480px) and (max-width:749px) {
  #wtf_firstcss_getsignored_junkid {}

  .contain { width:480px; }
  .btn_orange.mobile{ width:460px; margin-left:-230px; }

  /*HEADER*/
  #slidedown {  width: 480px; }
  header { margin-left: -240px; width:480px; left: 50%; height: 200px; }
  .gray-boxtop { width:300px; font-size:237%; line-height:85%; left: 19%;}
  .gray-boxtop h1 em { display:block; }
  nav.main li.contact a {
    font-size:227%;
    line-height:107%;
    font-weight: bold;
    font-style: normal;
    margin: 8px 0 0 0;
    display: block;
  }

  .js-nav #innerwrap { left:360px; width:480px;  }
  nav.main ul { width:360px; }
  nav.main { left:-360px; width:360px; }
  .gray-boxtop {  font-size:197%; }


  /*FOOTER*/
  #ftr { width:480px; }
  #ftr aside ul { margin: 0 0 0 140px; }
}
@media (min-width:750px) and (max-width:933px) {
  #wtf_firstcss_getsignored_junkid {}

  #main { padding-bottom:0; }
  .contain { width:750px; }

  /*SLIDEDOWN*/
  .blog #slidedown::before, .index #slidedown::before  { top:-46px }
  .mediakit #slidedown::before  { top:-128px }
  #slidedown #touchus { min-height:365px; }
  #slidedown #mediakit { min-height:283px; }
  #slidedown #mediakit::before {
    width: 348px; height: 203px;
    top: 41px; left: 5px;
    border-bottom: 2px solid #CCC;
  }
  #touchus .info { width:365px; font-size:92%; }
  #touchus .hello { width:auto; }
  #touchus .hello li { font-size:100%; margin-bottom:3px; }
  #touchus .location { margin-left:0; }
  #touchus .location figure { display:none; }
  #touchus .contact { width:300px; }

  #mediakit .contents { font-size:92%; text-align:left; width:355px; }
  #mediakit .contents h2 strong { display:inline;  font-size:123%; }

  /*HEADER*/
  #logo{ margin-left:7px;}
  header { width:100%; }
  header h1 { width:738px;  font-size:252%; padding:18px 0 10px; }
  nav.main { width:530px; margin-left:-217px;}
  nav.main a  { margin-left:2px; }
  .gray-boxtop { font-size: 282%; left:-3px;}
  .btn_orange{ margin-left: 271px; width:103px; font-size: 118%;}

  /*FOOTER*/
  #ftr { width:750px; border-bottom-left-radius:0; border-bottom-right-radius:0; }
  #publisher span { font-size:62%; }
  #publisher span, #publisher em { display:block; }
  #publisher a { text-align:center; padding:8px 10px; font-size:167%; }
}
@media (min-width:930px) and (max-width: 1040px) {
  #logo { margin-left: 7px;}
  .btn_orange {margin-left: 276px;}
}