#top {
	width: 940px;
	margin: 0px auto;
	position: relative;
	height: 150px;
	z-index: 12;
}

#topcenter {
	width: 940px;
	margin: 0px auto;
	position: relative;
	height: 84px;
	z-index:1;
}

#centercontent {
	margin: 0px auto;
	width: 940px;
	position: relative;
	height: 260px;
}

#bottom{
	position: absolute;
	margin: 0px auto;
	width: 100%;
	height: 100px;
	z-index: 0px;
	margin-top: 0px;
}

#bottomcenter {
	position: relative;
	margin: 0px auto;
	width: 940px;
	height: 100px;
	z-index:1;
}


#header {
	height: 164px;
	width: 940px;
	position: relative;
	margin: 0px auto;
}	

#centercontent {
	width: 940px;
	position: relative;
	margin: 0px auto - 100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;

}

#maincontent {
	position: relative;
	top: 0px; /*Set top value to HeightOfTopFrameDiv*/
	left: 0;
	right: 0;
	bottom: 130px; /*Set bottom value to HeightOfBottomFrameDiv*/
	overflow: auto;
}

#contentbgtop {
	height: 43px;
	width: 906px;
	background-image: url(../submedia/top.png);
	position: relative;
	margin: 0px auto;
	margin-top: 30px;
}

#contentbgmid {
	width: 906px;
	background-image: url(../submedia/mid.png);
	background-repeat: repeat-y;
	position: relative;
	margin: 0px auto;
	height: 100%;
}

#contentbgbottom {
	height: 40px;
	width: 906px;
	background-image: url(../submedia/bottom.png);
	position: relative;
	margin: 0px auto;
	margin-bottom: 30px;
}

a  {
   text-decoration: none;
   color: #ffffff;
}

a ins  {
   text-decoration: none;
}

#addresstext p a:hover,
#eventplanningtext p a:hover,
#reviewstext p a:hover,
#contenttext p a:hover,
#id13menutext p a:hover,
#id27menutext p a:hover,
#clubtext p a:hover,
#copyrighttext p a:hover  {
   color: #BF0000;
   text-decoration: underline;
}

#id13menutext p a,
#copyrighttext p a,
#contenttext p a,
#id27menutext p a,
#reviewstext p a,
#clubtext p a,
#eventplanningtext p a  {
   color: #FFFFFF;
   text-decoration: none;
}

#eventplanningtext p,
#reviewstext p,
#copyrighttext p,
#id27menutext p,
#clubtext p  {
   font: 12px/14px Arial;
   margin: 0px;
   text-align: left;
   color: #FFFFFF;
}

#reviewsbox,
#eventplanningbox  {
	visibility: visible;
	position: absolute;
	top: -219px;
	z-index: 1;
	width: 227px;
	height: 242px;
	background-repeat: no-repeat;
}

#addresstext,
#copyrighttext  {
	visibility: visible;
	position: absolute;
	top: 20px;
	width: 426px;
	left: 100px;
}

#twitterimg,
#citysearchimg  {
   visibility: visible;
   position: absolute;
   top: 55px;
   width: 30px;
   height: 30px;
}

#eventplanningbox  {
	background-image: url(../homemedia/eventplanningbox.png);
	left: 19px;
}

#addresstext p a  {
   text-decoration: none;
   color: #FFE3E3;
}

#home,
#pid1sub  {
	margin: 0px auto 0px auto;
	width: 940px;
	position: relative;
	height: auto !important;
	height: 100%;
}

#home {
	
}

#id13menutext p  {
   font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#copyrighttext  {
   left: 23px;
}

#addresstext p  {
   font: 12px/14px Arial;
   margin: 0px;
   color: #FFE3E3;
   text-align: right;
}

#citysearchimg  {
   left: 132px;
}


#id27menutext  {
	visibility: visible;
	position: absolute;
	left: 28px;
	top: 70px;
	z-index: 3;
	width: 182px;
}

#addresstext  {
	left: 490px;
}

#facebookimg  {
   visibility: visible;
   position: absolute;
   left: 93px;
   top: 55px;
   width: 31px;
   height: 31px;
}

#reviewsbox  {
	background-image: url(../homemedia/reviewsbox.png);
	left: 475px;
}

#twitterimg  {
   left: 57px;
}


#id9phone  {
	background: url(../homemedia/id9phone.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 755px;
	top: -25px;
	z-index: 3;
	width: 149px;
	height: 15px;
}

#id9phone a {
	visibility: visible;
	position: absolute;
	width: 149px;
	height: 15px;
}

#phonebox  {
	background: url(../homemedia/phonebox.png) no-repeat;
	visibility: visible;
	position: absolute;
	left: 586px;
	top: -37px;
	z-index: 0;
	width: 330px;
	height: 86px;
}





#yelpimg  {
   visibility: visible;
   position: absolute;
   left: 22px;
   top: 55px;
   width: 30px;
   height: 29px;
}

#logoimg  {
	visibility: visible;
	position: absolute;
	left: -6px;
	top: -38px;
	z-index: 10;
	width: 272px;
	height: 164px;
}

#bgimg  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 940px;
   height: 785px;
}


	img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1280px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 500px;
			margin: 0 auto;
			background: #fff;
			padding: 20px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;
		}


/* ######### Top Menu ######### */



#id13menutext  {
	visibility: visible;
	position: absolute;
	left: 430px;
	top:3px;
	z-index: 12;
	width: 400px;
}

#ddsubmenu2 {
	width: 170px;
	position: absolute;
	height: 230px;
	left: 300px;
	top: 100px;
}

.mattblackmenu ul{
margin: 0;
padding: 0px;
margin-right:10px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size:14px;
list-style-type: none;
overflow: hidden;
width: 600px;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 29px 25px; /*padding inside each tab*/
color: white;
border-color: #949494;
text-align: left;

}

.mattblackmenu li a:visited{
color: #FFFFFF;
}

.mattblackmenu li a:hover{
color: #000000;
  /*background of tabs for hover state */
}

.mattblackmenu a.selected{
 /*background of tab with "selected" class assigned to its LI */
}


html, body  {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
	height: 100%;
}

