/********* HEADER *********/
.home-page header{
	background-position: center;
}

header{
	height: 99px;
}

header .nav-wrap br{
	display: none;
}

.nav-wrap{
	background: url('img/header-nav-bg.png');
	padding-bottom: 19px;
}

header nav{
	float: right;
	margin-top: -11px;
	width: 516px;
}

header nav ul{
	float:right;
	margin-top: 15px;
}

nav li, header .nav-wrap .max-width > a{
	float:left;
	position: relative;
}

header .nav-wrap .max-width > a{
    height: 99px;
    padding-top: 20px;
    position: relative;
    top: -20px;
}

header .nav-wrap .max-width > a:hover .header-logo{
	padding-top: 75px;
}
.header-logo{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

nav li, header .nav-wrap .max-width > a:hover .header-biggie{
	top: 11px;
}

.header-biggie{
	position: absolute;
	left: -13px;
	top: 94px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

nav a{
	text-decoration: none;
}

header .max-width{
	padding-top: 20px;
}

.header-nav-main{
	margin-right: 00px;
	margin-bottom: 10px;
	float: right;
}

.header-nav-main a{
	color: #fcc738;
	display: table;
	font-size: 1.25em;
	text-transform: uppercase;
	font-family: Delicious Heavy;
	position: relative;
	z-index: 10;
	top: -35px; 
	height: 94px; 
	padding: 35px 15px 0;
}

.header-nav-secondary a{
	font-family: Delicious Italic;	
	color: #b6b3a8;
	margin: 4px auto 0;
	font-size: .875em;
	padding-left: 8px;
	
}

.header-nav-secondary a:after{
	content: "/";
	padding-left: 8px;
	color: #b6b3a8;
}

.header-nav-secondary li:last-child a:after{
	content: "";
}

.header-nav-secondary a:hover{
	color: #FCC738;
}

.nav-bg{
	width: 100%; 
	position: absolute;
	top: -131px;
	height: 94px;
	z-index: 2;
	background: #FCC738;
	opacity: .8;
	
	-webkit-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	-moz-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	-o-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	-ms-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
}

.header-nav-main a:hover + .nav-bg{
	top: -35px;
}

.header-nav-main a:hover{
	color: #343434;
}