/* Menu Styles */
header .nav-wrap {position:relative; background:none; z-index:2700;}
header .nav-wrap .container {background:none; margin:0 auto; z-index:2700;}
header .nav {clear:right; float:right; z-index:2700;}
/* Header Nav - shrinking header */
header.shrink .nav {clear:right; z-index:1000; text-align:right;}
header.shrink ul.menu-list {padding-top:12px;}


/* Init Logic */
.menu-toggle-button {padding:0; cursor:pointer; text-align:right;}
.menu-toggle-button {display:none;}
.menu-toggle-button img {display:inline;}
.menu-toggle-button.active {color:#E60101;}

ul.menu-list {list-style:none; position:relative; /*display:inline-table;*/ /*padding-bottom:22px;*/ margin:0; /*height:100%;*/ z-index:1000; padding-top: 12px;}
ul.menu-list li {float:left; position:relative;}
ul.menu-list li a {display:block; font-family:"open_sanssemibold", Helvetica, Arial, sans-serif; font-size:16px; line-height:1;}

/* Handling Submenu */
ul.menu-list ul {display:none; padding:0 0 0 0; margin:0; position:absolute; top:100%; left:0%; list-style:none; z-index:1000;}
ul.menu-list ul li {position:relative; float:none; padding:0px; margin:0px;}
ul.menu-list ul li a {font-family:"open_sansregular", Helvetica, Arial, sans-serif; font-size:14px;}
ul.menu-list ul ul {position:absolute; top:0%; left:-100%; z-index: 1000;}
ul.menu-list li:hover>ul {display:inline-block;}

/* End Init Logic */


/* Style */
ul.menu-list li:hover>ul {background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
/*ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;float:right;padding-left:10px;line-height:2.2em;}*/ /* All levels */
/*ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;}*/ /* Fix for IE9 and below */
/*ul.menu-list>li.has-submenu>a>span.menu-expand{}*/ /* Level 1 */
/*ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'}*/ /* Level 1 */
/*ul.menu-list li li.has-submenu>a>span.menu-expand{}*/ /* Level 2 */
/*ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'}*/ /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a {color:white; text-decoration:none; padding:10px 10px;} /* All levels */
ul.menu-list li>a {color:white;} /* Level 1 */
	.home ul.menu-list>li>a {color:#fff;}  /* Level 1 HOMEPAGE */
	.home header.shrink ul.menu-list>li>a {color:#fff;} /* Level 1 HOMEPAGE SCROLLED */
	.home header.shrink ul.menu-list>li:hover>a {color:#E60101;} /* Level 1 HOMEPAGE SCROLLED */
ul.menu-list li li>a {width:200px;padding:10px 10px;} /* Level 2 */
ul.menu-list li li li>a {} /* Level 3 */

/* First Level*/
ul.menu-list>li {margin:0; padding:0; /*border-right:1px solid #ccc;*/}
ul.menu-list>li:last-child {padding-right:0px; /*border-right:none;*/}
ul.menu-list>li>a {text-transform:uppercase;}
ul.menu-list>li:hover {}
ul.menu-list>li:hover>a {background-color:none; color:#E60101;}
ul.menu-list>li>a:hover {}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border:none;}
ul.menu-list>li>ul>li{background:#666; border-bottom:none; text-align:left;}
ul.menu-list>li>ul>li>a{color:#fff;}
ul.menu-list>li>ul>li:hover{background:#E60101;}
ul.menu-list>li>ul>li:hover>a{color:#fff;}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li{background:#666; border-bottom:none;}
ul.menu-list>li>ul>li>ul>li>a{color:#fff;}
ul.menu-list>li>ul>li>ul>li:hover{background:#c82027;}
ul.menu-list>li>ul>li>ul>li:hover>a{color:#fff;}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* Fourth Level*/
ul.menu-list>li>ul>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li>ul>li{background:#666; border-bottom:none; border-left:1px solid #ccc;}
ul.menu-list>li>ul>li>ul>li>ul>li>a{color:#fff;}
ul.menu-list>li>ul>li>ul>li>ul>li:hover{background:#c82027;}
ul.menu-list>li>ul>li>ul>li>ul>li:hover>a{color:#fff;}
ul.menu-list>li>ul>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */



/* CUSTOM */
/* make last menu link a button */
@media screen and (min-width: 1140px){
	ul.menu-list li.menu-button a {color:#fff!important; background-color:#c82027; border-radius:4px;}
	ul.menu-list li.menu-button:hover a {background-color: #555; color:#fff; text-decoration: none;}
}

#display-advertising ul.menu-list > li.display-advertising > a,
#airport-advertising ul.menu-list > li.display-advertising > a,
#digital-billboards ul.menu-list > li.display-advertising > a,
#highway-billboards ul.menu-list > li.display-advertising > a,
#faqs ul.menu-list > li.display-advertising > a{color:#c82027;}

#locations ul.menu-list > li.locations > a,
#prince-george ul.menu-list > li.locations > a,
#fort-nelson ul.menu-list > li.locations > a,
#fort-st-john ul.menu-list > li.locations > a,
#prince-rupert ul.menu-list > li.locations > a,
#kamloops ul.menu-list > li.locations > a,
#lower-mainland ul.menu-list > li.locations > a,
#comox ul.menu-list > li.locations > a,
#victoria ul.menu-list > li.locations > a,
#nanaimo ul.menu-list > li.locations > a,
#campbell-river ul.menu-list > li.locations > a {color:#c82027;}
@media screen and (max-width: 1140px){
	ul.menu-list > li > a {color:#fff!important;}
}



#marquis-advertising ul.menu-list > li.marquis-advertising > a {color:#c82027;}

#index ul.menu-list > li.index > a {color:#c82027;}
#about ul.menu-list > li.about > a {color:#c82027;}
#services ul.menu-list > li.services > a {color:#c82027;}
#methods ul.menu-list > li.methods > a {color:#c82027;}
#contact ul.menu-list > li.contact > a {color:#c82027;}

li.display-advertising:hover > a,
li.locations:hover > a{cursor: default;}
/* End Menu Styles */





/* ======================== */
/* RESPONSIVE MEDIA QUERIES */
/* ======================== */

@media screen and (max-width: 1140px){
	header .nav-wrap .container {width:100%;}
	header .nav {float:none; margin-top:0;}
	header .menu-toggle-button {display: block; margin-right: 20px;}

	/* Init Logic */
	.menu-toggle-button {display:block; padding-top: 10px; margin-right:20px; /*margin-bottom:60px;*/}
	.show-for-devices{display:block!important;}

	ul.menu-list {display:none; margin-bottom:0px; padding-bottom:0; padding-top: 15px; padding-right: 0px;}
	header.shrink ul.menu-list {padding-top:15px;}
	.home ul.menu-list>li>a {color:#555;}  /* Level 1 HOMEPAGE */
	ul.menu-list li {clear:both; float:none; display:block; position:relative; line-height:normal; text-align: left;}

	/* Handling Submenu */
	ul.menu-list ul{display:none;position:relative; width:100%;}
	ul.menu-list ul li{}
	ul.menu-list ul ul{position:relative;top:100%;left:0%;}
	ul.menu-list li:hover>ul{display:none;}
	/* End Init Logic */

	/* Style */
	ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

	/* Submenu Expand Icon */ /* ORIG */
	/*ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 1000}*/ /* All levels */
	/*ul.menu-list>li.has-submenu>a>span.menu-expand{}*/ /* Level 1 */
	/*ul.menu-list li li.has-submenu>a>span.menu-expand{}*/ /* Level 2 */
	/*ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';}*/ /* Level 2 */

	ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.5em;line-height:1em;position:absolute;right:0;z-index: 1000;} /* All levels */
	ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
	ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
	ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'+'; font-size:1.750rem;}
	ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'+'; font-size:1.750rem;} /* Level 2 */

	/* You can manage with of elements by width of a-tag */
	ul.menu-list li a{color:#fff;position:relative;} /* All levels */
	ul.menu-list li>a{color:#fff; padding:20px 10px;} /* Level 1 */
		.home ul.menu-list>li>a {color:#fff;}  /* Level 1 HOMEPAGE */
		.home header.shrink ul.menu-list>li>a {color:#fff;} /* Level 1 HOMEPAGE SCROLLED */
		.home header.shrink ul.menu-list>li:hover>a {color:#fff;} /* Level 1 HOMEPAGE SCROLLED */
	ul.menu-list li li>a{width:auto;} /* Level 2 */
	ul.menu-list li li li>a{} /* Level 3 */

	/* First Level*/
	ul.menu-list>li {background-color:#666; margin:0px; border:none; border-bottom:1px solid #999;}
	ul.menu-list>li>a {color:#fff;}
	ul.menu-list>li:hover {background-color:#c82027;}
	ul.menu-list>li:hover>a {color:#fff;}
	ul.menu-list>li>a:hover {}
	/* End First Level*/

	/* Second Level*/
	ul.menu-list>li>ul {border:none;}
	ul.menu-list>li>ul>li {background-color:#888; padding-left:0px; border-bottom:none;}
	ul.menu-list>li>ul>li>a {color:#fff;}
	ul.menu-list>li>ul>li:hover {background-color:#c82027;}
	ul.menu-list>li>ul>li:hover>a {color:#fff;}
	ul.menu-list>li>ul>li>a:hover {}
	/* End Second Level*/

	/* Third Level*/
	ul.menu-list>li>ul>li>ul{border:none; border-bottom:1px solid #999;}
	ul.menu-list>li>ul>li>ul>li{background-color:#888; padding-left:0px;}
	ul.menu-list>li>ul>li>ul>li>a{}
	ul.menu-list>li>ul>li>ul>li:hover{}
	ul.menu-list>li>ul>li>ul>li:hover>a{background-color:#c82027; color:#fff}
	ul.menu-list>li>ul>li>ul>li>a:hover{}
	/* End Third Level*/

	/* Third Level*/
	ul.menu-list>li>ul>li>ul>li>ul{border:none;}
	ul.menu-list>li>ul>li>ul>li>ul>li{padding-left:0px;}
	ul.menu-list>li>ul>li>ul>li>ul>li>a{}
	ul.menu-list>li>ul>li>ul>li>ul>li:hover{background:#392f2b;}
	ul.menu-list>li>ul>li>ul>li>ul>li:hover>a{}
	ul.menu-list>li>ul>li>ul>li>ul>li>a:hover{}
	/* End Third Level*/

}
/* End Style */


@media screen and (max-width: 640px){
/* Menu Styles */

/* Init Logic */
	header.shrink .menu-toggle-button {/*padding-top: 2%;*/}
	ul.menu-list {display:none; margin-bottom:0px; padding-bottom:0; padding-top: 15px; padding-right: 0px;}
	}
	
@media screen and (max-width: 480px){
/* Init Logic */
	.menu-toggle-button {/*padding-top:8%; */margin-right:10px;}
	header.shrink .menu-toggle-button{/*padding-top: 4%;*/}
	ul.menu-list {display:none; margin-bottom:0px; padding-bottom:0; padding-top: 15px; padding-right: 0px;}
	}
	
/* End Menu Styles */