@charset "utf-8";
/* Header 1 CSS Document */

.logo {
	float: left;
	position: relative;
	z-index: 2;
}

.top {
	width: 100%;
	max-width: 1142px;
	margin: 0 auto;
	border-bottom: 1px solid #000;
}

/* Navigation */

.nav-collapse, .nav-collapse * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nav-collapse, .nav-collapse ul {
	list-style: none;
	width: 100%;
}

.nav-collapse li {
	float: left;
	width: 100%;
}
.nav-collapse a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #ccc;
	padding: 0.7em 1em;
	float: left;
}
.nav-collapse ul ul a {
	background: #ca3716;
	padding-left: 2em;
}
.nav-toggle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 70px;
	height: 55px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background: #000 url("../images/hamburger.gif") no-repeat 50% 45%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

ul.menuSearch li {
	padding: 0.7em 1em;
	border-bottom: 1px solid #ccc;
}

.searchForm input[type="text"], .searchForm input[type="search"] {
	margin:0;
	vertical-align: top;
	height: 24px;
	padding: 3px 3px 3px 5px;
	box-shadow: 0px 1px 3px #DDD inset;
}
/* End Navigation */





/* up to 799px */
@media screen and (max-width: 49.938em) {

.top {
padding: 0;
margin: 0;	
}

.logo {
max-width: 40%;
margin: -0.2em .5em 0 .5em;
}

.logo img {
max-height: 5.0em;
}

.headerAd {
	display: none;
}

ul.menuSearch {
	width: 100%;
	background: #000;
}

li.search {
	margin: 0;
}

.searchForm input[type="text"], .searchForm input[type="search"] {
	width: 80%;
}
	
}


@media screen and (min-width: 50em) {
.top {
	border: none;
	padding-top: 0.5em;
}
.logo {
	width: 60%;
	margin-top: 0.5em;
}
.logo img {
	max-width: 100%;
	height: auto;
}
.headerAd {
	float: right;
	text-align: right;
	width: 35%;
	padding: 0.5em 0 0.5em 5%;
}
.headerAd img {
	max-width: 100%;
	height: auto;
}

.nav-collapse {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #000;
	font-size: 0.813em;
	font-weight: bold;
}
.nav-collapse li {
	width: auto;
}
.nav-collapse a {
	margin: 0;
	float: left;
	width: auto;
	text-align: center;
	border-bottom: 0;
	border-right: 1px solid #666;
	padding: 0.5em 1em;
  }
.nav-collapse ul ul a {
	display: none;
}
ul.menuLrg {
	width: 75%;
}
ul.menuSearch {
	position: absolute;
	right: 1%;
	width: 24%;
}

ul.menuSearch li {
float: right;
display: inline-block;
padding: 0;
border-bottom: 0;
}

li.search {
	padding: 0;
	margin: 3px 0 -1px 0;
}

.searchForm input[type="text"], .searchForm input[type="search"] {
	width: 110px;
}

}


@media screen and (min-width: 50em) and (max-width: 61.250em) {

.nav-collapse a {
	padding: 0.5em 1em;
}


}

@media screen and (min-width: 61.313em) {
.nav-collapse a {
	padding: 0.5em 1.5em;
}

li.search form input[type="search"] {
	width: 11em;
}
}

@media screen and (min-width: 72.0em) {

.nav-collapse a {
	padding: 0.5em 2em;
}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
 .nav-toggle {
 background-image: url("../images/hamburger-retina.gif");
 -webkit-background-size: 100px 100px;
 -moz-background-size: 100px 100px;
 -o-background-size: 100px 100px;
 background-size: 100px 100px;
}
}
