header {
	position: fixed;
	z-index: 10;
	width: 100%;
}

	header .readline {
		width: 100%;
		height: 30px;
		background-color: #900;
		background-image: url(static/images/redlines.png);
		background-repeat: repeat-x;
	}

		header .readline .inner-readline {
			position: relative;
			z-index: 0;
			margin: 0 auto;
			width: 80%;
			max-width: 1332px;
			height: 30px;
		}

			header .readline .inner-readline #logo {
				position: absolute;
				z-index: 2;
				left: -840px;
				width: 1000px;
				height: 0;
				border-top: 110px solid #fff;
				border-right: 25px solid transparent;

			}

				header .readline .inner-readline #logo .inner-logo {
					width: 100%;
					border-bottom: 5px solid #1e1e1e;
				}

					header .readline .inner-readline #logo .inner-logo img {
						margin: -105px 10px 0 0;
						float: right;
						width: 145px;
					}

			header .readline .inner-readline .top-menu {
				position: absolute;
				z-index: 1;
				left: 170px;
				width: 585px;
				border-top: 35px solid #fff;
				border-right: 10px solid transparent;
			}

				header .readline .inner-readline .top-menu .menu-top-container {
					margin: -29px 0 0 3px;
				}

					header .readline .inner-readline .top-menu .menu-top-container #menu-top {
						margin: 0;
						list-style: none;
					}

						#menu-top li {
							float: left;
							list-style: none;
						}

							#menu-top li a {
								padding: 0 7px;
								color: #1e1e1e;
								font-family: 'Oswald';
								text-decoration: none;
							}

							#menu-top li:first-child a {
								color: #900;
							}

							#menu-top li a:hover {
								text-decoration: underline;
							}

			header .readline .inner-readline .social {
				position: absolute;
				z-index: 3;
				right: 0;
				width: 330px;
				height: 55px;
			}

				.social .social-menu {
					float: right;
					list-style: none;
				}

					.social .social-menu li {
						position: relative;
						margin: 0 0 0 1px;
						float: left;
						width: 60px;
						list-style: none;
					}

						.social .social-menu li a {
							display: inline-block;
							width: 60px;
							height: 50px;
							background-color: #1e1e1e;
							border-bottom: 5px solid #e0e0e0;
							-o-transition: .3s;
							-ms-transition: .3s;
							-moz-transition: .3s;
							-webkit-transition: .3s;
							transition: .3s;
						}

						.social .social-menu li a:hover {
							padding: 10px 0 0 0;
							height: 50px;
							border-bottom: 2px solid #900;
						}

							.social .social-menu li a img {
								display: block;
								margin: 10px 0 0 0;
							}

						.social .social-menu li .form-search {
							position: absolute;
							z-index: 1;
							top: 0;
							right: -244px;
							display: none;
							padding: 8px 10px;
							width: 224px;
							background-color: #1e1e1e;
							border-bottom: 5px solid #e0e0e0;
						}

							.social .social-menu li .form-search form {
								display: block;
							}

								.social .social-menu li .form-search form input {
									display: block;
									padding: 5px;
									width: 214px;
									border: none;
									font-family: 'Oswald';
									font-size: 1em;
								}




	header .grayline {
		width: 100%;
		height: 79px;
		background-color: #6e6e6e;
		border-bottom: 1px solid #fff;
	}

		header .grayline .inner-grayline {
			margin: 0 auto;
			width: 80%;
			max-width: 1332px;
			height: 80px;
		}

			header .grayline .inner-grayline .middle-menu {
				margin: 0 0 0 180px;
				height: 80px;
			}

				header .grayline .inner-grayline .middle-menu .menu-middle-container {
					display: inline-block;
				}

					header .grayline .inner-grayline .middle-menu .menu-middle-container #menu-middle {
						display: inline-block;
						margin: 20px 0 0 0;
						list-style: none;
					}

						#menu-middle li {
							float: left;
							list-style: none;
						}

							#menu-middle li a {
								padding: 8px 8px;
								float: left;
								color: #e0e0e0;
								font-family: 'Oswald';
								font-size: 1.25em;
								text-transform: uppercase;
								text-decoration: none;
							}

							#menu-middle li a:hover {
								text-decoration: underline;
							}