/* CSS Document */
*{
margin:0;
padding:0;
}

body {
	font-family: verdana, "Times New Roman", Times, serif;
	font-size: 76%;
	/* for IE */
	line-height: 1.5em;
	background-color: #000000;
              background-repeat: repeat-y;
}

#holder  {position:relative; background:transparent url(./images/store_front.jpg) 90px 55px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {width:555px; height:150px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:175px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:150px; height:112px; margin:3px; float:left; font-size:11px;}
a.pic1 {background:url(./images/store_fronts.jpg);}
a.pic2 {background:url(./images/dining_area1s.jpg);}
a.pic3 {background:url(./images/dining_area2s.jpg);}
a.pic4 {background:url(./images/dining_area3s.jpg);}
a.pic5 {background:url(./images/darts_areas.jpg);}
a.pic6 {background:url(./images/pool_tables.jpg);}



a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:402px; height:295px; top:49px; left:84px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:295px; top:49px; left:84px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}

#thumbs {width:960px; height:60px;}
#pad {height:370px; width:100px;}

#banner {background-color: black;
              height: 259px;
	      width: 620px;
              margin: 0px 0px 0px 145px;
              padding: 0px 0px 15px 60px;
}

#banner2 {
	height: 29px;
	width: 615px;
	background-image: url(images/banner2.jpg);	
        float: right;
        margin: 0px 0px 30px 10px;
        padding-top: 6px;
      
}
#banner2 p{
        color: white;
        font-size: 1.2em;
        text-align: center;
}

#wrapmain {
	width: 760px;
              background-image: url(images/bg_main.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 120px;
}

#column1 {
	width: 78%;
	float: right;
	margin-left: 0px;
}

#column1 div{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}	


/* SIDEBAR MENU */

#sidebarmenu {
	width: 20%;
	float: left;
	margin-left: 0px;
	text-align: left;
	position:relative;
              top: -630px;
              margin-bottom: -550px;			
	}
#sidebarmenu div{
		margin: 1px 0px -10px 0px;
	}

.home {color: white; position: relative;}

.item {
	padding: 5px 0px 0px 5px;
              font-size: 1.3em;
	line-height: 2em;
              
}



 
.item a {
	display: block;
	background-image: url(images/roll_logo.gif);
	background-position: 0px 0px;
	height: 100px;
	width: 130px;
	background-repeat: no-repeat;
	line-height: 85px;
	text-indent: 22px;
	color: #ffffcc;
	text-decoration: none;
	font-weight: bold;
              padding-top: 42px;
              position: relative; top:  20px; left: 0px;
              
}


.item a:hover {
	background-image: url(images/roll_logo.gif);
	background-position: top right;
	background-repeat: no-repeat;
	color: black;
}	


.hourspic {
padding: 320px 0px 0px 6px;
}	

.tapspic {
          margin: 550px 0px 5px -150px;
          float: left;
          
} 
.tapspic img{
             border-style: none;
}

#footer {
              width: 530px;
	clear: both;
	background-color: black;
	color: #ffffcc;
	margin: 5px;
	text-align: center;
              font-size: 17px;
             padding: 10px  0px 0px 300px;
             font-weight: bold;
             
}