* { 
    margin: 0; 
    padding: 0; 
	}


html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
    font-family: "Arial";
	}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
}


.box { 
	position:fixed;
	margin: 0 auto;
	width: 100%;
	height: 60px;
    background: url(../images/background.png);
    padding-top: 5px;
	}

p {
padding: 0 0 1em;
}


/* toggle */



div#gallery_box {
text-align: left;
margin-top: 20px;
background-color: white;
padding: 10px;
width: 375px;
height: 500px;
}

div#thumbs {
text-align: right;
margin-top: 90px;
background-color: white;
padding: 10px 10px 10px 10px;
width: 320px;
height: 15px;
}

.galleryimg {
padding: 3px;
width: 108px;
height: 73px;
}

/* navigation */



div#numbers {
margin-top: 90px;
margin-left: 40px;
}

div#numbers ul {
height: 100%;
vertical-align: middle;
text-align: center;
float: left;
margin-left: 5px;
}


div#numbers ul li {
vertical-align: middle;
text-align: center;
margin-bottom: 5px;
width: 20px;
height: 20px;
padding:  5px 2px 2px 2px;
color: black;
background-color: white;
opacity: .8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);
}

div#numbers ul li a {
color: black;
text-decoration: none;
}

div#numbers ul li a.active {color: #D90000;}
div#numbers ul li a.active:hover {color: black;}

div#numbers ul li a:hover {color: #D90000;}

#nav {
	position: absolute;
	padding-top: 10px;
	padding-left: 45px;
	height: 35px; width: 863px;
	}

#nav li {
	margin: 0 23px 0 0;
	display:block;
	float:left;
	list-style-type:none;
}

#nav li.last {margin-right: 0;}

body.home #nav_home a {background-position: 0 -35px;}
body.menu #nav_menu a {background-position: -103px -35px;}
body.catering #nav_catering a {background-position: -206px -35px;}
body.location #nav_location a {background-position: -362px -35px;}
body.about #nav_about a {background-position: -516px -35px;}
body.gallery #nav_gallery a {background-position: -633px -35px; width: 120px;}
body.press #nav_press a {background-position: -776px -35px; width: 87px;}


#nav_home a {background-position: 0 0; width: 79px;}
#nav_home a:hover {background-position: 0 -35px;}

#nav_menu a {background-position: -103px 0; width: 79px;}
#nav_menu a:hover {background-position: -103px -35px;}

#nav_catering a {background-position: -206px 0; width: 133px;}
#nav_catering a:hover {background-position: -206px -35px;}

#nav_location a {background-position: -362px 0; width: 131px;}
#nav_location a:hover {background-position: -362px -35px; width: 131px;}

#nav_about a {background-position: -516px 0; width: 92px;}
#nav_about a:hover {background-position: -516px -35px; width: 92px;}

#nav_gallery a{background-position: -633px 0; width: 120px;}
#nav_gallery a:hover {background-position: -633px -35px; width: 120px;}

#nav_press a{background-position: -776px 0; width: 87px;}
#nav_press a:hover {background-position: -776px -35px; width: 87px;}

#nav li a {
background-image: url(../images/BBQ_nav.png);
height: 35px;
display: block;
text-indent: -9999px;
}




/* columns  */


.columns {
float: left;
height: 375px;
width: 225px;
padding-right: 10px;
}

.columnspress {
float: left;
height: 375px;
width: 300px;
padding-right: 10px;
}

/* menu content */

ul.menulist {
line-height: 17px;
font-size: 13px;
}


p {
padding-bottom: 6px;
}
  
span.headerlight {
font-weight: normal;
font-style: italic;
font-size: 13px;
}

h2 {
padding-top: 10px;
padding-bottom: 2px;
font-weight: bold; 
}

h1 {
padding-bottom: 5px;
color: #D90000;
font-weight: bold; 
font-size: 18px;
}

h1.pressheader {
font-weight: normal;
padding-top: 10px;
color: #D90000;
font-size: 13px;
}

h3 {
font-style: italic;
padding-bottom: 6px;
font-size: 13px;
}

#menu_nav {
line-height: 21px;
padding-bottom: 40px;
display: inline;
list-style-type: none;
color: #000;
font-weight: bold; 
font-size: 18px;
}

#menu_nav a {
text-decoration: none;
color: #000;
}

#menu_nav a.active {color: #D90000;}
#menu_nav a:hover, #menu_nav a:active {color: #D90000;}


/* press nav */

#menu_nav a.zagat:hover {color: #D90000;}
#menu_nav a.zagat:active {color: #D90000;}

#menu_nav a.bonappetit:hover {color: #D90000;}
#menu_nav a.bonappetit:active {color: #D90000;}

#menu_nav a.saveur:hover {color: #D90000;}
#menu_nav a.saveur:active {color: #D90000;}

#menu_nav a.kctribune:hover {color: #D90000;}
#menu_nav a.kctribune:active {color: #D90000;}

#menu_nav a.yelp:hover {color: #D90000;}
#menu_nav a.yelp:active {color: #D90000;}

#menu_nav a.latimes:hover {color: #D90000;}
#menu_nav a.latimes:active {color: #D90000;}


span.deliver {
color: #D90000;
font-size: 13px;
font-weight: bold;
line-height: 17px;
}
.opaque {
opacity: .8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);					
}

div#menuright.opaque2 {
background: url(../images/opaque.png);					
}

div#menuright {
line-height: 16px;
font-size: 13px;
padding: 20px 20px 20px 20px ;
width: 9999px;
height: 400px;
margin-top: 90px;
margin-left: 200px;
background-color: white;
}


div#menuleft {
float: left;
padding: 20px 20px 20px 20px ;
background-color: white;
margin-top: 90px;
margin-left: 20px;
height: 400px;
width: 125px;
}


menuleft_middle {
font-size: 12px;
}



p.menuleft_foot {
font-size: 12px;
padding-top: 225px;
}

div#about {
font-size: 11px;
margin-top: 90px;
margin-right: 200px;
padding: 20px 20px 20px 20px ;
width: 250px;
height: 450px;
float: right;
background-color: white;
}

div#caterright {
padding: 20px 20px 20px 40px ;
width: 750px;
height: 450px;
margin-top: 90px;
background-color: white;
}

#iframe_content {
	margin: 0 auto;
	display: block;
}



/* footer */


#one a{
width: 65px;
height: 23px;
}

#one a:hover {background-position: 0px -22px;}

span.danny {
	color: #D90000;
	}
 
#footer a {
	text-indent: -9999px;
	height: 23px;
  	background: url(../images/one_logo.png) no-repeat;
  	position: absolute;
	right: 65px;
  	top: 8px;
	}
	

#footer {
	padding: 12px 10px 10px 45px;
	background: url(../images/background_footer.png);
  	position:absolute;
  	bottom:0;
  	left: 0;
  	width:100%;
	height:<length>;
	vertical-align: middle;
  	font-family: sans-serif;
  	font-weight: 100;
  	color: white;
  	font-size: 1.1em;
	} 
	
	
#focus-stealer      { position: absolute; left: -9999px; }