﻿@import url(small.css);

/* Netscape 4 safe font sizes */
body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
}

body
{
	margin: 0px;
	padding: 0px;
	background-image: url( 'images/background.gif' );
}

img
{
	border: 0px;
}

#sideTab
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 57px;
	height: 2000px;	
	background-image: url( 'images/background_sidetab.png' );
}
#sideTab .shakey
{
	margin-top: 100px;
}

#canvas
{
	display: block;
	position: relative;
	margin-top: 70px;
	margin-left: 94px;
	clear:both;
	
}
#logo
{
	position: absolute;
	top: -64px;
	left: -49px;
}
#sing
{
	position: absolute;
	top: -58px;
	left: 730px;
}
#menu
{
	margin-left: 129px;
}
#content
{
	width: 842px;
	background-color: Black;
	color: White;
	font-size: 90%;
}
#social
{
	position: relative;
	z-index: 1000;
	float: right;
	padding-top: 6px;
	padding-right: 11px;
}
#main
{
	position: relative;
	border: solid 3px #a82116;
	margin-left: 11px;
	margin-right: 11px;
	width: 815px;
	height: 619px;
	background-image: url( '/images/background.jpg' );
	clear:both;
}
#footer
{
	margin-left: 150px;
}
#address
{
	color: #eeeeee;
	margin-top: 4px;
	font-size: 80%;
}

.NoWrap
{
	white-space: nowrap;
}

/*-------------------- video channel ---------------------*/
#videoChannelContainer
{
	padding: 24px;
	position: relative;
}
#videoChannelContainer #VideoPlayer
{
	float: left;
	background-image: url( '/images/videochannel/frame.jpg' );
	padding: 36px 46px;
	display: block;
	margin-right: 12px;
}
#videoChannelContainer #VideoPlayerPlaylistContainer
{
	border: solid 1px black;
	float: left;
}

#videoChannelContainer #VideoPlayerPlaylistContainer #MoreVideos
{
	color: #3c1609;
	background-color: #ffffcc;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	width: 154px;
	font-weight: bold;
	font-size: 125%;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);	
	border-bottom: solid 1px black;
}

#videoChannelContainer #VideoPlayerPlaylistContainer #VideoPlayerPlaylist,
#videoChannelContainer #VideoPlayerPlaylistContainer #VideoPlayerPlaylistBackground
{
	height: 350px;
	width: 142px;
	padding: 12px 0px 12px 12px;
}

#videoChannelContainer #VideoPlayerPlaylistContainer #VideoPlayerPlaylistBackground
{
	position: absolute;
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
	background-color: White;	
}

#videoChannelContainer #VideoPlayerPlaylistContainer #VideoPlayerPlaylist
{
	position: absolute;
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
	overflow: scroll;
}
#videoChannelContainer #VideoPlayerPlaylistContainer #VideoPlayerPlaylist a
{
	display: block;
	margin-bottom: 12px;
	color: White;
	text-decoration: none;
	font-weight: bold;
}

#videoChannelContainer #VideoFooter
{
	position: absolute;
	left: -48px;
	top: 440px;
	
}



/*-------------------- green report ---------------------*/

#greenContainer
{
	color: Black;
	padding-left: 40px;
	padding-top: 67px;	
}
#greenContainer #leftColumn,
#greenContainer #rightColumn
{
	float: left;
	width: 350px;
	margin-right: 32px;
}
#greenContainer .greenItem 
{
	position: relative;
	padding-left: 61px;
	margin-bottom: 24px;
	color: White;
}
#greenContainer .greenItem h2
{
	font-size: 200%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #66cc33;
}
#greenContainer .greenItem .icon
{
	position: absolute;
	left: 0px;
}

#greenContainer #grass
{
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 405px;
}

/*-------------------- map ---------------------*/

.googleMapContainer
{
	padding: 48px 20px;
}
.GoogleMapCanvas
{
	float: left;
	width: 500px;
	height: 520px;
	margin-right: 12px;
}
.GoogleDirections
{
	width: 250px;
	height: 380px;
	background-color: white;
	color: black;
	overflow: scroll;
}
.GoogleControls
{
	float: left;
	width: 250px;
	font-weight: bold;
	padding: 0px;
}

.MapAddress
{
	clear: both;
	margin-top: 24px;
	margin-left: 276px;
}

.Destination
{
	float: left;
	font-weight: bold;
	width: 250px;
	margin-bottom: 12px;
}

/*-------------------- press ---------------------*/

#PressContainer
{
	color: Black;
	padding-left: 18px;
	padding-top: 12px;	
	text-align: center;	
}
#PressContainer #Images
{
	float: left;
	width: 330px;
	margin-right: 12px;
}
#PressContainer #Images .PressImage
{
	border: solid 5px black;
	margin-bottom: 6px;
}


#PressContainer #PressRelease
{
	width: 409px;
	height: 500px;
	border: solid 1px black;
	background-color: White;
	padding: 12px;
	overflow: scroll;
	text-align: left;
}

#PressContainer h1
{
	text-transform: uppercase;
	font-size: 150%;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	color: White;
}


#PressContainer h2
{
	font-size: 120%;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	color: White;
}

/*-------------------- menu > beer ---------------------*/

.MenuItems
{
	padding-left: 18px;
	padding-right: 18px;
	font-size: 90%;
}
.MenuItems td
{
	padding-right: 6px;
	padding-bottom: 6px;
}
.MenuItems td.Price
{
	text-align: right;
}
.MenuItems .size
{
	font-size: 70%;
}


#MenuBeerContainer
{
	padding: 12px 6px;
}

#MenuBeerDraft
{
	float: left;
	position: relative;
	margin-right: 18px;
	background-image: url( '/images/menu/beer/draft_background.png' );
	width: 172px;
	height: 260px;
	padding-top: 90px;
	color: Black;
	
}
#MenuBeerDraft #MenuBeerDraftIcon
{
	position: absolute;
	left: 150px;
	top: 32px;
}

#MenuBeerBottle
{
	float: left;
	position: relative;
	margin-right: 12px;
	background-image: url( '/images/menu/beer/bottle_background.png' );
	width: 186px;
	height: 341px;
	padding-top: 90px;
	color: Black;
	
}
#MenuBeerBottle #MenuBeerBottleIcon
{
	position: absolute;
	left: 150px;
	top: 32px;
}
#MenuBeerBottle .MenuItems
{
	padding-right: 24px;
}

#MenuBeerBlend
{
	float: left;
	position: relative;
	margin-right: 12px;
	background-image: url( '/images/menu/beer/blend_background.png' );
	width: 249px;
	height: 110px;
	padding-top: 90px;
	color: Black;	
}
#MenuBeerBlend .MenuItems
{
	padding-right: 12px;
}
#MenuBeerBlend .MenuItems  td
{
	padding-right: 6px;
	padding-bottom: 2px;
	vertical-align: top;
}
#MenuBeerBlend .MenuItems  td strong
{
	white-space: nowrap;
}

#MenuBeerWine
{
	float: left;
	position: relative;
	margin-right: 12px;
	background-image: url( '/images/menu/beer/wine_background.png' );
	width: 140px;
	height: 105px;
	padding-top: 90px;
	color: Black;
	
}
#MenuBeerWine #MenuBeerWineIcon
{
	position: absolute;
	left: 87px;
	top: 0px;
}
#MenuBeerWine .MenuItems
{
	padding-right: 12px;
}
#MenuBeerWine .MenuItems strong
{
	padding-bottom: 4px;
}

#MenuBeerFloat
{
	float: left;
	position: relative;
	top: -52px;
	margin-right: 12px;
	background-image: url( '/images/menu/beer/float_background.png' );
	width: 163px;
	height: 92px;
	padding-top: 77px;
	color: Black;	
	clear:both;
}
#MenuBeerFloat #MenuBeerFloatIcon
{
	position: absolute;
	left: 116px;
	top: -28px;
}
#MenuBeerFloat .MenuItems
{
	padding-right: 18px;
	padding-left: 12px;
}
#MenuBeerFloat .MenuItems  td
{
	padding-right: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}
#MenuBeerFloat .MenuItems  td strong
{
	white-space: nowrap;
}

#MenuBeerVideo
{
	position: absolute;
	top: 267px;
	left: 401px;
}

/*-------------------- menu > chicken ---------------------*/
#MenuChickenContainer
{
	padding-top: 12px;
	padding-left: 12px;
}

#MenuChickenContainer #LeftColumn
{
	float: left;
	width: 515px;
	margin-right: 12px;
}

#MenuChickenContainer #LeftColumn #Wings,
#MenuChickenContainer #LeftColumn #Fried,
#MenuChickenContainer #LeftColumn #Strips
{
	float: left;
	margin-right: 8px;
	padding: 12px;
	color: Black;
	text-align: center;
	font-size: 90%;
}
#MenuChickenContainer #LeftColumn #Wings table,
#MenuChickenContainer #LeftColumn #Fried table,
#MenuChickenContainer #LeftColumn #Strips table
{
	width: 100%;
	margin-top: 8px;
}
#MenuChickenContainer #LeftColumn #Wings table td,
#MenuChickenContainer #LeftColumn #Fried table td,
#MenuChickenContainer #LeftColumn #Strips table td
{
	text-align: left;
	padding-left: 6px;
	padding-bottom: 4px;
	font-weight: bold;
}

#MenuChickenContainer #LeftColumn #Wings table td.Price,
#MenuChickenContainer #LeftColumn #Fried table td.Price,
#MenuChickenContainer #LeftColumn #Strips table td.Price
{
	text-align: right;
}

#MenuChickenContainer #LeftColumn #Wings table td.KeepWithNext,
#MenuChickenContainer #LeftColumn #Fried table td.KeepWithNext,
#MenuChickenContainer #LeftColumn #Strips table td.KeepWithNext
{
	padding-bottom: 0px;
}

#MenuChickenContainer #LeftColumn #Wings table td.ServedWith,
#MenuChickenContainer #LeftColumn #Fried table td.ServedWith,
#MenuChickenContainer #LeftColumn #Strips table td.ServedWith
{
	padding-top: 0px;		
	font-weight: normal;
}


#MenuChickenContainer #LeftColumn #Wings .title,
#MenuChickenContainer #LeftColumn #Fried .title,
#MenuChickenContainer #LeftColumn #Strips .title
{
	font-weight: bold;
	font-size: 110%;
}


#MenuChickenContainer #LeftColumn #Wings
{
	width: 147px;
	height: 121px;
	background-image: url( '/images/menu/chicken/wings_background.png' );
}
#MenuChickenContainer #LeftColumn #Fried
{
	width: 137px;
	height: 123px;
	background-image: url( '/images/menu/chicken/fried_background.png' );
}
#MenuChickenContainer #LeftColumn #Strips
{
	width: 132px;
	height: 118px;
	background-image: url( '/images/menu/chicken/strips_background.png' );
}

#MenuChickenContainer #LeftColumn #Sides
{
	width: 515px;
	height: 237px;
	font-size: 120%;
	font-weight: bold;
	background-image: url( '/images/menu/chicken/sides_background.png' );
}
#MenuChickenContainer #LeftColumn #Sides #SidesText
{
	padding-top: 32px;
	padding-left: 132px;
}
#MenuChickenContainer #LeftColumn #Sides #SidesThumbnails
{
	margin-top: 24px;
	margin-left: 12px;
}

#MenuChickenContainer #LeftColumn #Sides #SidesThumbnails .SidePicture
{
	margin-right: 1px;	
}

#MenuChickenContainer #RightColumn
{
	width: 273px;
	float: left;
}

#MenuChickenContainer #RightColumn #Mojos
{
	
}
#MenuChickenContainer #RightColumn #Mojos .style
{
	width: 223px;
	margin-bottom: 8px;
	padding-left: 12px;
	font-size: 90%;
}
#MenuChickenContainer #RightColumn #Mojos .style table td
{
	font-weight: bold;
	padding-right: 24px;
	parring-bottom: 4px;
}
#MenuChickenContainer #RightColumn #Mojos .style .title
{
	font-weight: bold;
	font-size: 150%;	
}
#MenuChickenContainer #RightColumn #Mojos .style .price
{
	font-weight: bold;
	font-size: 120%;	
}


/*-------------------- menu > meal deals ---------------------*/
#MenuMealDealsContainer
{
	padding: 6px 12px;
}

#MenuMealDealsContainer #LeftColumn
{
	float: left;
	width: 552px;
	margin-right: 24px;
}
#MenuMealDealsContainer #LeftColumn #Title
{
	width: 488px;
	height: 40px;
	padding: 88px 32px 0px 32px;	
	background-image: url( '/images/menu/mealdeals/title.png' );
	text-align: center;
}
#MenuMealDealsContainer #LeftColumn .MealDealLight,
#MenuMealDealsContainer #LeftColumn .MealDealDark
{
	float: left;
	margin-right: 6px;
	margin-bottom: 12px;
	color: Black;
	padding: 12px;
	font-size: 90%;
}

#MenuMealDealsContainer #LeftColumn .MealDealLight .Title,
#MenuMealDealsContainer #LeftColumn .MealDealDark .Title
{
	font-weight: bold;
	font-size: 120%;
}

#MenuMealDealsContainer #LeftColumn .MealDealLight
{
	background-image: url( '/images/menu/mealdeals/background_light.png' );
	width: 106px;
	height: 93px;
}
#MenuMealDealsContainer #LeftColumn .MealDealDark
{
	background-image: url( '/images/menu/mealdeals/background_dark.png' );
	width: 105px;
	height: 98px;
}

#MenuMealDealsContainer #LeftColumn #PastaFavorite
{
	background-image: url( '/images/menu/mealdeals/pasta.png' );
	width: 536px;
	height: 30px;
	padding-top: 61px;
	text-align: center;
	clear: both;
}
#MenuMealDealsContainer #LeftColumn #Pastas
{
	margin-left: 20px;
}

#MenuMealDealsContainer #LeftColumn #Pastas .Pasta
{
	position: relative;
	float: left;
	padding: 12px;
	margin-right: 6px;
	background-image: url( '/images/menu/mealdeals/background_pasta.png' );
	width: 137px;
	height: 93px;
	color: Black;
	font-size: 90%;
}
#MenuMealDealsContainer #LeftColumn #Pastas .Pasta .Title
{
	font-weight: bold;
	font-size: 120%;
}

#MenuMealDealsContainer #LeftColumn #Pastas .Pasta .Thumbnail
{
	position: absolute;
	top: 4px;
	left: 5px;
	opacity:0.0;
	-moz-opacity:0.0;
	filter:alpha(opacity=00)	
}




#MenuMealDealsContainer #RightColumn
{
	width: 214px;
	float: left;
	padding-top: 12px;
}

#MenuMealDealsContainer #RightColumn #SmallerBites
{
	background-image: url( '/images/menu/mealdeals/smaller_bites.png' );
	width: 188px;
	height: 274px;	
	margin-top: 36px;
	padding: 100px 12px 12px 12px;
}

#MenuMealDealsContainer #RightColumn #SmallerBites .SmallerBite
{
	margin-bottom: 18px;
}

#MenuMealDealsContainer #RightColumn #SmallerBites .SmallerBite .Title
{
	font-size: 130%;
	font-weight: bold;
}
#MenuMealDealsContainer #RightColumn #SmallerBites .SmallerBite .price
{
	font-weight: bold;
}

/*-------------------- menu > party packages ---------------------*/
#MenuPartyPackagesContainer
{
	padding: 12px 18px;
}

#MenuPartyPackagesContainer #LeftColumn
{
	float: left;
	width: 488px;
	margin-right: 24px;
	margin-top: 18px;
	text-align: center;
}

#MenuPartyPackagesContainer #LeftColumn .PartyPackageType
{
	margin-bottom: 6px;
}
#MenuPartyPackagesContainer #LeftColumn .PartyPackageType .PartyPackage
{
	float: left;
	margin-right: 1px;
	background-image: url( '/images/menu/partypackages/item_background.png' );
	width: 137px;
	height: 83px;	
	padding: 12px;	
	color: Black;
}
#MenuPartyPackagesContainer #LeftColumn .PartyPackageType .PartyPackage .Title
{
	font-weight: bold;
	font-size: 110%;
}
#MenuPartyPackagesContainer #LeftColumn .PartyPackageType .PartyPackage .Price
{
	font-weight: bold;
}

#MenuPartyPackagesContainer #RightColumn
{
	width: 261px;
	float: left;
}
#MenuPartyPackagesContainer #RightColumn #SpecializingInFun
{
	background-image: url( '/images/menu/partypackages/text_background.png' );
	width: 237px;
	height: 560px;
	padding: 24px 12px 12px 12px;
	font-size: 85%;	
	font-family: Arial;
}
#MenuPartyPackagesContainer #RightColumn #SpecializingInFun #SpecializingInFunText
{
	height: 500px;
}
#MenuPartyPackagesContainer #RightColumn #SpecializingInFun p
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 8px;
}
#MenuPartyPackagesContainer #RightColumn #SpecializingInFun p img
{
	margin-bottom: 3px;
}

/*-------------------- menu > pizza ---------------------*/
#MenuPizzaContainer
{
	padding: 6px 12px;
}

#MenuPizzaContainer #LeftColumn
{
	float: left;
	width: 503px;
	margin-right: 12px;
}

#MenuPizzaContainer #LeftColumn #Title
{
	background-image: url( '/images/menu/pizza/title.png' );
	width: 503px;
	height: 51px;
	padding: 81px 0px 0px 0px;
	font-size: 110%;
	text-align: center;
}

#MenuPizzaContainer #LeftColumn #Pizzas .Pizza
{
	float: left;
	position: relative;
	background-image: url( '/images/menu/pizza/pizza_background.png' );
	width: 133px;
	height: 128px;
	margin-right: 10px;
	margin-bottom: 6px;
	padding: 12px;
	font-size: 110%;
	color: Black;
}
#MenuPizzaContainer #LeftColumn #Pizzas .Pizza .Title
{
	font-weight: bold;
	font-size: 110%;
}
#MenuPizzaContainer #LeftColumn #Pizzas .Pizza .SmallerText
{
	font-size: 90%;
}

#MenuPizzaContainer #LeftColumn #Pizzas .Pizza .Thumbnail
{
	position: absolute;
	top: 6px;
	left: 8px;
	opacity:0.0;
	-moz-opacity:0.0;
	filter:alpha(opacity=00)	
}
#MenuPizzaContainer #RightColumn
{
	width: 275px;
	float: left;
}
#MenuPizzaContainer #RightColumn #Toppings #ToppingsTitle
{
	font-size: 150%;
	font-weight: bold;
	margin-top: 12px;
}
#MenuPizzaContainer #RightColumn #Toppings .Prices
{
	font-weight: bold;
	font-size: 90%;
}
#MenuPizzaContainer #RightColumn #Toppings .Notes
{
	font-size: 75%;
}
#MenuPizzaContainer #RightColumn #Toppings #Meats,
#MenuPizzaContainer #RightColumn #Toppings #Veggies
{
	float: left;
	margin-bottom: 12px;
	margin-top: 12px;
}

#MenuPizzaContainer #RightColumn #Toppings #Meats
{
	width: 145px;
}
#MenuPizzaContainer #RightColumn #Toppings #Veggies
{
	width: 120px;
}

#MenuPizzaContainer #RightColumn #Toppings #Meats .title,
#MenuPizzaContainer #RightColumn #Toppings #Veggies .title
{
	font-size: 120%;
	font-weight: bold;
}

/*-------------------- photo album ---------------------*/

.sf_singleImage
{
	text-align: center;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}
.sf_singleImage img
{
	border: solid 12px black !important;
}
.sf_singleImageCaption
{
	padding: 0px 12px;
	width: 648px;
	color: White;
	font-weight: bold;
	margin: 0px auto;
}
.sf_singleImageCaption strong
{
	font-size: 120%;
}

.sf_pager .sf_pagerprevious,
.sf_pager .sf_pagernext
{
	position: absolute;
	top: 250px;
}
.sf_pager .sf_pagerprevious
{
	left: 12px;
}
.sf_pager .sf_pagernext
{
	left: 752px;
}