/* CSS ALS DINER TEST*/
*{
margin:0;
padding:0;
}

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

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

#holder  {position:relative; background:transparent url(./images/img_4732_outside1.jpg) 90px 55px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {width:555px; height:130px; 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/img_4732_outside1s.jpg);}
a.pic2 {background:url(./images/img_4735_patio2s.jpg);}
a.pic3 {background:url(./images/img_4733_patio1s.jpg);}
a.pic4 {background:url(./images/img_4736_dining1s.jpg);}
a.pic5 {background:url(./images/img_4737_dining2s.jpg);}
a.pic6 {background:url(./images/img_4742_dining3s.jpg);}
a.pic7 {background:url(./images/img_4741_dining4s.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:1130px; height:50px;}
#pad {height:370px; width:100px;}


#banner {
	height: 205px;
	width: 760px;
	background-image: url(images/banner.gif);
              background-repeat: no-repeat;
}
#banner2 {
	height: 20px;
	width: 760px;
	background-image: url(images/banner2a.jpg);
        margin-top: 18px;
        padding-top: 2px;
}
#banner2 p{
        color: black;
        font-family: verdana;
        font-weight: bold;
        text-align: center;
        font-size: 1.2em;
}

#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: 10px;
}

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

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



/*  Menu */

#main_menu {margin-right: auto;
 
 list-style-type:none; 
 width:600px;
 height:36px;
 background:url(.images/button_0.gif) no-repeat top right;
}

#main_menu li {
float:left; 
width:120px; 
background:url(./images/button_1.gif);
}

#main_menu li a, #main_menu li a:visited {
display:block;
 width:120px;
 height:36px; 
color:#ddd; 
font-size:1.4em; 
text-decoration:none;
text-align:center;
float:left; 
line-height:32px; 
font-family:arial, verdana, sans-serif; 
background:url(./images/button_0.gif);}



#main_menu li a:hover {color:#fff;
  background:url(./images/button_1.gif);
} 

#main_menu li a.chosen, #main_menu li a.chosen:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(./images/button_2.gif);} 




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