html, body {
  
}
body{
	background: url("../img/bg.jpg") fixed repeat-y top center;
	background-color: black !important;
}


/* HEADER SECT */
#topBar{
	position: absolute;
	background-color: black;
	height: 100px;
	width: 100%;
	top: 0;
	z-index: 0;
}
#wrapper{
	position: relative;
	width: 1170px;
	margin: 0 auto 0 auto;
	min-height: 100%;
	height: auto !important;
    height: 100%;
}
#logo{
	position: relative;
	background: url("../img/logotrans.png") no-repeat center center; 
	top: 20px;
	margin: 0 auto 10px auto;
	height: 130px;
	width: 100%;
	z-index: 1;
}
#menu{
	position: relative;
	margin-top: -160px;
    width: 100%;
    z-index: 2;
}

.menu_btn{
	position: relative;
	text-align: center;
	padding: 95px 0 4px 0;
	font-family: 'Alike', serif;
	text-transform: lowercase;
	font-size: 20px;
 	text-shadow: 0 1px 1px rgba(0,0,0,.4);
 	cursor: pointer;
 	
}

#menu .active{
	background: url("../img/downArrow.png") no-repeat center 80px;
}

.menu_btn:hover{
	background: url("../img/downArrow.png") no-repeat center 80px;
}

.menu_btn a{
	color: #fbece0;
}
.menu_btn a:hover{
	color: #fbece0;
	text-decoration: none;
}

#collapsedMenu{
	display: none;
	position: relative;
	z-index: 2;
	margin: -40px 0 0 -25px;
}
#collapsedMenu .icon{
	cursor: pointer;
	background: url(../img/menu_btn.png) no-repeat;
	float:right;
	height: 32px;
	width: 37px;
	margin: -32px 8px 0 0;
}
#collapsedMenu .active{
	background-color: #1e1e1e;
}
#collapsedMenu ul{
	overflow: hidden;
	background-color: #1e1e1e;
	font-family: 'Alike', serif;
 	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	list-style: none;
	height: 0;
	border-bottom: 1px solid black;
}
#collapsedMenu ul li{
	position: relative;
	padding: 15px 0 15px 60px;
}
#collapsedMenu ul li:hover{
	background-color: #272727;
}

#collapsedMenu .name{
	font-size: 18px;
}
#collapsedMenu .desc{
	font-size: 12px;
}
#collapsedMenu ul li a{
	color: #fbece0;
}
#collapsedMenu ul li a:hover{
	text-decoration: none;
}
.link{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D);
}


/* BODY SECT */
#splashBox{
	position: relative;
	margin: 120px auto 0 auto;
	width: 700px;
}
#splashBoxHeader{
	margin-bottom: -35px;
}
#splashContainer{
	width: 600px;
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
	z-index: 0;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: rgba(0,0,0,0.5);
	color: #dcd3cc;
}

#splashContainer h2{
	margin: 20px 0px 10px 30px;
	padding-top: 10px;
	font-family: 'Alike', serif;
	font-size: 20px;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
#splashContainer p{
	margin: 10px 10px 10px 50px;
	font-family: 'Alike', serif;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}

#splashBoxFooter{
	margin-top: -18px;
	text-align: right;
	z-index: 2;
	color: #f03030 !important;
}

.bigText{
	font-family: 'Arvo', serif;
	font-size: 60px;
	line-height: 110%;
	color: #fbece0;
	text-shadow: 0 2px 3px rgba(0,0,0,1);
}


/* REVIEW CAROUSEL */
#reviews{
	width: 100%;
	height: 100%;
	position: relative;
}
#reviews .item{
	margin: 10px 10px 20px 10px;
	font-family: 'Alike', serif;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}

#reviews .item h2{
	margin: 0 5px 20px 5px;
	text-transform: uppercase;
	font: 15px/15px 'Alike', serif !important;
	text-align: center;
}

#reviews .item .review{
	margin: 0 5px 15px 5px;
	font-size: 14px;
	text-align: left;
}
#reviews .item .source{
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 50px;
	text-align: right;
}
#reviews .item .source .name{
	color: #acdbf6;
}
#reviews .item .source a{
	color: #f03030;
}

#reviews .carousel-indicators.middle {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
}
#reviews .carousel-indicators.middle li {
    float: none;
    display: inline-block;
}

#reviews .carousel-control{
	height: 40px;
	margin-top: 0;
	font-size: 80px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	background-color: transparent;
	border: 0;
	z-index: 10;
}

#aboutReviews .carousel{
	-webkit-transition: height .5s ease;
	-moz-transition: height .5s ease;
	-ms-transition: height .5s ease;
	-o-transition: height .5s ease;
	transition: height .5s ease;
}

/* ABOUT CONTENT */
#aboutContent{
	margin: 100px auto 50px auto;
}

.aboutContainer{
	margin: 26px;
}

.aboutHeader{
	font-family: 'Arvo', serif;
	font-size: 30px;
	line-height: 110%;
	color: #fbece0;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: -10px;
	text-shadow: 0 2px 3px rgba(0,0,0,1)
}
.aboutContainer .sect{
	padding: 20px 0 1px 0;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: rgba(0,0,0,0.5);
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}

#aboutHours h3{
	font: 15px/15px 'Alike', serif;
	color: #dcd3cc;
	text-transform: uppercase;
}
#aboutHours p{
	font: 20px/20px 'Alike', serif;
	color: #f03030;
	margin-bottom: 30px;
}

#aboutReviews{

}


/* SOCIAL MEDIA */
#fb{
	background: url("../img/facebook.png") no-repeat 60px center;
}
#tw{
	background: url("../img/twitter.png") no-repeat 60px center;
}
#yelp{
	background: url("../img/yelp.png") no-repeat 60px center;
}

#aboutSocial .social{
	position: relative;
	cursor: pointer;
	padding: 20px 20px 20px 120px;
	margin: 0 auto 20px auto;
	font-family: 'Alike', serif;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	font-size: 14px;
	text-align: left;
}
#aboutSocial .social a{
	color: #dcd3cc;
}
#aboutSocial .social a:hover{
	color: #f03030;
	text-decoration: none;
}

#aboutSocial .social:hover{
	color: #f03030;
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */
}

/* MENU LIST */
#menuList{
	margin-top: 50px;
	width: 100%;
}
#menuList .menuSect{
	margin-top: 50px;
	color: white;
}

#menuList h2{
	font-family: 'Arvo', serif;
	font-size: 26px;
	line-height: 110%;
	color: #fbece0;
	text-align: left
	text-transform: uppercase;
	margin-bottom: -10px;
	text-shadow: 0 2px 3px rgba(0,0,0,1)
}

.menuSect{
		margin: 0 25px 0 25px;
}

.menuSect .content{
	padding: 20px 0 1px 0;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: rgba(0,0,0,0.5);
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	font-family: 'Alike', serif;
	color: #dcd3cc;

}
.menuSect ul{
	list-style: none;
}
.menuSect li{
	position: relative;
	clear: both;
	margin: 10px 20px 10px 0;
}
.menuSect .name{
	display: inline-block;
	font-size: 18px;
	color: #f03030;
}
.menuSect .price{
	float: right;
	font-size: 20px;
}
.menuSect .desc{
	font-size: 12px;
}
.drinks .name{
	font-size: 14px;
}

.wine .name{
	max-width: 150px;
}
.drinks .price{
	font-size: 14px;
}
.wine .pricecontainer{
	display: inline-block;
	min-width: 120px;
	float: right;
}
.wine .pricecontainer .pricelabel{
	float: right;
	display: inline-block;
	width: 40px;
	text-align: right;
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.wine .pricecontainer .price{
	display: inline-block;
	width: 40px;
	text-align: right;
}

/* GALLERY LIST */
#galleryList{
	margin-top: 80px;
}
#galleryList .content{
	margin: 40px 20px 0px 20px;
}

#galleryList img{
	-moz-box-shadow: 3px 3px 4px #000000;
	-webkit-box-shadow: 3px 3px 4px #000000;
	box-shadow: 3px 3px 4px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	cursor: pointer;
}

#galleryPopup{
	top: 40px;
	left: 0;
	position: absolute;
	z-index: 6;
	text-align: center;
}

#galleryPopupBg{
	cursor: pointer;
	color: #dcd3cc;
	padding: 10px;
	font-family: 'Alike', serif;
	text-transform: lowercase;
	font-size: 18px;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	display: none;
}



/* CONTACT SECT */
#location{
	margin-top: 80px;
}
#location .container{
	max-width: 600px;
	margin: 0 auto 0 auto;
}

.contact h2{
	font-family: 'Arvo', serif;
	font-size: 26px;
	line-height: 110%;
	color: #fbece0;
	text-align: left
	text-transform: uppercase;
	margin-bottom: -10px;
	text-shadow: 0 2px 3px rgba(0,0,0,1);
}

#location h2{
	padding-left: 40px;
}

#location .content{	
	margin: 0 20px 0 20px;
	padding: 20px;
	z-index: 0;
}
.contact .content{
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: rgba(0,0,0,0.5);
	color: #dcd3cc;
}

.contact h3{
	font-family: 'Alike', serif;
	font-size: 20px;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);

}

.contact p{
	font-family: 'Alike', serif;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
#contactus .sect{
	margin-top: 26px;
}

#contactus h2{
	margin-top: 0;
	padding-left: 40px;
}

#contactus .content{
	margin: 0 20px 0 20px;
	padding: 20px;
}

#contactus .wrap{
}

#contactus h4{
	font-weight: normal;
	font-family: 'Alike', serif;
	font-size: 14px;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	margin-bottom: 5px;
}

#contactus input,
#contactus textarea{
	background-color: #fbece0;
	border: 1px solid #231313;
	-webkit-box-shadow: inset 0 0 0 1px #dddddd;
	-moz-box-shadow: inset 0 0 0 1px #dddddd;
	box-shadow: inset 0 0 0 1px #dddddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: border;
	border-radius: 3px;
}
#contactus input{
	width: 60%;
}
#contactus textarea{
	width: 96%;
	height: 100px;
}

#contactus .btnSend{
	border: 1px solid black;
	width: 138px;
	height: 38px;
	margin-top: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: border;
	border-radius: 3px;
	font-family: 'Alike', serif;
	font-size: 14px;
	color: #dcd3cc;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);

	background: #af2323; /* Old browsers */
	background: -moz-linear-gradient(top,  #af2323 0%, #231313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af2323), color-stop(100%,#231313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #af2323 0%,#231313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #af2323 0%,#231313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #af2323 0%,#231313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #af2323 0%,#231313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af2323', endColorstr='#231313',GradientType=0 ); /* IE6-9 */	
}

#response{
	text-align: center;
	display: none;
}

#map_container{
	height: 300px;
}
#map_container img {
    max-width: none;
}


/* COPYRIGHT SECT */
#copyright{
	margin-top: 100px;
	color: #dcd3cc;
	font-size: 10px;
}
#copyright .design{
	vertical-align: center;
	text-align: right;
}
#copyright .design img{
	margin: -3px 0 0 -1px;
}

/* FOOTER SECT */
#footer, #push {
	height: 40px;
}
#footer {
	background-color: black;
	width: 100%;
	position: fixed;
    bottom:0;
}

#footerLogo{
	margin: 10px auto 0 auto;
	text-align: center;
	font-family: 'Merriweather Sans', sans-serif;
	color: #f03030;
	font-size: 20px;
}

.test{
	border: 1px solid red;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



@media (max-width: 1200px) {

	#wrapper{
		margin-left: auto;
	    margin-right: auto;
	    width: 940px;
	}
	.menu_btn{
		font-size: 20px;
	}
	#aboutSocial .social{
		padding-left: 90px;
		background-position: 30px center;
	}
}

@media (max-width: 980px ) {
	#wrapper{
		margin-left: auto;
	    margin-right: auto;
	    width: 724px;
	}
	#logo{
		background-size: 200px 109px;
	}
	#aboutSocial .social{
		padding-left: 80px;
		background-position: 20px center;
	}
	.menuSect .name{
		font-size: 14px;
	}
	.menuSect .price{
		font-size: 14px;
	}
}

@media (max-width: 768px  ) {
	#wrapper{
		margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	}

	#logo{
		top: 0;
		background-size: 200px 109px;
		height: 150px;
	}
	#topBar{
		height: 120px;
	}
	#menu{
		display: none;
	}
	#collapsedMenu{
		display: block;
	}
	#splashBox{
		margin: 60px 26px 0 26px;
		width: auto;
	}
	#splashContainer{
		width: 100%;
	}
	#splashContainer h2{
		margin-left: 0;
		text-align: center;
	}
	#splashContainer p{
		margin-left: 20px;
	}
	.bigText{
		text-align: center !important;
		font-size: 50px;
	}
	#aboutContent{
		margin-top: 20px;
	}

	#contactus input{
		width: 96%;
	}
	#contactBot #aboutHours h2{
		text-align: left;
		padding-left: 20px;
	}
	#copyright{
		text-align: center;
	}
	#copyright .design{
		text-align: center;
	}

	body{
		padding: 0 !important;
	}
}

@media (max-width: 480px ) {
	#wrapper{
		margin-left: 0;
	    margin-right: 0;
	    width: 100%;
	}
}