/* Custom Fonts */
@font-face {
    font-family: 'shortcut';
    src: url('/fonts/shortcut-webfont.eot');
    src: url('/fonts/shortcut-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/shortcut-webfont.woff') format('woff'),
         url('/fonts/shortcut-webfont.ttf') format('truetype'),
         url('/fonts/shortcut-webfont.svg#shortcutregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'veneer';
    src: url('/fonts/veneer-webfont.eot');
    src: url('/fonts/veneer-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/veneer-webfont.woff') format('woff'),
         url('/fonts/veneer-webfont.ttf') format('truetype'),
         url('/fonts/veneer-webfont.svg#veneerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Utility classes */
.left { float: left; }
.right { float: right; }
.clear { clear:both; }
.hide { display:none; }
h1.hide, h2.hide, h3.hide, label.hide { display:block; position:absolute; left:-9999px; }
.relative { position:relative; }
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
main { display:block; }
img { max-width:100%; }

/* Grid */
.row {
	margin-left:auto;
	margin-right:auto;
	width: 1040px;
	*zoom: 1; 
}
.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}
.row {
    *zoom: 1;
}

.row .row {
	width: auto;
	margin-left:-10px;
	margin-right:-10px;
	max-width: none;
	*zoom: 1; 
}
.row.pad {
	padding-left:10px; 
	padding-right:10px; 	
}

.column,
.columns {
	position: relative;
	padding: 0 10px;
	width: 100%;
	float: left; 
}
.pull-left { margin-left:-10px; }
.pull-right { margin-right:-10px; }
  
.one { width: 8.33333%; }
.two { width: 16.66667%; }
.three { width: 25%; }
.four { width: 33.33333%; }
.five { width: 41.66667%; }
.six { width: 50%; }
.seven { width: 58.33333%; }
.eight { width: 66.66667%; }
.nine { width: 75%; }
.ten { width: 83.33333%; }
.eleven { width: 91.66667%; }
.twelve { width: 100%; }

body { padding-top:212px; background:url(/images/location_bg.png) no-repeat center 212px fixed; font:17px/22px Arvo, serif; font-weight:400; overflow-x:hidden; }

/* Header */
#header { height:212px; width:100%; padding:7px 0; position:fixed; top:0; left:0; background:url(/images/header_bg.png) no-repeat center; z-index:100; }

#header .banner { height:142px; }

#header .logo { display:block; position:absolute; margin:-7px 0 0 -30px; z-index:1; }

#header .social-media { text-align:center; font-size:0; padding-top:53.5px; }
#header .social-media ul { list-style:none; margin:0; padding:0; }
#header .social-media ul li { display:inline-block; width:35px; height:35px; border-radius:20px; margin:0 7.5px; transition:.25s; -webkit-transition:.25s; }
/* #header .social-media ul li:hover a { color:#fff; } */
#header .social-media ul li a { color:#000; display:block; text-align:center; line-height:35px; font-size:22px; }
#header .social-media ul li a i span { text-indent:-9999px; display:block; }

#header .social-media ul li.facebook { background-color:#FFFFFF; color:#0; }
#header .social-media ul li.facebook:hover { color:#213F82;}
#header .social-media ul li.facebook:hover a { color:#213F82;} 

#header .social-media ul li.twitter { background-color:#FFFFFF; }
#header .social-media ul li.twitter:hover { color:#21b9ff;}
#header .social-media ul li.twitter:hover a { color:#21b9ff;}

#header .social-media ul li.instagram { background-color:#FFFFFF; }
#header .social-media ul li.instagram:hover { color:#3a688c; }
#header .social-media ul li.instagram:hover a { color:#3a688c;}

#header .social-media ul li.youtube { background-color:#FFFFFF; }
#header .social-media ul li.youtube:hover {  color:#cf3227;}
#header .social-media ul li.youtube:hover a { color:#cf3227;}




#header .newsletter { text-align:center; padding-top:36px; }
#header .newsletter a { display:inline-block; }

#header nav { text-align:center; }
#header nav ul { list-style:none; margin:0; padding:0; }
#header nav ul li { display:inline-block; }
#header nav ul li a { display:block; font:20px/36px shortcut; margin:10px 0; padding:0 10px; color:#fff; text-decoration:none; transition:.25s; -webkit-transition:.25s; }
#header nav ul li a:hover { background-color:#BE3426; }
#header nav ul li span { display:block; font:20px/36px shortcut; margin:10px 0 0; padding:0 10px; color:#fff; text-decoration:none; transition:.25s; -webkit-transition:.25s; cursor:default; min-height:36px; }
#header nav ul li span:hover { background-color:#CD3C2B; min-height:36px; margin-bottom:0px;}
#header nav ul li span ul:hover { background-color:#CD3C2B; }

/* Content Sections */
main { padding:40px 0; }
main.home { padding:0; }
main.home .rotator { height:490px; position:relative; }
@media screen and (max-width:1040px) {
	main.home .rotator { overflow:hidden; }
}

main.home .banner { width:2000px; height:490px; padding:0; position:absolute; left:50%; top:0; margin-left:-1000px; overflow:hidden; }
main.home .pager { position:absolute; bottom:50px; left:50%; width:500px; margin-left:-250px; text-align:center; z-index:10; }
main.home .pager  a { display:inline-block; margin:0 5px; width:20px; height:20px; background-color:#fff; border-radius:20px; opacity:.5; text-indent:-9999px; transition:.25s; -webkit-transition:.25s; }
main.home .pager  a:hover { opacity:.75; }
main.home .pager  a.activeSlide { opacity:1; }

@media screen and (max-width:1040px) {
	main.home .content { width:1040px; }
}
main.home .content { background:url(/images/midpage_bg.png); height:453px; padding:35px 0; }
main.home .content { background:url(/images/midpage_bg.png); height:453px; }
main.home .live-music { padding:0 20px; padding-bottom:38px; background:url(/images/featured_artist_woodbar.png) no-repeat bottom; }
main.home .live-music .artist-info { background:url(/images/features_artist_header.png) no-repeat top center; padding-top:80px; text-transform:uppercase; font-family:shortcut; }
main.home .live-music hgroup h2 { font-size:19px; line-height:30px; padding:0 10px; background-color:#BE3426; color:#fff; margin:0 0 10px 0; display:inline-block; }
main.home .live-music hgroup h3 { color:#fff; font-size:49px; line-height:50px; margin:0 0 20px 0; }
main.home .live-music p { margin:0; }
main.location .location-main.music > article .events article p a {color: #D83620; }
main.home .live-music .location { font-size:19px; line-height:30px; padding:0 10px; background-color:#BE3426; color:#000; margin:0 0 10px 0; display:inline-block; }
main.home .live-music .date { font-size:20px; line-height:30px; padding:0 10px; color:#a8a8a8; }
main.home .live-music .artist-img div { position:relative; margin-right:-20px; text-align:center; }

main.home .dino-to-go { background:url(/images/togo_bg.png); height:429px; margin-top:-65px; padding-top:195px; text-align:center; position:relative; z-index:15; }
main.home .dino-to-go p { color:#fff; text-transform:uppercase; padding:0 20px; }
main.home .dino-to-go .chooser { position:absolute; bottom:0; left:0; width:100%; height:130px; padding:40px 20px; }
main.home .dino-to-go .chooser select { height:50px; line-height:50px; background-color:#272727; color:#fff; padding:0 10px; width:100%; font-family:veneer; font-size:24px; border:none; }
main.home .dino-to-go .chooser select:focus { outline:none; }

main.general > article { width:1010px; color:#fff; font-size:.9em; line-height:1.4; background-color:#000; padding:40px 170px; }
main.general > article a { color: #FFFF00; }
main.general h1 { color:#F3D260; font:40px/40px shortcut; text-transform:uppercase; }

main.general.news article { padding:30px 20px; }
main.general.news h1 { font:25px/15px shortcut; color:#fff; text-transform:uppercase; margin:0 20px 20px 20px; }
main.general.news h1 span { font-size:35px; line-height:35px; color:#db2f1f; display:block; }
main.general.news .news-container { height:500px; overflow:auto; background-color:#1C1C1C; }
main.general.news .news-container ul { list-style:none; margin:0; padding:0; }
main.general.news .news-container article { border-bottom:1px solid #000; padding:20px; }
main.general.news .news-container article span { display:inline-block; background-color:#DB301F; font:12px/20px Arvo; font-weight:700; color:#000; text-transform:uppercase; padding:0 5px; }
main.general.news .news-container article h1 { font:15px/18px Arvo; color:#fff; margin:10px 0; }
main.general.news .news-container article a { font:11px/15px Arvo; color:#db2f1f; text-decoration:none; }
main.general.news .news-container article a:hover { text-decoration:underline; }
main.general.news .news-container .mCSB_scrollTools { right:10px; }

main.general.news section.media { padding-top:25px; }
main.general.news section.media .scroller { background-color:#1c1c1c; padding:30px 20px; position:relative; }
main.general.news section.media .scroller-belt { width:600px; height:140px; overflow:hidden; }
main.general.news section.media .scroller-belt ul { list-style:none; margin:0; padding:0; white-space:nowrap;  font-size:0; }
main.general.news section.media .scroller-belt ul li { margin:0 5px; display:inline-block; }

main.general.news section.videos .scroller { background-color:#1c1c1c; padding:30px 65px; position:relative; }
main.general.news section.videos .scroller-belt { width:510px; height:90px; overflow:hidden; }

main.general.news section.media .ui-carousel-buttons > div { position:absolute; top:89px; width:22px; height:22px; cursor:pointer; z-index:1; }
main.general.news section.videos .ui-carousel-buttons > div { top:64px; }
main.general.news section.media .ui-carousel-buttons > .ui-carousel-prev { background:url(/images/video_left_arrow.png); left:10px; }
main.general.news section.media .ui-carousel-buttons > .ui-carousel-next { background:url(/images/video_right_arrow.png); right:10px; }

main.general.news .social-media { padding-top:70px; }
main.general.news .social-media .social-media-container { height:500px; background-color:#fff; }
main.general.news .social-media .social-media-container + .social-media-container { margin-top:20px; background:none; }

main.location aside { background:url(/images/location_rightnav_bg.png); height:858px; }
main.location aside .location-top { height:270px; padding:20px; }
main.location aside .location-top h1 { font:70px/70px veneer; color:#fff; text-transform:uppercase; margin:0; }
main.location aside .location-top ul { margin:0; padding:0; list-style:none; }
main.location aside .location-top ul li { margin:5px 0; }
main.location aside .location-top ul li a { font:19px/20px Arvo; text-decoration:none; padding:0 3px; color:#fff; text-transform:uppercase; }
main.location aside .location-top ul li a:hover { background-color:#000; color:#c6301c; }

main.location aside .location-bottom { height:588px; padding:20px; }
main.location aside .location-bottom p, main.location aside .location-bottom dd, main.location aside .location-bottom dl dl dt, main.location aside .location-bottom dl dl dd { color:#a8a8a8; margin:0; font:16px/25px Arvo; }
main.location aside .location-bottom dl { margin:0; }
main.location aside .location-bottom dl dl { clear:both; }
main.location aside .location-bottom dl dt { color:#fff; margin:0; font:30px/30px veneer; padding:20px 0 0 0; clear:both; }
main.location aside .location-bottom h2 { color:#fff; margin:0; font:30px/30px veneer; padding:20px 0 0 0; clear:both; }
main.location aside .location-bottom dl dl dt { margin:0 5px 0 0; padding:0; }
main.location aside .location-bottom dl dl dt, main.location aside .location-bottom dl dl dd  { float:left; }
main.location aside .location-bottom address, main.location aside .location-bottom a  { color:#a8a8a8; font-style:normal; text-decoration:none; }
main.location aside .location-bottom a:hover { background-color:#BE3426; color:#fff; padding:0 3px; }

main.location .location-main > article { margin-bottom:20px; }
main.location .location-main.general > article { margin:0; padding:20px; background-color:#000; color:#a8a8a8; }
main.location .location-main.general > article h1 { font:65px/65px veneer; margin:0 0 10px 0; color:#fff; }
main.location .location-main.general > article p  { font-size:.9em; line-height:1.5; }
main.location .location-main.general > article p a { color: #ffff00; text-decoration:none; }
main.location .location-main.general > article div a { color: #ffff00; text-decoration:none; }
    
main.location .location-main.menu > article { background:url(/images/menus_bg.png); height:351px; padding:50px 0; }
main.location .location-main.menu > article h1 { font-family:veneer; margin:115px 50px 0 50px; text-transform:uppercase; text-align:center; }
main.location .location-main.menu > article h1 span { display:block; font:40px/40px veneer; background-color:#db2f1f; color:#000; }
main.location .location-main.menu > article h1 span + span { font:90px/90px veneer; color:#fff; background:none; }
main.location .location-main.menu > article ul { height:100%; border-left:3px solid #fff; padding:0 0 0 30px; margin:-35px 10px; list-style:none; }
main.location .location-main.menu > article ul li { height:40px; overflow:hidden; }
main.location .location-main.menu > article ul li a { color:#fff; text-decoration:none; padding:0 10px; font-size:19px; line-height:40px; text-transform:uppercase; transition:.25s; -webkit-transition:.25s; }
main.location .location-main.menu > article ul li a:hover { color:#000; background-color:#d83620; }

main.location .location-main.music > article { background-color:#1A1A1A; padding:20px 20px 0 20px; }
main.location .location-main.music > article > h1 { font:40px/35px veneer; color:#fff; text-transform:uppercase; margin:0; }
main.location .location-main.music > article > h1 span { padding:0 10px; background-color:#d83620; color:#1a1a1a; }
main.location .location-main.music > article ul.months { padding:10px 0; padding:0; list-style:none; }
main.location .location-main.music > article ul.months li { display:inline-block; }
main.location .location-main.music > article ul.months li a { color:#fff; display:block; text-decoration:none; text-transform:uppercase; padding:0 5px; font-size:14px; line-height:20px; }
main.location .location-main.music > article ul.months li a.active { background-color:#d83620; color:#000; font-weight:700; }
main.location .location-main.music > article ul.months li a.active:hover { background-color:#d83620; }
main.location .location-main.music > article ul.months li a:hover { background-color:#000; }
main.location .location-main.music > article .events { background-color:#000; height:748px; overflow:auto; margin:0 -20px; position:relative; }
main.location .location-main.music > article .events ul { margin:0; padding:0; list-style:none; }
main.location .location-main.music > article .events article { padding:30px 0; margin:0 10px; border-bottom:1px dotted #1a1a1a; width:580px; }
main.location .location-main.music > article .events article span { display:inline-block; font-size:15px; padding:0 5px; font-weight:700; color:#000; background-color:#d83620; text-transform:uppercase; }
main.location .location-main.music > article .events article span + span { display:block; color:#fff; font-weight:400; text-transform:none; background:none; }
main.location .location-main.music > article .events article h1 { font:30px/30px veneer; color:#fff; margin:0; }
main.location .location-main.music > article .events article p { color:#a8a8a8; font-size:.8em; line-height:1.2; }

main.location .photos { background-color:#000; padding:10px 0; }
main.location .photos h1 { font:35px/35px shortcut; color:#db2f1f; margin:10px 20px; }
main.location .photos h1 span { background-color:#db2f1f; color:#000; padding:0 5px; }
main.location .photos ul { list-style:none; margin:0; padding:0 10px; }
main.location .photos ul li img { margin:10px 0; }

/* Added per Joel at Dino for SEO */
main.location .photos h2 {color: #db2f1f;font: 35px/35px shortcut;margin: 10px 20px;}
main.location .photos h2 span { background-color:#db2f1f; color:#000; padding:0 5px; }
.cf > p > a {color:red; text-decoration:none;};

/* Find Your Dino */
@media screen and (max-width:1040px) {
	.find-your-dino { width:1040px; }
}

.find-your-dino { background:url(/images/find_bg.png) no-repeat top center; padding:130px 0 60px 0; }
.find-your-dino ul { list-style:none; margin:0; padding:0; }
.find-your-dino article { background:url(/images/location_sprite.png) 0 0; padding:20px; height:142px; margin:10px 0; transition:color .25s; -webkit-transition:color .25s; }
.find-your-dino article:hover { background-position:0 -142px;  }
.find-your-dino li:nth-child(2) article { background-position:-235px 0; }
.find-your-dino li:nth-child(2) article:hover { background-position:-235px -142px; }
.find-your-dino li:nth-child(3) article { background-position:-470px 0; }
.find-your-dino li:nth-child(3) article:hover { background-position:-470px -142px; }
.find-your-dino li:nth-child(4) article { background-position:-605px 0; }
.find-your-dino li:nth-child(4) article:hover { background-position:-605px -142px; }
.find-your-dino li:nth-child(5) article { background-position:-840px 0; }
.find-your-dino li:nth-child(5) article:hover { background-position:-840px -142px; }
.find-your-dino li:nth-child(6) article { background-position:-1075px 0; }
.find-your-dino li:nth-child(6) article:hover { background-position:-1075px -142px; }
.find-your-dino li:nth-child(7) article { background-position:-1305px 0; }
.find-your-dino li:nth-child(7) article:hover { background-position:-1305px -142px; }
.find-your-dino li:nth-child(8) article { background-position:-1540px 0; }
.find-your-dino li:nth-child(8) article:hover { background-position:-1540px -142px; }

.find-your-dino article h2 { margin:0; font:30px/30px veneer; color:#c6301c; text-transform:uppercase; }
.find-your-dino article address { margin:2.5px 0; }
.find-your-dino article address, .find-your-dino article a { font:16px/20px Arvo; font-weight:400; color:#5f5f5f; text-decoration:none; text-transform:uppercase; }
.find-your-dino article:hover address, .find-your-dino article:hover a,  .find-your-dino article:hover h2 { color:#fff; }

/* Footer */
@media screen and (max-width:1040px) {
	#footer { width:1040px; }
}
#footer { background-color:#000; text-transform:uppercase; font:17px/22px Arvo; }
#footer .row { background:url(/images/footer_dino.png) no-repeat 780px 0px; padding:30px 100px 60px 30px; width:1040px; }
#footer p { width:100%; margin:0; }
#footer p:first-child { color:#ccc; }
#footer p:first-child:first-line { font-weight:700; }

#footer ul { float:right; list-style:none; margin:11px 0; padding:0; }
#footer ul li { float:left; margin-right:20px; }
#footer ul li a { color:#ccc; text-decoration:none; text-transform:uppercase; transition:.25s; -webkit-transition:.25s; }
#footer ul li a:hover { color:#fff; text-decoration:underline; }

/* vertical scrollbar */
	.mCSB_container{
		width:auto;
		overflow:hidden;
		padding-right:10px;
	}
	.mCSB_container.mCS_no_scrollbar{
		margin-right:0;
	}
	.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
	.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
		margin-right:30px;
	}
	.mCustomScrollBox>.mCSB_scrollTools{
		width:10px;
		height:100%;
		height:calc(100% - 20px);
		top:10px;
		right:20px;
	}
	.mCSB_scrollTools .mCSB_draggerContainer{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0; 
		height:auto;
		background-color:#3a3a3a;
	}
	.mCSB_scrollTools a+.mCSB_draggerContainer{
		margin:20px 0;
	}
	.mCSB_scrollTools .mCSB_draggerRail{
		width:10px;
		height:100%;
		margin:0 auto;
	}
	.mCSB_scrollTools .mCSB_dragger{
		cursor:pointer;
		width:100%;
		height:30px;
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width:10px;
		height:100%;
		margin:0 auto;
		text-align:center;
		background-color:#D83620;
	}
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display:block;
		position:relative;
		height:20px;
		overflow:hidden;
		margin:0 auto;
		cursor:pointer;
	}
	.mCSB_scrollTools .mCSB_buttonDown{
		top:100%;
		margin-top:-40px;
	}


 .tab_container {color:#000 ;width:100%;  padding: 20px; background: #fff; margin: 20px  0;}
 .feedback, .other_inquires {display: none;}
 .feedback iframe[src=""] {margin: 20px 0 0 0; width: 100%; border: none; height: 0px;}
 .feedback iframe {margin: 20px 0 0 0; width: 100%; border: none; height: 1000px;}
 .tab_container .contact  tr td{display: block; line-height: 20px;}
 .tab_container .contact  tr td input, .tab_container .contact  tr td select{display: block;margin: 0 0 20px 0;}
.feedback_button, .other_inquires_button {cursor: pointer; color:#c6301c; font:20px/36px shortcut; float: left; padding: 0 10px; margin: 0 0 0 -10px;}
.feedback_button:hover, .other_inquires_button:hover {background:#c6301c; color:#000; }