.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	background: url(../images/topBgPan.jpg) repeat-x left top;
	height: 141px;
	border-bottom: solid 12px #efce15;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.cbp-af-header .cbp-af-inner {
	width: 1008px;
	max-width: 1008px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../images/topPanShdw.png) repeat-x bottom;
	position: relative;
}
.cbp-af-header #logo, .cbp-af-header #nav {
	display: inline-block;
	position: relative;
}
/* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header #logo, .cbp-af-header #nav a {
	line-height: 20px;
}
.cbp-af-header #logo {
	left: -6px;
	position:absolute;
	width:250px;
	height:140px;
	margin:0;
	padding:0px;
	float: left;
	z-index:999;
}
.cbp-af-header #logo a {
	width:100%;
	height:100%;
	background: url(../images/logo.png) no-repeat left top;
	background-size:100% 100%;
	text-indent:-999px;
	display:block;
}
.cbp-af-header #nav {
	float: right;
	width:95%;
	background: #b93358;
	border-bottom: solid 2px #efce15;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.cbp-af-header #nav ul, .cbp-af-header.cbp-af-header-shrink #nav ul {
	float:right;
}
.cbp-af-header #nav ul li, .cbp-af-header.cbp-af-header-shrink #nav ul li {
	float:left;
	position:relative;
}
.cbp-af-header #nav ul ul, .cbp-af-header.cbp-af-header-shrink #nav ul ul {
	position:absolute;
	display:none;
	width:180px;
	top:35px;
	padding:1px 0 0 0;
}
.cbp-af-header #nav li:hover a {
	background-color:#fff;
	color: #b93358;
	background-image: none;
}
.cbp-af-header #nav ul li:hover ul, .cbp-af-header.cbp-af-header-shrink #nav ul li:hover ul {
	display:block;
	z-index:1000;
}
.cbp-af-header #nav ul li li, .cbp-af-header.cbp-af-header-shrink #nav ul li li {
	width:180px;
}
.cbp-af-header #nav ul li li a, .cbp-af-header.cbp-af-header-shrink #nav ul li li a {
	padding:5px 15px;
	line-height:26px;
	margin:0;
	border:none;
	border-bottom:solid 1px #8c1a0d;
	background:#a92516;
	display:block;
	font-size:12px;
	color:#FFF;
}
.cbp-af-header #nav li a {
	color: #fff;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	display: block;
	font-weight: normal;
	margin: 0;
	padding:9px 18px;
	font-size: 12px;
	background: url(../images/divider.png) no-repeat right center;
	text-decoration:none;
}
.cbp-af-header #nav li a:hover {
	color: #b93358;
	background: url(../images/arrow.png) no-repeat center top #fff;
}
/* Transitions and class for reduced height */
.cbp-af-header #logo, .cbp-af-header #nav li a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.cbp-af-header.cbp-af-header-shrink #follow, .cbp-af-header.cbp-af-header-shrink .reservation {
	display:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.cbp-af-header.cbp-af-header-shrink {
	height: 100px;
	border-bottom: solid 4px #efce15;
}
.cbp-af-header.cbp-af-header-shrink #navigation {
	height: 100px;
}
.cbp-af-header.cbp-af-header-shrink #nav li a {
	line-height: 20px;
	padding:7px 20px;
	font-size: 12px;
}
.cbp-af-header.cbp-af-header-shrink #nav {
	margin-top:30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.cbp-af-header.cbp-af-header-shrink #logo {
	width:171px;
	height:100px;
	padding:0px;
}

/* Example Media Queries */
@media screen and (max-width: 1024px) {
.cbp-af-header {
height:141px;
}
 .cbp-af-header .cbp-af-inner {
 width: 96%;
 max-width:100%;
 padding:0 0 10px 0;
}
}
 @media screen and (max-width: 980px) {
 .cbp-af-header {
height:110px;
border-bottom: solid 6px #efce15;
}
 .cbp-af-header .cbp-af-inner {
 width: 96%;
 max-width:100%;
 padding:0 0 10px 0;
}
 .cbp-af-header #logo {
 line-height: 30px;
 width:252px;
 height:141px;
}
 .cbp-af-header #nav li a {
 line-height: 20px;
 padding:5px 14px;
 display:inline-block;
 font-size:90%;
}
}
@media screen and (max-width: 800px) {
 .cbp-af-header {
height:100px;
border-bottom: solid 6px #efce15;
}
 .cbp-af-header .cbp-af-inner {
 width: 96%;
 max-width:100%;
 padding:0 0 10px 0;
}
 .cbp-af-header #logo {
 line-height: 30px;
 width:216px;
 height:120px;
}
 .cbp-af-header #nav {
margin-top: 22px;
}
 .cbp-af-header #nav li a {
 line-height: 20px;
 padding:5px 12px;
 display:inline-block;
 font-size:90%;
}
 .cbp-af-header #nav li a {
 margin: 0;
}
.cbp-af-header.cbp-af-header-shrink #nav li a {
	line-height: 20px;
	padding:7px 20px;
	font-size: 90%;
}
}
@media screen and (max-width: 740px) {.cbp-af-header.cbp-af-header-shrink #nav li a {
	line-height: 20px;
	padding:7px 15px;
	font-size: 90%;
}}
@media screen and (max-width: 682px) {
 .cbp-af-header {
position:static;
height:100px;
}
 .cbp-af-header #logo {
float:left;
padding:0 0;
}
 .cbp-af-header #nav, .cbp-af-header.cbp-af-header-shrink #nav {
float:right;
width:98px;
}
}
@media screen and (max-width: 640px) {
 .cbp-af-header {
position:static;
height:100px;
}
 .cbp-af-header #logo {
float:left;
padding:0px 0;
}
 .cbp-af-header #nav, .cbp-af-header.cbp-af-header-shrink #nav {
float:right;
width:98px;
}
}
@media screen and (max-width: 340px) {
 .cbp-af-header {
position:static;
height:60px;
}
 .cbp-af-header #logo {
float:left;
padding:0px 0;
width: 125px;
height:70px;
}
 .cbp-af-header #nav, .cbp-af-header.cbp-af-header-shrink #nav {
float:right;
width:98px;
}
}
