/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

.section-inner { 
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 380px;  /* Change to height of header */
	position:relative;
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 380px; } /* Change to correct height */
#header { 
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
	#mainnavigation, #utilities, #logo, #social, #header-banner {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		top: 99px;
		right: 0;
	}
		#mainnavigation li, #subnav li { float: left; }
		
		#mainnavigation a{
			padding-top:49px;
			height:1px;
			display:block;
			overflow: hidden;
			display:block;
			background-position: 0 0;
		}
		
		#mainnavigation a:hover{
			background-position: 0 -50px;
		}
		
		#mainnavigation a.active{
			background-position: 0 -100px;
		}
		
		#mainnavigation li#nav_revs a{ width:139px; background-image:url(/images/skin/nav/nav-revs.png); }
		#mainnavigation li#nav_bowling a{ width:139px; background-image:url(/images/skin/nav/nav-bowling.png); }
		#mainnavigation li#nav_special a{ width:139px; background-image:url(/images/skin/nav/nav-special.png); }
		#mainnavigation li#nav_party a{ width:139px; background-image:url(/images/skin/nav/nav-party.png); }
		#mainnavigation li#nav_inside a{ width:138px; background-image:url(/images/skin/nav/nav-inside.png); }
		#mainnavigation li#nav_promotion a{ width:139px; background-image:url(/images/skin/nav/nav-promotion.png); }
		#mainnavigation li#nav_contact a{ width:137px; background-image:url(/images/skin/nav/nav-contact.png); }
		#mainnavigation li#nav_banquet a{ width:139px; background-image:url(/images/skin/nav/nav-banquet.png); }
		#mainnavigation li#nav_mapleridge a{ width:139px; background-image:url(/images/skin/nav/nav-mapleridge.png); }
		#mainnavigation li#nav_bowlero a{ width:139px; background-image:url(/images/skin/nav/nav-bowlero.png); }
		#mainnavigation li#nav_rosebowl a{ width:139px; background-image:url(/images/skin/nav/nav-rose-bowl.png); }
		
		#mainnavigation ul ul { display:none; border:1px solid #001915; background: url(/images/skin/bg/bg-subnav.jpg) top left repeat-y;}
		
		#mainnavigation ul ul li { float: none; width: 134px; background: transparent url(/images/skin/bg/bg-subnav-li.jpg) bottom center no-repeat; z-index: 999999; }
		
		#mainnavigation ul ul li.first-child { padding-top: 3px;}
			#mainnavigation ul ul li a {
				overflow: visible;
				background: none !important;
				padding-top: 0px;
				color: #000000;
				text-decoration: none;
				font-size: 14px;
				height:auto;
				width: 99px !important;
				padding: 7px 17px 7px 18px;
				z-index: 999999;
				font-weight: normal;
				text-align:center;
			}
				#mainnavigation ul ul li.last-child {border: 0px;}
			#mainnavigation ul ul li a:hover {
				text-decoration:underline;
			}

		
	#logo {
		top: 14px;
		left: 0px;
	}
	
	#utilities {
		top: 14px;
		right: 0px;
	}
		#utilities li { float: left; }
		
		#utilities a{
			padding-top:14px;
			height:1px;
			display:block;
			overflow: hidden;
			display:block;
			background-position: 0 0;
		}
		
		#utilities a:hover{
			background-position: 0 -15px;
		}
		
		#utilities li#util_home, #utilities li#util_location { margin-right:22px;}
		
		#utilities li#util_home a{ width:55px; background-image:url(/images/skin/util/home.png); }
		#utilities li#util_location a{ width:87px; background-image:url(/images/skin/util/location.png); }
		#utilities li#util_job a{ width:151px; background-image:url(/images/skin/util/job.png); }
		
	#social {
		top: 58px;
		right: 0px;
	}
		#social li { float: left; }
		
		#social a{
			padding-top:27px;
			height:1px;
			display:block;
			overflow: hidden;
			display:block;
			background-position: 0 0;
		}
		
		#social a:hover{
			background-position: 0 -28px;
		}
		
		#social li#social_facebook a{ width:31px; background-image:url(/images/skin/util/facebook.png); }
		#social li#social_instagram a{ width:34px; background-image:url(/images/skin/util/instagram.png); }
		#social li#social_twitter a{ width:34px; background-image:url(/images/skin/util/twitter.png); }
		#social li#social_yelp a{ width:30px; background-image:url(/images/skin/util/yelp.png); }
		
		#header-banner { left:0; bottom: 11px;}
		

/* --CONTENT-- */
#main { 
	position: relative; 
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden;
		margin-bottom:90px; 
	}
	#content {
		float: left;
	}
	#ctas {
		width: 359px;
		padding-top:34px;
		float: right;
	}
		#signup {
			width:344px;
			height:114px;
			background: url(/images/skin/bg/bg-signup.png) top left;
			position:relative;
		}
		
			#ctas .emailSignUp, #ctas .sendusemail {
				float:left;
				font-size:11px;
				color: #999;
				width:106px;
				padding: 0 5px 0 5px;
				position:absolute;
				top: 64px; left:94px;
				background:transparent;
				border: transparent;
			}
			
			#ctas .emailSignUp, #ctas .sendusname {
				float:left;
				font-size:11px;
				color: #999;
				width:106px;
				padding: 0 5px 0 5px;
				position:absolute;
				top: 96px; left:94px;
				background:transparent;
				border: transparent;
			}
			
			#ctas .emailSignUp, #ctas .sendusphone {
				float:left;
				font-size:11px;
				color: #999;
				width:106px;
				padding: 0 5px 0 5px;
				position:absolute;
				top: 128px; left:94px;
				background:transparent;
				border: transparent;
			}
			
			#ctas .sendquestion {
				float:left;
				font: normal 11px verdana, arial, helvetica, sans-serif;
				color: #999;
				width:200px;
				padding: 5px 5px 0 5px;
				position:absolute;
				top: 154px; left:94px;
				background:transparent;
				border: transparent;
			}

			#ctas .g-recaptcha {
				float:left;
				font: normal 11px verdana, arial, helvetica, sans-serif;
				color: #999;
				width:250px;
				padding: 0 0 0 0;
				position:absolute;
				top: 219px; left:40px;
				background:transparent;
				border: transparent;
			}

			#ctas .emailSubmit, #ctas .followus, #ctas .sendusSubmit {
				display:block;
				height:1px;
				padding-top:24px;
				overflow:hidden;
				background-position: 0 0;
			}
			
			#ctas .emailSubmit:hover, #ctas .followus:hover, #ctas .sendusSubmit:hover {
				background-position: 0 -25px;
			}
			
			#ctas .emailSubmit, #ctas .sendusSubmit {
				background-image: url(/images/skin/bg/btn-submit.png);
				cursor:pointer;
				width:97px;
				position:absolute; top: 59px; left: 225px;
			}
			
			#ctas .followus {
				background-image: url(/images/skin/bg/btn-followus.png);
				cursor:pointer;
				width:117px;
			}
			
		#youtube-sec {
			width:344px;
			height: 234px;
			margin-bottom: 20px;
		}
		
		#feed-sec {
			width: 276px;
			min-height:87px;
			padding: 80px 34px 20px;
			background: #0f0f0f url(/images/skin/bg/bg-feed.jpg) top left no-repeat;
			color:#ccc;
		}
			.feed-sec a { text-decoration: none;}
			
			.timestamp {
				font-size:10px;
				padding: 8px 0 15px; 
			}
			
		#sendus {
			width:344px;
			height:220px;
			background: url(/images/skin/bg/sendus.png) top left;
			position:relative;
		}

	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav {
		padding-bottom: 20px;
	}
		
	#subnav ul {
		margin:0;
	}
	
	#subnav li {
		list-style:none;
		color:#4d4d4d;
		background: transparent url(/images/skin/bg/bg-sub.gif) 0 1px no-repeat;
	}
	
	#subnav li.first-child { background: none;}
	
	#subnav li a { color: #966dda; text-decoration: none; margin:0 10px; }
	
	#subnav li.first-child a { margin-left:0;}
	
	#subnav li a:hover { text-decoration: underline;}
	#subnav li a.active { color: #fab112; text-decoration: underline;}
	
	#content {
		width: 555px;
		position: relative;
	}
	
		.c-w1 {
			padding: 34px 0 0 40px;
		}
		
		.c-w1 p {
			padding: 0 0 20px 0;
		}

/* --FOOTER-- */
#footer { font-size: 10px; }
	.f-w2 {
		background: #1e1e1e url(/images/skin/bg/bg-footer.gif) top left repeat-x;
		height: 40px;
		padding: 22px 29px 0;
		width:912px;
	}
	
	.f-w2, .f-w2 a { color:#635957; font-size:11px; text-decoration:none;}
	.f-w2 a:hover { text-decoration:underline;}
	
		#copyright { width:600px; float:left;}
		#bottomlinks { width: 300px; float:right; text-align:right}
		
		.cleardiv { clear:both;}

/* STICKY FOOTERS: Uncomment to enable */
/*
html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; }
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
	height: 60px; 
}
#main { padding-bottom: 60px; }
*/
/* END STICKY FOOTERS */

#btn-reservation {
	float: left; width: 72px; height:0; padding-top:172px; overflow:hidden; display:block; margin-right: 43px; margin-top:99px;
	background: url(/images/skin/bg/btn-reservation.png) top left no-repeat; position:absolute; top:0; left:0; z-index:100;
}


table {
  border-collapse: collapse;
  border: 1px solid #D9B115;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #F6ECF0;
  background: #3F2E5C;
  }
caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
td, th {
  border: 1px dashed #D9B115;
  padding: .8em;
  color: #F6ECF0;
  }
thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #D9B115;
  text-align: left;
  background: #281D3A;
  color: #F6ECF0;
  padding-top:6px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #D9B115;
  background: #281D3A;
  padding-top:6px;
  }
.odd {
  background: #6B4D9B;
  }
tbody tr:hover {
  background: #281D3A;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #281D3A;
  }
  
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

.plainTable{
	
}

/* CSS for Drop Down Menu */
#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 15px Verdana;
line-height:25px;
z-index:100;
background-color: #7152A4;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
color:#ooo;
text-decoration:none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #000;
color:#fff;
}