/*@media screen and (max-width: 4.5in) {
*/

/* workaround: chromium displays scrollsbars when not needed */
::-webkit-scrollbar {
   height: 0px !important;
   display: none;
}

body, html {
   width: 100%;
   height: auto;
   min-height: 100%;
   margin: 0px;
   padding: 0px;
   font-size: 16px; /* fallback */
   background: #eee;
   font-family: Arial, Helvetica, sans-serif;
}

body {
   color: black;
   width: 94%;
   left: 2%;
   margin-left: 2%;
}
 
body:after {
   position: relative;
   display: block;
   content: "\00a9 2014 Future Environment Designs, Inc.";
   margin-top: 1.5em;
   text-align: center;
   color: white;
   font-weight: bold;
   font-size: 0.85em;
   background: black;
   height: 1.25em;
   width: 100%;
   border-top: 3px double #fbad09;
   border-bottom: 3px double #fbad09;
   overflow: hidden;
   white-space: nowrap;
}

fieldset {
    display: inline;
    font-family: sans-serif;
    border: 3px solid #555;
    background: #ccc;
   -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
           border-radius: 8px;
    padding: 0 0 0.25em .2em;
    margin-top: 0.3em;
}

  fieldset legend {
    background: #444;
    padding: 0.25em 0.75;
    font-size: 0.65em;
    font-weight: bold;
    font-variant: small-caps;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    color: white;
    border-top: 2px solid white;
    /*box-shadow: 0 0 0 5px #ddd;*/
    margin-left: 0.5em;
    text-overflow: clip;
    overflow: hidden;
    white-space: pre;
  }

input[type="text"] {
   height: 1.6em;
   color: black;
   margin-left: 0.5em;
}
  input[type="text"]:hover {
    text-shadow: 0px 1px 1px #fbad09;
  }

#banner {
      background: #fff;
      text-align: center;
      border-bottom: 2px double black;
      -moz-box-shadow: 2px 2px 3px #000;
      -webkit-box-shadow: 2px 2px 3px #000;
      box-shadow: 2px 2px 3px #000;
}

#banner:after {
   position: relative;
   display: block;
   content: "NEGATIVE AIR APP";
   width: 100%;
   height: 1.2em;
   background: black;
   color: white;
   font-size: 0.88em;
   font-weight: bold;
   border-top: 3px double #fbad09;
   border-bottom: 3px double #fbad09;
}

#banner img {
      height: 4.5em;
}

.nav {
	position: relative;
	font-size: 0.85em;
	padding: 0.5em 0 0.5em 0;
}

.nav:after {
	display: block;
	position: relative;
	content: "";
	left: 5%;
	width: 90%;
	height: 0.5em;
	border-top: 3px groove #222;
}

.nav ul {
	position: relative;
	margin: 0;
	padding: 0 0.2em 0.5em 0.2em;
	text-align: center;
}

.nav li {
	width: 23%;
	list-style: none;
	display: inline-block;
	*display:inline; /* ie7 */
}

.nav a {
	text-decoration: none;
	color: #999;
}

.nav a:hover {
	color: #000;
	border: solid 1px #fbad09;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	white-space: nowrap;
	font-size: .85em;
}

.nav a:active {
	color: #000;
	border: solid 1px #fbad09;
	border-radius: 8px;
	border: 1px 2px solid black;
	padding: 0 2px;
}

.nav a.current {
	background: #fd2;
	color: #222;
	border-radius: 8px;
	border: 1px 2px solid black;
	padding: 0 2px;
}

p {
	margin: 0 0 2em 0;
}

h1 {
	font: bold 80% Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	margin: 0 0 2px;
	color: #666;
}
h2 {
	margin: 0 0 8px;
	font-size: 1.1em;
}
h3 {
	font-size: 0.92em;
	line-height: 95%;
}
h3 span {
	font-weight: normal;
	font-size: 0.88em;
}

/*}  // removed for desktop testing
*/