/*
Typography
*/
body{
	margin-top:97px;
/*	
	padding-top:15;
*/	
	font-family: AvenirNextLTPro-Medium, Helvetica, Arial, sans-serif !important;
	font-weight: normal;
	font-style: normal;

	-webkit-font-smoothing: antialiased;
	color:#000 !important;
}

#site_container{
}

h1, h2, h3, h4{
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, th{
	font-weight:normal;	
}


h1{
	font-size:46px;
	line-height:1;
	color:#c02020;
	margin-top:0;
	margin-left:-2px;
}

h2{
	font-size:24px;
}

h3{
	font-size:18px;
}

h4{
	font-size:16px;	
}

p, li{
	font-size:16px;
	line-height:1.6;
	font-family: AvenirNextLTPro-Medium, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;

	color:#000000;
}

a{
/*
	text-decoration:underline;
*/
	text-decoration:none;
	border-bottom: 2px solid;	
	color:#000000;

	-webkit-transition: border-bottom 0.1s ease;
	-moz-transition: border-bottom 0.1s ease;
	-o-transition: border-bottom 0.1s ease;
	transition: border-bottom 0.1s ease;
}

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

a:hover,
a:active,
a:visited{
/*
	text-decoration:none;
*/
	border-bottom:none;	
	text-decoration:none;	
	color:#000000;	
}

.emphasis{
	background-color:#c02020;
	color:#FFF;
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
	padding:2px 4px;
	margin-right:4px;
	
}

/*
Splash page
*/

#splash_container{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.outer_container{
    height: 100%;
    left: 0;
    max-height: 1100px;
    min-height: 600px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

#splash-page{
    height: 110px;
    left: 50%;
    margin: -305px 0 0 -650px;
    overflow: hidden;
    position: absolute;
    top: 75%;
    width: 1300px;
}

#main-logo{
	margin-left:600px;
	border-bottom:none;
}

#descriptors{
	color:#000;
	text-align:center;		
	margin-top:20px;
	list-style-type:none;
	margin:20px auto 0;
	padding-left:0;
}

#descriptors li{
	display:inline-block;
	margin-top:0;
	margin-bottom:0;
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
}

#descriptors li#label-music,
#descriptors li#label-art{
	margin-right:40px;
}

#descriptors li a{
	text-decoration:none;
	border-bottom:none;
}

#splash_container footer#bottom{
	bottom:0;
}

#splash-footer{
	opacity:0;	
}

/*
404 page
*/
#error-container{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#error-page{
    height: 110px;
    left: 50%;
    margin: -305px 0 0 -650px;
    overflow: hidden;
    position: absolute;
    top: 75%;
    width: 1300px;
}

#error-page p{
	color:#000;
	text-align:center;		
	margin-top:20px;
	list-style-type:none;
	margin-left:-50px;
}

#error-container footer#bottom{
	bottom:0;
}

/* 
Header + Navigation
*/
header#main{
	position:fixed;
	top:0;
	left:0;
	background-color:#c02020;
	height:97px;
	width:100%;
	padding-top:10px;
	z-index:99;	
	overflow:hidden;
}

h1#logo{
	width:61px;
	height:38px;
	text-indent:-999999px;
	background-image:url(../images/koi-logo.png);
	float:left;
	margin-top:20px;
	cursor:pointer;
	margin-left:0;
}

nav#main_nav ul li{
	display:inline-block;
	margin:39px 0 0 50px;
	list-style:none;
	color:#FFF;
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
	font-size:16px;
	cursor:pointer;
}

nav#main_nav ul li a{
	color:#FFF;
	text-decoration:none;	
	border-bottom:none;
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;	
}

nav#main_nav ul li:hover,
nav#main_nav ul li:focus{
	border-bottom:#FFF 3px solid;
}

.indicator {
	border-bottom:#FFF 3px solid;
}

/*.indicator a{
	text-decoration: none;
}*/

/*
Footer(s)
*/
footer#bottom{
		position:fixed;
		bottom:0px;
		left:0px;
		width:100%;
		height:70px;
		background-color:#FFF;
		padding:10px 0;
		z-index:110;
}

#hours{
	float:left;	
}

#address{
	float:right;
}

#hours li,
#address li{
		font-size:14px;
		font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
		list-style-type:none;
}

#address li,
#address li a{
	color:#898989;
	border-bottom-width:2px;	
}

#address li a#desktop-reserve{
	color:#c02020;
}

#address .icon{
	border-bottom:none;	
}

#hours li{
	margin-left:-40px;	
}

#address li#street,
#address li#map_social{
	display:inline;	
}

.gray{
	color:#898989;	
}

.icon{
	margin-left:11px;	
}

a.icon:hover{
	opacity:0.7;	
}

footer#footer-menu{
		position:fixed;
		display:none;
		bottom:70px;
		left:0px;
		width:100%;
		height:auto;
		background-color:#898989;
		padding:10px 0;
		color:#FFF;
		font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
		font-size:14px;
		padding-top:12px;
		z-index:110;
}

.gratuity{
	float:left;
	margin-left:200px;
	width:500px;
}

.tip{
	float:left;
}

#footer-end{
		display:none;
		position:fixed;
		bottom:0;
		left:0px;
		width:100%;
		height:50px;
		background-color:#FFF;
		padding:10px 0;
		background-color:#FFF;
		font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
		padding-top:12px;		
		color:#c02020;
		z-index:110;
}

#copyright{
	float:left;	
	width:200px;
}

#credit{
	float:left;	
	margin-left:535px;
}

#credit a{
	color:#c02020;
	text-decoration:none;
}

#credit a:hover{
	opacity:0.7;	
}

/*
Mobile footer
*/
#header-footer-mobile{
	display:none;
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
	color:#898989;
	margin:2px 0 5px;
	font-size:14px;
	height:30px;
	width:100%;
	z-index:999;
}

#header-footer-mobile #title{
    border-bottom-width: 2px;
    color: #898989;
	cursor:pointer;
	float:left;
}

a#title-open{
	cursor:pointer;
	height:20px;
	color:#898989;
	border-bottom:#898989 2px solid;
}

#header-footer-mobile #open:hover{
	background:url(../images/icon-open.png) bottom center no-repeat;
}



/*
Story Section
*/
#story{
	color:#FFF;
/*	
	width: 100%;
	display: inline-block;
	vertical-align: top;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image:url(../images/story-bg.jpg);
	padding:100px 0;
*/
	padding:100px 0 630px 0;
	height:100%;

  background: url(../images/story-bg.jpg) no-repeat center right fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#story a{
	color:#FFF;
}

#story .emphasis{
	background-color:#FFF;
	color:#000;
}

#story-section{
	margin-top:5%;
	margin-bottom:5%;
}

#story .inner {
	padding-top: 63.35%; /* height/width of image */
	display: block;
	height: 0;
}

#story h1, #story p{
	color:#FFF;
	text-align:center;
	margin:0 27% 0 27%;
	margin-bottom:25px;	
}

#story h1{
	margin-bottom:50px;	
}

.indicator-scroll{
	position:fixed;
	width:80px;
	height:35px;
	text-align:center;
	left:50%;
	margin-left:-40px;
	line-height:2;
	font-size:18px;
	bottom:70px;
	
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;		
	color:#FFF;
	background-color:#000;
	z-index:inherit;
}

/*
Music Section
*/
#break-music{
	background:transparent url(../images/pattern-breaker-music.png) repeat-x top; 	
	width:100%;
	height:210px;
	z-index:50;
	margin-top:-190px;
}

#music{
	padding:0 0 150px 0;	
}

#linknav{
	margin:75px 0 0 -40px;
	list-style-type:none;
}

#linknav li{
	margin-bottom:3px;
}

#linknav li a{
	font-family: AvenirNextLTPro-Medium, Helvetica, Arial, sans-serif;
	cursor:pointer;
}

#music #slider-nav { 
	height:38px;
	width:100%;
	margin-left:-20px;
	padding-top:10px;

}

#music #slider-nav ul{
	float:right;
}

#music #slider-nav ul li{
	list-style-type:none;
	width:38px;
	height:38px;
	display:inline-block;
}

#music #slider-nav ul li img {
	padding:0;
	cursor: pointer;
}

#music #right {
	margin-left:20px;
}


#events-listing li{
	list-style: none outside none;		
}

.slider {
	margin: 0 auto;
	height: auto;
	padding:0;
	margin-top:70px;
}

.slider ul {
	width: 7680px;
	list-style: none;
	margin:0;
	padding:0;
}

.slider li {
	float: left;
	margin-right:30px;	
	padiding:0;
}

.slider img {
	float:left;
}

.individual-event{
	width:570px;
}

.individual-event .event-pic{
	margin-top:7px;
	float:left;	
}

.individual-event .info{
	list-style: none outside none;
	margin:0;
	width:380px;
	overflow:auto;
	padding:0 20px;	
}

.individual-event .info .descr{
	margin-top:20px;
}

.info .title,
.info .date,
.info .cover{
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
	display:block;
	width:100%;
}

.info .title{
	color:#c02020;
}

#calendar-section{
	margin-top:90px;
	margin-bottom:55px;	
}

h2.calendar-month{
	float:left;
	margin:80px 0 0 0;
}

#calendar{
	margin:82px 0 0 0;
	float:right;
	width:890px;

}

#calendar .icon-fb{
	margin:0 0 3px 5px;
}

#calendar th,
#calendar td{

	text-align:left;
	vertical-align:top;	
	width:150px;
	padding-left:20px;
	line-height:1.4;
}
/*
#calendar th.last_col,
#calendar td.last_col{
	padding-right:0;	
}
*/
#calendar th{
	height:30px;
	font-size:18px;
	padding-bottom:15px;
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
}

#calendar td{
	height:175px;
/*	
	padding-bottom:50px;	
*/	
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;	
/*
	font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;	
*/
}

#calendar td a{
	border-bottom:none;
	display:block;

	width:105%;
	height:105%;
	padding:10px 5px;
	margin:-10px -5px;		
}

#calendar td a .facebook-page{
	width:12px;
	height:12px;
	text-indent:-9999px;
	background:url(../images/icon-facebook-small.png) top center no-repeat;
	display:inline-block;	
	line-height:0.9;
	margin-left:5px;
}

#calendar td a:hover{
	color:#e5e5e5;


	background-color:#898989;
}

#calendar td a:hover span{
	color:#e5e5e5;	
}

#calendar td a:hover .facebook-page{
	background:url(../images/icon-facebook-small.png) bottom center no-repeat;
}

#calendar hr{
	color:#000;
	height:2px;	
}

#calendar .date{
	color:#000;
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
}

#calendar .highlight{
	color:#c02020;	
}

#calendar th h3{
	font-size:16px;
	border-bottom: 2px solid black;
	margin:2px 0 0 0;
	padding:0;
}

/*
Mobile Calendar
*/
#calendar-mobile{
	margin:40px 0 0 0;
}

#calendar-mobile tr{
	margin-bottom:10px;	
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
	vertical-align:top;
}

#calendar-mobile td{
	padding-bottom:10px;	
}

#calendar-mobile .day{	
	color:#c02020;
	text-align:right;
	padding-right:15px;
	width:125px;
}

#calendar-mobile .event{

}

/*
Art Section
*/
#break-art{
	background: transparent url(../images/pattern-breaker-art.png) repeat-x top; 	
	width:100%;
	height:209px;
	z-index:50;
	margin-top:-30px;
}

#art-section{
	color:#FFF;
	width: 100%;
	padding:200px 0;
}

#art-section h1, #art-section p{
	text-align:center;
	margin:0 25% 25px;
}

#art-section h1{
	margin-bottom:50px;	
}

#artist{	
	width: 100%;
	height: 100%;
	padding:100px 0;

  background: url(../images/artist-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#artist .inner {
	padding-top: 63.35%; /* height/width of image */
	display: block;
	height: 0;
}

#artist-section #description-panel{
	background-color:#FFF;
	width:50%;
	padding:40px 70px 75px 70px;
}

#artist-section #label{
	font-size:18px;
	color:#c02020;
}

#artist-section #artist-name{
	font-size:36px;	
	margin-bottom:50px;
}

/*
Food Section
*/
#break-food{
	background: transparent url(../images/pattern-breaker-food.png) repeat-x top; 	
	width:100%;
	height:202px;
	z-index:50;
	margin-top:0px;
}

#food{
	margin:50px 0 150px 0;
}

.food-panel{
	position:relative;
	margin-bottom:50px;
	z-index:-10;


}

#myCarousel{
	max-width:755px;
	margin:0 auto;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;

}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.food-image{
	width:100%;

}

.food-label{
	position:absolute;
	top:360px;
	left:517px;	
}

#food h1, #food p{
	text-align:center;
	margin:0 25% 25px;
}

#food h1{
	margin-bottom:50px;	
}

/*
Menu Section
*/
#menu{
	background-color:#c02020;
	padding-bottom:250px;
}

#menu-food-section{
	padding-top:93px;
}

#menu h1{
	color:#000;	
}

#menu h2,
#menu p{
	color:#fff;	
	line-height:22px;
}

#menu .info{
	color:#e1a9a9;	
}

#menu h2{
	margin-top:70px;	
}

.food-descriptions{
	list-style: none outside none;
	margin-left:-40px;
	margin-top:25px;	
}

.food-descriptions li{
	margin-bottom:0;
	line-height:22px;	
}

.food-descriptions .name{
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;	
	color:#000;	
}

.food-descriptions .descriptor,
.food-descriptions .price,
.food-descriptions .category{
	color:#FFF;	
}

#menu-drink-section{
	padding-top:78px;
}

.drink-descriptions{
	list-style: none outside none;
	margin-left:-40px;
	margin-top:25px;	
}

.drink-descriptions li{
	margin-bottom:0;
	line-height:22px;	
}

.drink-descriptions .name{
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;	
	color:#000;	
	margin-bottom:5px;
}

.drink-descriptions .descriptor,
.drink-descriptions .price{
	color:#FFF;
}

.drink-descriptions .price{
	margin-bottom:5px;	
}

#menu-drink-section .left-column{
	width:50%;
	float:left;	
	

}

#menu-drink-section .right-column{
	width:50%;
	float:right;	

}

.no-margin{
	margin-top:0;	
}

#menu-drink-section .name{
	margin:30px 0 0 0;	
}

/*
Menu - Mobile only
*/
#menu .menu-info-mobile{
	display:none;
	margin-top:23px;	
}
#menu .menu-info-mobile p{
	color:#E1A9A9;	
	font-family: AvenirNextLTPro-Medium, Helvetica, Arial, sans-serif;
	margin-bottom:5px;	
}

#menu-nav-mobile{
	height:50px;
	margin-top:23px;
	display:none;
}

#header-links{
	margin:0 0 0 -55px;	
	float:left;
}

#header-links li{
	font-family: AvenirNextLTPro-Bold, Helvetica, Arial, sans-serif;
	color:#000;
	font-size:24px;
	list-style-type:none;
	display:inline-block;
	margin-right:5px;	
}

#header-buttons{
	float:right;
	height:38px;
}

#header-buttons li{
	list-style-type:none;
	display:inline-block;
	height:38px;
}
#header-buttons li.prev a,
#header-buttons li.next a{
	display:block;
	width:38px;
	height:38px;
	border-bottom:none;
	margin-left:10px;
}

#header-buttons li.prev a{
	background:url(../images/button-menu-left.png) no-repeat top center;
	cursor:pointer;	
}

#header-buttons li.prev a:hover{
	background:url(../images/button-menu-left.png) no-repeat bottom center;
}

#header-buttons li.next a{
	background:url(../images/button-menu-right.png) no-repeat top center;	
	cursor:pointer;	
}

#header-buttons li.next a:hover{
	background:url(../images/button-menu-right.png) no-repeat bottom center;		
}

@media (min-width: 768px) {
#calendar{
	display:block;	
}

#calendar-mobile{
	display:none;	
}

}

@media screen and (max-width: 991px) {

#story{
	padding:100px 0 300px 0;
	height:100%;	
}

#story h1, #story p,
#art-section h1, #art-section p,
#food h1, #food p {
    margin-left: 25%;
    margin-right: 25%;
}

#header-footer-mobile{
	display:block;
}

.indicator-scroll{
	display:none;	
}

#desktop-reserve{
	display:none;	
}

#main-footer #hours li,
#main-footer #address li{
	font-size:12px;
}

footer#bottom{
	bottom:-10px;
	height:50px;
}

footer#footer-menu{
	bottom:40px;
	display:none !important;
}

#main-footer #hours,
#main-footer #address{
	float:none;
	display:block;
}

#main-footer a#reservation{
	margin-left:15px;
	cursor:pointer;
	height:20px;
	color:#c02020;
	border-bottom:#c02020 2px solid;
}

#address li#street,
#address li#map_social{
	display:block;	
}

#artist-section #description-panel{
	width:100%;	
}

#main-footer #address{
	margin-left:-40px;	
}



#menu .menu-info-mobile{
	display:block;	
}	

#menu-drink-section .left-column,
#menu-drink-section .right-column {
    float: none;
    width: auto;
}

}

/*
Custom Mobile Styles
*/
@media screen and (max-width: 768px) {
body{
	margin-top:67px;	
}



.container{
	padding-left:15px;
	padding-right:15px;
}

.indicator-scroll{
	bottom:40px;
}

header#main{
	display:block;
	padding:0;
	height:67px;
}

#main_nav{
	height:67px;
}

h1#logo{
	margin-top:10px;
}
nav#main_nav ul {
	
}

nav#main_nav ul li {
	margin-left:25px;
	margin-top:28px;

}

nav#main_nav ul li:hover,
nav#main_nav ul li:focus{
	border-bottom:none;
}



.indicator{
	border-bottom:none;	
}

#story{
	padding-top:87px;	
}

#story h1, #story p {
/*	
	margin-left:10px;
	margin-right:10px;
	
	margin-bottom:25px;
*/
}

#break-music{
	background: transparent url(../images/pattern-breaker-music-short.png) repeat-x top; 	
	width:100%;
	height:72px;
	z-index:50;
	margin-top:-30px;
}

#music {
    padding: 0 0 50px;
}

#music #slider-nav{
	margin:50px 0 0 -40px;
}

#music #slider-nav ul{
	float:left;
}

#music .slider{
	margin-top:50px;
}

#music .slider .descr{
	width:80%;
}

#music #slider-nav img {
    cursor: pointer;
    float:none;
    padding: 0;
}

.individual-event .event-pic {
    float: none;
}

.individual-event .info {

    padding: 0;
	margin:20px 0 50px 0;
    width: auto;
}

#calendar{
	display:none;	
}

h2.calendar-month{
	float:none;	
}

#calendar-mobile{
	display:block;
	float:none;	
}


#break-art{
	background: transparent url(../images/pattern-breaker-art-short.png) repeat-x top; 	
	width:100%;
	height:83px;
	z-index:50;
	margin-top:-30px;
}

#art-section{
	padding:100px 0;
}

#footer-menu{
	display:none !important;
	bottom:40px;
}

#break-food{
	background: transparent url(../images/pattern-breaker-food-short.png) repeat-x top; 	
	width:100%;
	height:76px;
	z-index:50;
	margin-top:0;
}

#food h1, #food p {
/*	
    margin-left:10px; 
	margin-right:10px;
*/
}

#art-section{
	padding-bottom:25px;	
}

#artist{	
  background-color:#FFF;
  background-image:none;
  padding:0;
}

}





@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
body {
-webkit-background-size: 100% auto;
}

#story{
	padding:100px 0 330px 0;
	height:100%;

  background:#000 url(../images/story-bg-1024x768.jpg) no-repeat center right;
}

#artist{	
  background: url(../images/artist-bg.jpg) no-repeat center center;
}



}

@media (max-width: 480px) {
#splash-page{
    top: 70%;
}

.main-footer{
	margin:0 auto;
}

#main-footer a#reservation{
	float:right;
}

#music .slider .descr{
	width:50%;
}

.indicator-scroll{
bottom:40px;

}

#artist-section #description-panel{
	margin-left:0;
}

#story{
	padding:10px 0 50px 0;
	height:100%;

  background:#000 url(../images/story-bg-568x320.jpg) no-repeat center right;
}

#story h1, #story p,
#art-section h1, #art-section p, 
#food h1, #food p{
	
	margin-left:25px;
	margin-right:25px;
	
	margin-bottom:25px;
}

#artist-section #description-panel {
    background-color: #FFFFFF;
    margin: 0;
	padding-left:15px;
	padding-right:30px;	
    width: 100%;
}


}

@media only screen 
and (min-width : 1224px) {
	footer#bottom{
		height:70px;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	.indicator-scroll{
	bottom:40px;
}
}

/* 
No IE 6,7, and 8 Support
*/
.ie6, 
.ie7,
.ie8{
	background:#000 url(../images/ie-not-supported.jpg) top center no-repeat;
	color:#FFF;
}

.ie6 #splash_container, 
.ie7 #splash_container, 
.ie8 #splash_container{
	display:none;
}

.ie6 #site_container,
.ie7 #site_container,
.ie8 #site_container{
	display:none;	
}

.ie6 body, 
.ie7 body,
.ie8 body{
	position:absolute;
}

#ie-footer{
	position:relative;
	top:418px;
	width:100%;
}

#ie-footer p{
	text-align:center;
}