<?php include('../../globals/php/cssheader.php');?>

/*<group=TYPOGRAPHY>*//*------------------------Typography-------------------------------------------*/

/*#menu li	{font: normal 1.6em/1em Georgia, 'Times New Roman', Times, serif; font-variant: all-caps;}*/


#nav_menu li {font: normal  1.4em/2em Georgia, 'Times New Roman', Times, serif; font-variant: all-caps;}
#directions 	p {font:  1.4em/1.2em Georgia, 'Times New Roman', Times, serif; padding:0; margin:0; border: 1px dashed; }

#specials	 p 	{font:  1.3em/1em Georgia, 'Times New Roman', Times, serif; text-align: left; padding: .1em .3em 1.1em 1em }
				

div#inserted_content p{padding-right: 15px;}


/*</group>*/	/*-------------------------Close Typography-----------------------------------*/


/*<group=LAYOUT>*//*---------------------------Layout----------------------------------------*/
#cellcontainer { position: relative; margin: 50px auto;  width: 700px; border: solid #b3a577; border-width: 1px; background: #000;}
div#cellcontainer_transcorners {position:relative; z-index:20; /*height: 590px;*/} /*Transcorners 'rounding corners' javascript */

#content{ float:left;	position: relative; margin:  3px 5px 3px 5px; /* border:5px solid #fff;*/
			background: url('../images/pizzabox-bg.jpg') repeat #fff; width:689px; height:100%;/*height: 400px;*/}

#pizzeria_content{ float:left;	position: relative; margin:  3px 5px 3px 5px; /* border:5px solid #fff;*/
			background: url('../images/pizzabox-bg.jpg') repeat #fff; width:689px; height:100%;/*height: 400px;*/}

#pizzeria_inserted_content {position:relative; float: right; width:500px;height:320px;margin: 10px 1px 30px; 
										overflow-y: auto; overflow-x:hidden;  border-bottom: inset 1px darkgray; }
										body:last-child:not(:root:root) #pizzeria_inserted_content { overflow:auto;}


#header { 	position:relative; background: url('../images/header.jpg') #957e4e; width: 690px; height: 105px; padding:0; border:0; 
				margin: 4px 4px 0px 5px;  /*border:2px dashed #fff;*/}

			 
#left_column {float:left;  padding: 0px; width: 168px; height: auto; margin: 10px 3px; border:0;}
#pizzeria_left_column {float:left;  padding: 0px; width: 168px; height: auto; margin: 10px 3px; border:0;}
#pizzeria_middle_column {float:left; width:263px; height:auto; padding:0; margin: 10px 10px ; border:0;}
#pizzeria_right_column {float:right; width: auto; height:auto; padding: 0px; /*margin:3px*/margin: 10px 4px; border:0;}


#food_nav { position: relative; top: -10px; left: 3px; clear:both; margin:0px;width: 368px; height:62px;}

#footer{ clear:both; margin: 5px 5px 5px 5px; padding:0; border:0; background: url('../images/footer.png') no-repeat #957e4e; width: 690px; height: 67px; }

/*--------------------------------------------Close Layout---------------------------------*/


#pizzeria_sign_img{position: absolute;  top: -18px; right: -20px; margin:0px; padding:0px; width: 208px; height: 118px;  z-index:20;
		 		background: url('../images/sign-bestinLA.png') no-repeat; /*border: 1px dashed #fff;*/}


/*<group=Header>*//*---------------------------Header----------------------------------------*/

		 
#home_link {position:  absolute; top:10px; left:230px; width: 200px; height: 90px; color:000; /*border:  1px dashed #fff; */z-index:20;}
#home_link a {background: url(../images/blank.gif) no-repeat; display:block; width:200px; height:90px}
#home_link a:hover a:visited{cursor:arrow;}
/*</group>*/	/*------------------------------Close Header-----------------------------------*/


/*<group=Left>*//*-------------------------------LEFT COLUMN--------------------------------------*/


/*<group=Nav_Menu>*//*---------------------------Nav_Menu----------------------------------------*/
#nav_menu  { 	position: relative;  width: 168px; height: 280px; margin:0; padding:14px 8px;;
						background: url("../images/menu-bg-p.jpg") no-repeat;  }

#nav_menu ul {position: relative;  width:150px; height:260px;  padding:0px; list-style: none; /*border: 1px dashed;*/}

#nav_menu a {	overflow: hidden; display: block; width: 143px; height: 34px;   text-indent: -9000px; 
						background: url('../images/nav_button_matrix.gif') no-repeat 0px 0px;} 

#home a:link,  #home a:visited 			{ background-position:  0px 0px; }
#home a:hover,  #home a:focus 			{ background-position:  -140px 0px; }

#menus a:link,  #menus a:visited 		{ background-position:  0px -34px; }
#menus a:hover,  #menus a:focus 			{ background-position: -140px -34px;}

#reviews a:link,  #reviews a:visited 		{ background-position:  0px -68px; }
#reviews a:hover,  #reviews a:focus 		{ background-position:  -140px -68px; }

#events a:link,  #events a:visited 		{ background-position:  0px -102px; }
#events a:hover,  #events a:focus		{ background-position:  -140px -102px; }

#catering a:link,  #catering a:visited 	{ background-position:  0px -136px; }
#catering a:hover,  #catering a:focus 	{ background-position:  -140px -136px; }

#shop a:link,  #shop a:visited 			{ background-position:  0px -170px; }
#shop a:hover,  #shop a:focus			{ background-position:  -140px -170px; }

#contact a:link,  #contact a:visited 		{ background-position:  0px -204px; }
#contact a:hover,  #contact a:focus 		{ background-position:  -140px -204px; }

/*</group>*/	   /*-----------------Close Nav Menu-------------------------- */


/*</group>*/	/*-----------------Close LEFT COLUMN----------------------------------*/


/*<group=Middle>*//*----------------------MIDDLE COLUMN---------------------------------------------*/

	
#welcome_img { 	position: relative;  width: 263px; height: 151px; margin: 0px;	/*border:dashed;*/	background: url('../images/welcome-picture.jpg') no-repeat;}

#visitus_img { 	position: relative; width: 147px; height: 42px; margin: -26px 0 0 60px;	/*border: dashed;*/ background: url('../images/visit-us.jpg') no-repeat; }	

#middle_column p { clear: both; margin: .3em; padding:0px; text-align:left; font-style: italic; /*border: dashed;*/ text-align:center; }


/*<group=Directions>*/


/*</group>*/  /*Close Directions */


/*</group>*/  /*------------------------Close MIDDLE COLUMN-------------------------- */


/*<group=Right>*/ /*------------------------=Right Columns-------------------------------------------*/


#specials_bg { position: relative; width: 222px; height: 350px; background: url('../images/right-side-content.jpg') no-repeat; }
#specials_bg_top {position: relative; width: 222px; height: 240px; background: url('../images/right-side-content-sd.jpg') no-repeat; /*border: 1px solid;*/}

#specials h2 { 	position: relative; background: url('../images/specials_text_graphic.png') no-repeat 0 0; 
						width: 123px; height:27px;
						text-indent:-9000px; padding:0px; margin:-5px 0px 0px .7em ;}

#specials { position: relative; width: 222px; background: url('../images/right-side-content-sd.jpg')  no-repeat 0 100%; /*border: 1px dashed;*/}


/*  Safari Hack for specials_text */
/*body:last-child:not(:root:root) div#specials_textbox { top: 263px; }*/
/*</group>*/  /*-----------------Close Right-------------------------- */


/*<group=FoodNav>*/ /*----------------------=FoodNav------------------------------------------*/

/* each button is 71x62 */
#food_nav ol { list-style: none;}
#food_nav li{ 	float: left; display:inline; margin: 0px;}

#food_nav a {	width: 73px; height: 62px;  display:block; text-indent:-9000px;  overflow: hidden;
				background: url('../images/food_nav.jpg') no-repeat;  } 

#pizza a:link,  #pizza a:visited 			{ background-position:  0px 0px; }

#pizza a:hover,  #pizza a:focus 				{ background-position:  0px -62px; }

#sandwich a:link,  #sandwich a:visited 		{ background-position:  -73px 0px; }
#sandwich a:hover,  #sandwich a:focus 		{ background-position:  -73px -62px; }


#soup a:link,  #soup a:visited 				{ background-position:  -146px 0px; }
#soup a:hover,  #soup a:focus 				{ background-position:  -146px -62px; }

#pasta a:link,  #pasta a:visited 			{ background-position:  -219px 0px; }
#pasta a:hover,  #pasta a:focus				{ background-position:  -219px -62px; }

#desert a:link,  #desert a:visited 			{ background-position:  -292px 0px; }
#desert a:hover,  #desert a:focus 			{ background-position:  -292px -62px; }

/*</group>*//*------------------------ Close FoodNav---------------------------- */	


/*</group>*/  /*-----------------------Close Content---------------------------- */


/*<group=footer>*/  /*---------------=Footer---------------------------- */
#vinnie{	position: absolute; bottom: -110px; right: -55px; width: 152px; height: 261px;  		z-index: 20; background: url('../images/vinnie.png') no-repeat;  } /* Make sure Vinnie's Z-index is on top */


/*  Safari Hack */
body:last-child:not(:root:root) #vinnie { margin-top: 0px; }

	
/*</group>*/  /*----------------Close Footer---------------------------- */