/*Homepage nav*/

#mainnav {
 width: 1300px;
 height: 420px;
 background: url(/images/desk-sprite.png) no-repeat;
 position:relative;
}


#mainnav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#mainnav a {display: block;}


		
#mainnav #contact {left: 236px; top: 215px; width: 220px; height: 175px;}
#mainnav #gallery {left: 307px; top: 91px; width: 120px; height: 130px; }
#mainnav #advertising {left: 457px;top: 276px; width: 182px; height: 112px;}
#mainnav #tickets {left: 641px; top: 286px; width: 139px; height: 117px; }
#mainnav #podcasts {left: 792px; top: 226px; width: 127px; height: 191px;}
#mainnav #rude {left: 917px; top: 174px; width: 66px; height: 183px;}
#mainnav #app {left: 995px; top: 302px; width: 157px; height: 94px; }
#mainnav #watch {left: 969px; top: 156px; width: 173px; height: 166px; }
#mainnav #videos {left: 1149px; top: 259px; width: 123px; height: 142px; }
/*#mainnav #youtube {left: 953px; top: 54px; width: 112px; height: 45px;}
#mainnav #twitter {left: 1024px; top: 102px; width: 112px; height: 45px;}
#mainnav #facebook {left: 1081px; top: 57px; width: 122px; height: 45px;}
#mainnav #instagram { 
	right: 25px; 
	top: 90px;
	-webkit-transform: rotate(7deg);
	   -moz-transform: rotate(7deg);
	    -ms-transform: rotate(7deg);
	     -o-transform: rotate(7deg);
	        transform: rotate(7deg); 
}*/
#mainnav #youtube,
#mainnav #twitter,
#mainnav #facebook,
#mainnav #instagram {
	font-size: 18px;
}
#mainnav #youtube {left: 975px; top: 75px; width: 112px; height: 45px;}
#mainnav #twitter {left: 1025px; top: 75px; width: 112px; height: 45px;}
#mainnav #facebook {left: 1075px; top: 75px; width: 122px; height: 45px;}
#mainnav #instagram {left: 1125px; top: 75px; width: 122px; height: 45px;}

#mainnav #contact a {height: 175px; width: 220px;}
#mainnav #gallery a {height: 130px; width: 120px;}
#mainnav #advertising a {height: 112px; width: 182px;}
#mainnav #tickets a {height: 117px; width: 139px;}
#mainnav #podcasts a {height: 191px; width: 127px;}
#mainnav #rude a {height: 183px; width: 66px;}
#mainnav #app a {height: 94px; width:157px}
#mainnav #watch a {height: 166px; width: 173px;}
#mainnav #videos a {height: 142px; width:123px}
/*#mainnav #youtube a {height: 45px; width: 112px;}
#mainnav #twitter a {height: 45px; width: 112px;}
#mainnav #facebook a {height: 45px;  width: 122px;}
#mainnav #instagram a {height: 45px;  width: 122px; font-size: 20px; color: #3f729b;}*/
#mainnav #youtube span {
	color: #cd201f;
}
#mainnav #youtube span:hover .fa-youtube {
	color: #cd201f;
}
#mainnav #youtube span:hover {
	color: #fff;
}
#mainnav #twitter span {
	color: #55acee;
}
#mainnav #twitter span:hover .fa-twitter {
	color: #55acee;
}
#mainnav #twitter span:hover {
	color: #fff;
}
#mainnav #facebook span {
	color: #3b5998;
}
#mainnav #facebook span:hover .fa-facebook {
	color: #3b5998;
}
#mainnav #facebook span:hover {
	color: #fff;
}
#mainnav #instagram span {
	color: #3f729b;
}
#mainnav #instagram span:hover .fa-instagram {
	color: #3f729b;
}
#mainnav #instagram span:hover {
	color: #fff;
}

#mainnav #contact:hover{background: url(/images/desk-sprite.png) -1736px -215px no-repeat;}
#mainnav #gallery:hover {background: url(/images/desk-sprite.png) -1807px -91px no-repeat;}
#mainnav #advertising:hover{background: url(/images/desk-sprite.png) -1957px  -276px no-repeat;}
#mainnav #tickets:hover {background: url(/images/desk-sprite.png) -2141px  -286px  no-repeat;}
#mainnav #podcasts:hover {background: url(/images/desk-sprite.png) -2292px  -226px no-repeat;}
#mainnav #rude:hover {background: url(/images/desk-sprite.png) -2417px  -174px no-repeat;}
#mainnav #app:hover {background: url(/images/desk-sprite.png) -2495px  -302px no-repeat;}
#mainnav #watch:hover{background: url(/images/tv-static.gif) no-repeat;}
#mainnav #videos:hover{background: url(/images/desk-sprite.png) -2649px  -259px no-repeat;}
/*#mainnav #youtube:hover{background: url(/images/desk-sprite.png) -2453px  -54px no-repeat;}
#mainnav #twitter:hover {background: url(/images/desk-sprite.png) -2524px  -102px no-repeat;}
#mainnav #facebook:hover {background: url(/images/desk-sprite.png) -2581px  -57px no-repeat;}
#mainnav #instagram a:hover .fa-instagram { color: #FCE27C;}*/



/*subpage nav*/


body.home .subnav{
	margin:10px 0 0 0;
}

.subnav{
	display:block;
	width:1200px;
	height:33px;
	line-height:33px;
	margin:10px 0 0 0;
	z-index:9999;
	position:relative;
}


.subnav, .subnav ul, .subnav ul li, .subnav a{
	z-index:9999;
}

.subnav ul{
	list-style-type:none; 
	margin:0;
	padding:0;	
	
}

.subnav li{ 
    display:block;
	float:left;
	font-family:HeadlineHPLHSTwo,Helvetica,Arial, sans-serif;
	font-size:30px;
	color:#000000;
	padding:0;
	text-align:left !important;
	/*margin:0 29px 0 0;*/
}

.subnav li.concerts:hover, .subnav li.the411:hover{
	background:#ffffff;
	
}


.subnav li a{ 
	display:block;
	padding: 5px 10px;
}

.subnav li.logosocial a { 
	padding: 5px 0 5px 5px;
}


.subnav a{
	text-decoration:none;	
}



/*subnav*/


.subnav ul li:hover ul.sub{
	position:absolute; 
	top:38px;
	right:182px;
	min-width:185px;
	display:block;
	text-align:center;
	padding: 0;
	z-index:1;
}


.subnav ul li ul.sub{
	display:none;
	z-index:1;
	position:absolute;
	top:0px;
	left:800px;
}


.subnav ul li:hover ul.sub li{
	float:none;
	list-style:none;
	padding:0;
	margin:0;
	background-image:none;
	background:#ffffff;
	text-align:center;
	text-transform:uppercase;
	font-size:24px;
	line-height:26px;
	
	
}

.subnav ul li:hover ul.sub li a{
	padding:10px;
	color:#E31C00;
	z-index: 99999;
}



.subnav ul li:hover ul.sub li:hover{
	background: #E31C00;  

}

.subnav ul li:hover ul.sub li a:hover{
	color:#000000;

}

.subnav, .subnav ul, .subnav ul li, .subnav a { 
position: relative;
z-index: 9999999;
 }
 
 .subnav ul li ul.sub { 
clear: both;
display: none;
left: 0px;
position: absolute;
top: 0px;
z-index: 1;
 }