body {	
	background-color:#000000;	
	background-image:url(images/menuimagemusic.jpg);
	background-size:cover;
	background-repeat:no-repeat;
    background-attachment: fixed;
	height:100%;
	overflow-y:scroll;
}

.Body {
	width:100%;
	margin:1px;	
}
.BodyContent {
	width:1024px;
	margin:0 auto 0 auto;	
}

.HomePage, .FoodPage, .FAQPage, .RoomRatesPage, .ContactPage, .LocationPage, .LocalSingersPage, .GalleryPage, .StaffPage, .SongListPage {
	display:none;
}


.Logo {
	width:250px;
	height:175px;
	margin-left:20px;
	float:left;	
	cursor:pointer;
}
.Address {
	float:right;
	margin-right:10px;
	width:350px;
	background-image:url(images/contactinfo.png);
	background-size:contain;
	background-repeat:no-repeat;
	height:130px;
	
}
.MenuContainer {	
	width:100%;
}
.MenuContent {	
	border:1px solid purple;
	background-image:url(images/menuimage.jpg);	
	background-size: cover;
	height:365px;
	width:100%;
	margin:0 auto 0 auto;	
	border-radius:5px;	
}
.MenuBarItems {
	position:relative;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

.MenuBar {
	position:relative;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

/* menu item icons */
.MenuIcon {
	position:absolute;
	width:90px;
	height:90px;
	background-image:url(images/menuicon.png);
	background-size:cover;
	cursor:pointer;
	border-radius:50%;
	text-align:center;
	line-height:90px;	
}
.MenuIcon img {
	width:68px;
	height:68px;	
	border-radius:50%;
	margin:-2px 0 0 0;
}
.IconPos {
	position:absolute;
	top:175px;
	left:0;
	width:500px;
	height:175px;	
}
.StoreHours {
	position:absolute;		
	width:220px;
	bottom:45px;
	right:10px;
	color:white;	
}
.StoreHours ul {
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:0;
	margin: 0 20px 0 20px;
}
.StoreHours ul li {	
	width:100%;
	list-style-type:none;
}
.StoreHours ul li span {
	display:block;	
	color:white;
}
.StoreHours ul li span span {
	float:right;
	color:yellow;	
	text-align:right;	
}
.StoreHours ul li span span span {
	color:red;
	margin-right:7px;
}

.Home {
	left:70px;
	top:0;
	color:white;
}
.Food {
    display:none;
	left:160px;
	top:0;	
}
.Location {
	left:250px;
	top:0px;
}
.FaceBook {
	left:340px;
	top:0;
}

.FAQ {
	left:115px;
	top:90px;
}
.RoomRates {
	left:205px;
	top:90px;
}
.Photos {
	left:295px;
	top:90px;
}
.InstaGram {
	left:385px;
	top:90px;
}

.ContactUs {	
	left:190px;
	top:0;
}
.LocalSingers {
	left:280px;
	top:0;
}
.MeetStaff {
	left:370px;
	top:0;
}
.SongList {
	display:block;
	left:25px;
	top:90px;
}
.MainStage {
	left:505px;
	top:90px;
}

.clr {
	clear:both;
}

.PageTransparency {
	opacity: .90;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	background-color:#230514;
	width:100%;
	margin:0 auto 0 auto;
	
	border:1px solid purple;
	border-radius:5px;
	margin-top:10px;	
}
.PageContainer {
	position:relative;	
}
.PageContent {
	position:absolute;
	display:block;	
	text-align:center;
	width:1024px;	
	left:0;
	top:0;
	
	float:left;
	border-radius:5px;
	color:white;
	overflow:hidden;
}
	.HomePageSizing {
		height:550px;
	}
	.FoodPageSizing {
		height:1450px;
	}
	.FAQPageSizing {
		height:1600px;
	}
	.RoomRatesPageSizing {
		height:325px;
	}
	.ContactPageSizing {
		height:450px;
	}
	.LocationPageSizing {
		height:600px;
	}
	.GalleryPageSizing {
		height:830px;
	}
	.LocalSingersPageSizing {
		height:930px;
	}
	.StaffPageSizing {
		height:630px;
	}
	.SongListPageSizing {
		height:5330px;
	}
	
@media (max-device-width: 480px) and (orientation: portrait) {
    .HomePageSizing {
        height:1600px;
    }
    
    .SongListPageSizing {
        height:7050px;
    }
    
    .FAQPageSizing {
		height:3000px;
	}
}
	
.PageContentLeft {
	position:relative;	
	width:300px;
	
	float:left;
	border-radius:5px;	
	color:white;	
}
.PageContentRight {
	position:relative;	
	width:650px;
	float:left;
	border-radius:5px;		
	color:white;	
	
}
.PageFooterContainer {
	width:100%;
	margin:10px auto 10px auto;
	height:50px;

	border:1px solid purple;
	background-image:url(images/menuimage.jpg);	
	background-size: cover;
	width:100%;
	margin:10px auto 100px auto;	
	border-radius:5px;
	display:none;
}

.HomePage p {
	margin:5px 10px 10px 20px;	
}
.HomePage P img {
	margin:20px;
	border:1px solid purple;
	border-radius:3px;
	width:300px;
	height:200px;
	background-size:cover;
}

.MenuItem {
	position:relative;
	width:99.9%;
	border:1px solid black;
}
.MenuImage img {
	margin:20px;
	border:1px solid purple;
	border-radius:3px;
	width:150px;
	height:150px;
	background-size:cover;
	float:left;
}
.MenuDescription {
	position:relative;	
	float:left;
	height:150px;
}
.MenuItem .Price {				
	position:absolute;	
	bottom:0;
	left:0;
	font-size:1.5em;
}

.FAQQuestionList {	
	margin:0 auto 0 auto;
	width:80%;
}

.FAQQuestionList ul {	
	list-style:none;		
	margin:0 auto 0 auto;
	width:90%;
	padding:0;	
}
.FAQQuestionList ul li {	
	display:table;
	background-image:url(images/menuicon.png);
	background-size:180px 180px;
	background-position:-15px -15px;
	margin:10px;
	float:left;
	color:black;
	width:150px;
	height:150px;
	text-align:center;
	border-radius:50%;	
}
.FAQQuestionList ul li:nth-child(5) {
	margin-left:100px;
}
.FAQQuestionList ul li a {		
	display:table-cell;	
	color:white;
	vertical-align:middle;
	padding:5px 15px 5px 15px;
}

.FAQItem {
	margin:5px 10px 10px 20px;	
	border:1px dotted black;
	padding:10px;
	border-radius:5px;
}
.FAQDescription {
	margin:0 0 50px 20px;
}
.RoomRatesPage .Pricing {	
	width:400px;
	text-align:center;
	margin:0 auto 0 auto;
	font-size:1.5em;
	text-align:left;
}
.RoomRatesPage ul {
	list-style-type:none;	
}
.RoomRatesPage ul li {
	padding:2px;
	line-height:30px;
}
.ContactInfoImage {
	margin:0 auto 0 auto;
	width:650px;
	background-image:url(images/contactinfo.png);
	height:200px;
	border:1px solid grey;
}
.ContactForm {
	width:840px;
	margin:0 auto 0 auto;	
}
	.Name, .Email, .Phone {
		float:left;
		margin-right:40px;
	}
	.ContactForm input {
		color:black;
		width:240px;
	}
	.Message {
		clear:both;
		width:800px;
		height:250px;
		margin-top:10px;
		color:black;
		resize:none;
	}
	.FormBtns {
		position:absolute;
		right:10px;
		bottom:10px;
		color:black;
	}	
.LocationImage {
	margin:50px auto 50px auto;	
	width:90%;
	height:400px;
	border:1px solid black;	
	background-image:url(images/location.png);
	cursor:pointer;
}
.LocationImage img {
	width:100%;
	height:100%;
}
.GALLERY {
	width:100%;
	margin:0 auto 0 auto;	
	padding:5px 0 5px 0;	
	border-radius:0 0 5px 5px;	
}
.GalleryImage {		
	position:absolute;
	display:hidden;	
	width:800px;
	height:600px;
	margin-left:100px;
}

.GalleryImage img {
	width:800px;
	height:600px;
	border:1px SOLID #FFFFFF;				
}

.GalleryCloseImage {
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	height:40px;
	background-image:url(closebtn.png);
	background-size:cover;
	margin:0 -20px 0 0;
	padding:0;
	cursor:pointer;
}



H4 {
	color:yellow;
	text-shadow:1px 1px #000000;
}
H1 {
	color:pink;
	text-align:center;
	font-size:2.25em;
	padding:0;
	margin:0;	
}
H2 {	
	text-align:center;	
    color: yellow;
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;
}

/*Neon*/
.neontext {
  font-family:'Parisienne';
  text-align: center;
  color:white;
  position: relative; 
  margin: 0;  
}

.neonglow {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;

  -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
  -moz-animation: neon2 1.5s ease-in-out infinite alternate;
  animation: neon2 1.5s ease-in-out infinite alternate;
    
}
.neontext.smallpos {
	left:120px;
	top:115px;	
}

.neontext .size1 {
	font-family:'Catamaran';
	font-size:1.75em;
}
.neontext .size3 {
	font-family:'Parisienne';
	font-size: 7em;
}

.neontext div {
	position: absolute; 
	text-align: center;
	left:0;
	top:0;	
}

.neontext .behind.size1 {
	left:-5px;
	top:5px;

	color:purple;
	
	
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;

	-webkit-animation: neon6 1.5s ease-in-out infinite alternate;
	-moz-animation: neon6 1.5s ease-in-out infinite alternate;
	animation: neon6 1.5s ease-in-out infinite alternate;
}

.neontext .behind.size3 {
	left:10px;
	top:10px;

	color:purple;	
	
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;

	-webkit-animation: neon6 1.5s ease-in-out infinite alternate;
	-moz-animation: neon6 1.5s ease-in-out infinite alternate;
	animation: neon6 1.5s ease-in-out infinite alternate;
}

/*glow for webkit*/

@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF;
  }
}

@-webkit-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de;
  }
}
/*glow for mozilla*/

@-moz-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF;
  }
}

@-moz-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de;
  }
}

/*glow*/
@keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF;
  }
}

@keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 75px #ff00de;
  }
}
@keyframes neon10 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 75px #ff00de;
  }
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

	.hoverbox
	{
		cursor: default;
		list-style: none;		
	}

	.hoverbox a
	{
		cursor: pointer;
	}

	.hoverbox a .preview
	{
		display: none;
	}

	.hoverbox a:hover .preview
	{
		display: block;
		position: absolute;
		top: -33px;
		left: -45px;
		z-index: 1;
	}

	.hoverbox img
	{
		background: #fff;
		border-color: #aaa #ccc #ddd #bbb;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		padding: 2px;
		vertical-align: top;
		width: 200px;
		height: 150px;
	}

	.hoverbox li
	{
		background: #eee;
		border-color: #ddd #bbb #aaa #ccc;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		display: inline;
		float: left;
		margin: 3px;
		padding: 5px;
		position: relative;
	}

	.hoverbox .preview
	{
		border-color: #000;
		width: 400px;
		height: 300px;
	}
a:focus {
    outline:none;
}
iframe {
	width:100%;
	height:100%;
}
.RoomRatesPage span {
	color:red;
}
.RoomRatesPage ul li .tax {	
	font-size:9px;	
	color:red;	
	text-align:top;	
	height:100%;
	vertical-align:top;
	line-height:15px;
}
.PageContent .LeftTable, .PageContent .RightTable {
	display:inline-block;
	vertical-align:top;
	width:400px;
	text-align:left;
}
.PageContent .LeftTable p, .PageContent .RightTable p {
	margin:0 !important;
	padding:0;	
	padding-left:20px;
}
.LeftTable p:nth-child(odd), .RightTable p:nth-child(even) {
	background-color:purple;
	color:#f8f8ff;	
}
.LeftTable p:nth-child(1), .RightTable p:nth-child(1) {
	border-radius:5px 5px 0 0;
}
.LeftTable p:nth-last-child(1), .RightTable p:nth-last-child(1) {
	border-radius:0 0 5px 5px;
}
.LeftTable p:nth-child(even), .RightTable p:nth-child(odd) {
	background-color:#BF40BF;
	color:white;
}
.PageContent .LeftTable p:hover, .PageContent .RightTable p:hover {
	background-color:blue;
	color:yellow;
	cursor:pointer;
}