#header {
	z-index:1000;
	width:100%;
	height:300px;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	position:fixed;
	background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
}

#carey_logo {
	z-index:2000;
	width: 300px;
	height: 108px;
	margin: 40px auto 0;
	position:relative;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/carey_logo.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#menu{
	z-index:20;
	width:auto;
	height:70px;
	top:20px;
	margin: auto;
	position:relative;
	font-size: 14pt;
	font-family: PlayfairDisplayRegular;
	text-align: center;
	font-weight: 300;
	text-decoration:none;  
	list-style:none;
	outline:none; 
    display: flex;
    justify-content: center;
    align-items: center;
}

#menu li{
	z-index: 10;
	width:auto;
	padding:0 30px 0 30px;
	float:left; 
	position:relative;
}

#menu li a{
	height: 25px;
	color:#dddddd; 
	text-decoration:none; 
	
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; 
}

#menu li a:hover{ 
	color: #ffffff;
}

#menu li a.current{ 
	color: #ffffff;
}

#menu li a:after{
	height: 25px;
    content: "";
	display: flex;
    vertical-align: bottom;
	
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; 
}

#menu li a:hover::after{ 
	height: 25px;
    content: "";
	display: flex;
    vertical-align: bottom;
    background-image: url('../images/nav_pattern.png');
	background-repeat:no-repeat;
	background-position: 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#menu li a.current::after{ 
	height: 25px;
    content: "";
	display: flex;
    vertical-align: bottom;
    background-image: url('../images/nav_pattern.png');
	background-repeat:no-repeat;
	background-position: 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}