/*

Theme Name: Firoella's.

Description: Theme for Fiorella's.

Version: 1.0

Author: Alias Solutions

Author URI: http://alias-solutions.com


CSS Document
clear browser formatting*/
HTML, BODY
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1;
}
*
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	outline: 0;
}
#monoSlideshow
{
	margin: -145px 0px 0px -190px;
}
IMG
{
	border: none;
}
UL, OL, LI
{
	list-style: none;
}
:focus
{
	outline: none;
}
TABLE, TD, FORM, FIELDSET
{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}
/*[ REUSABLE CLASSES ]*/
.hide
{
	display: none;
}
.right
{
	float: right;
}
.left
{
	float: left;
}
.current
{
	cursor: default;
}
.clear
{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}
.center
{
	margin: 0 auto;
	text-align: center;
}
.alignleft
{
	float: left;
	padding-right: 10px;
	padding-bottom: 2px;
}
.alignright
{
	float: right;
	padding-left: 10px;
	padding-bottom: 2px;
}
/*Formatting for Theme*/
BODY
{
	background: url(images/Fiorella_Site_BG.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #58410B;
}
#wrapper
{
	width: 909px;
	margin: 0 auto;
}
#container
{
	margin-top: 25px;
}
#header
{
	width: 909px;
	height: 106px;
	margin-bottom: 10px;
}
#logo
{
	width: 502px;
	height: 106px;
	float: left;
	background: url(images/Fiorella_Site_Logo.png) no-repeat;
}
#subscribe
{
	width: 392px;
	margin-top: 92px;
	float: right;
	text-align: right;
	padding-right: 15px;
	color: #58410B;
}
#subscribe IMG
{
	border: none;
}
#subscribe LI
{
	display: inline;
	list-style: none;
}
#subscribe LI A
{
	float: right;
	display: block;
}
#subscribe LI A IMG
{
	border: none;
	vertical-align: bottom;
/*for IE6*/
}
#subscribe LI A:hover
{
	visibility: visible;
/*for IE6*/
}
#subscribe LI A:hover IMG
{
	visibility: visible;
}
#subscribe LI A:hover IMG
{
	visibility: hidden;
/*hide from IE5.0/win*/
}
#vip
{
	background: url(images/birthdayclub_roll.png) no-repeat left bottom;
}
#main_nav
{
	width: 909px;
	height: 43px;
	background: url(images/Fiorella_Site_Menu_BG.png) no-repeat;
	margin-top: -7px;
}
#main_nav UL
{
	padding-top: 9px;
	margin-left: 30px;
}
#main_nav IMG
{
	border: none;
	padding-top: 5px;
}
#main_nav LI
{
	display: inline;
	list-style: none;
}
#main_nav LI A
{
	float: left;
	display: block;
	padding-right: 35px;
}
#main_nav LI A IMG
{
	border: none;
	vertical-align: bottom;
/*for IE6*/
}
#main_nav LI A:hover
{
	visibility: visible;
/*for IE6*/
}
#main_nav LI A:hover IMG
{
	visibility: visible;
/*for IE6*/
}
#main_nav LI A:hover IMG
{
	visibility: hidden;
/*hide from IE5.0/win*/
}
/*Rollover IDs*/
#home
{
	background: url(images/Fiorella_Site_Menu_HOME_ROLL.png) no-repeat left bottom;
}
#about
{
	background: url(images/Fiorella_Site_Menu_ABOUT_ROLL.png) no-repeat left bottom;
}
#menus
{
	background: url(images/Fiorella_Site_Menu_MENUS_ROLL.png) no-repeat left bottom;
}
#catering
{
	background: url(images/Fiorella_Site_Menu_CATERING_ROLL.png) no-repeat left bottom;
}
#find_us
{
	background: url(images/Fiorella_Site_Menu_DIRECTIONS_ROLL.png) no-repeat left bottom;
}
#photo
{
	background: url(images/Fiorella_Site_Menu_GALLERY_ROLL.png) no-repeat left bottom;
}
#gift
{
	background: url(images/Fiorella_Site_Menu_GIFTCARDS_ROLL.png) no-repeat left bottom;
}
#contact
{
	background: url(images/Fiorella_Site_Menu_CONTACT_ROLL.png) no-repeat left bottom;
}
#main_content
{
	width: 909px;
	height: 579px;
	background: url(images/Fiorella_Site_Content_BG.png) no-repeat;
	padding: 13px 13px 16px;
}
#main_image
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Photos_Home.jpg) no-repeat;
}
#main_image_about
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Photos_About.jpg) no-repeat;
}
#main_image_menus
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Photos_Menus.jpg) no-repeat;
}
#main_image_catering
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Catering.jpg) no-repeat;
}
#main_image_contact
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Contact.jpg) no-repeat;
}
#main_image_desserts
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Desserts.jpg) no-repeat;
}
#main_image_dineincater
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_DineInCater.jpg) no-repeat;
}
#main_image_dinner
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Dinner.jpg) no-repeat;
}
#main_image_directions
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Directions.jpg) no-repeat;
}
#main_image_employment
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Employment.jpg) no-repeat;
}
#main_image_giftcards
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Photos_GiftCard.jpg) no-repeat;
}
#main_image_kids
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Photos_Kids.jpg) no-repeat;
}
#main_image_lunch
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Lunch.jpg) no-repeat;
}
#main_image_pizza
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Pizza.jpg) no-repeat;
}
#main_image_subscribe
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Subscribe.jpg) no-repeat;
}
#main_image_take_out_cater
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_TakeOutCater.jpg) no-repeat;
}
#main_image_take_out_go
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_TakeOutGo.jpg) no-repeat;
}
#main_image_wine
{
	width: 435px;
	height: 550px;
	float: left;
	background: url(images/Fiorella_Page_Wine.jpg) no-repeat;
}
#wide_column
{
	width: 435px;
	height: 550px;
	background: url(images/Fiorella_Site_TextGradient_BG.jpg) repeat-y;
	float: right;
	margin-right: 30px;
	overflow: auto;
	scrollbar-base-color: #E3D6A2;
}
#content_header
{
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 30px;
}
#main_content H3
{
	padding-left: 50px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	text-decoration: underline;
}

#main_content h3 a {
        padding-left: 50px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	text-decoration: none;
}

#main_content h3 a:hover {
        padding-left: 50px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	text-decoration: none;
}
        
#main_content H4
{
	padding-left: 50px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 3px;
}
#main_content P SPAN.price
{
	font-size: 11px;
}
#main_content P
{
	padding-left: 50px;
	padding-right: 50px;
	line-height: 160%;
	padding-bottom: 15px;
	color: #58410B;
}
#main_content UL
{
	padding-left: 75px;
	padding-right: 50px;
	line-height: 160%;
	padding-bottom: 15px;
}
#main_content OL
{
	padding-left: 75px;
	padding-right: 50px;
	line-height: 160%;
}
#main_content UL LI
{
	line-height: 160%;
	padding-bottom: 8px;
	list-style: none;
	display: block;
}
#main_content OL LI
{
	line-height: 160%;
	padding-bottom: 15px;
}
#main_content A
{
	color: #877835;
	text-decoration: underline;
}
#main_content A:hover
{
	text-decoration: none;
}
#footer
{
	margin: 0 auto;
	text-align: center;
	margin-top: -25px !important;
	position: relative;
	padding-bottom: 25px;
}

#recipe {
        position: absolute;
        left: 5px;
        top: 3px;
        width: 73px;
        height: 10px;
}

#design_swirl
{
	width: 209px;
	height: 208px;
	background: url(images/Fiorella_Site_DesignSwirl.png) no-repeat;
	position: absolute;
	left: 736px;
	top: -184px;
	margin-top: 15px;
}
/*custom scrollbar*/

#mycustomscroll
{
	width: 435px;
	height: 550px;
	overflow: auto;
background: url(images/Fiorella_Site_TextGradient_BG.jpg) repeat-y;
	float: right;
	margin-right: 30px;
/*IE overflow fix, position must be relative or absolute*/
	position: relative;
}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(images/horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}

.hscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */


#menu_nav
{
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
#menu_nav UL
{
	text-align: center;
	margin: 0 auto;
}
#menu_nav UL LI
{
	text-align: center;
	margin: 0 auto;
	list-style: none;
}
#menu_nav IMG
{
	border: none;
	padding-top: 10px;
}
#menu_nav LI A
{
	display: block;
}
#menu_nav LI A IMG
{
	border: none;
	vertical-align: bottom;
/*for IE6*/
}
#menu_nav LI A:hover
{
	visibility: visible;
/*for IE6*/
}
#menu_nav LI A:hover IMG
{
	visibility: visible;
/*for IE6*/
}
#menu_nav LI A:hover IMG
{
	visibility: hidden;
/*hide from IE5.0/win*/
}
/*Rollover Classes For Menu Nav*/
#lunch
{
	background: url(images/Fiorella_Menu_Bug_Lunch_ROLL.png) no-repeat center bottom;
}
#dinner
{
	background: url(images/Fiorella_Menu_Bug_Dinner_ROLL.png) no-repeat center bottom;
}
#desserts
{
	background: url(images/Fiorella_Menu_Bug_Desserts_ROLL.png) no-repeat center bottom;
}
#kids
{
	background: url(images/Fiorella_Menu_Bug_Kids_ROLL.png) no-repeat center bottom;
}
#wine
{
	background: url(images/Fiorella_Menu_Bug_Wine_ROLL.png) no-repeat center bottom;
}
#takeout
{
	background: url(images/Fiorella_Menu_Bug_TakeOut_ROLL.png) no-repeat center bottom;
}
#caterdinein
{
	background: url(images/Fiorella_Menu_Bug_CaterDineIn_ROLL.png) no-repeat center bottom;
}
#caterdineout
{
	background: url(images/Fiorella_Menu_Bug_CaterTakeOut_ROLL.png) no-repeat center bottom;
}
/*Formatting For Gallery*/
#gallery
{
	width: 880px;
	background: url(images/Fiorella_Site_TextGradient_BG_Gallery.png) repeat-y;
	height: 550px;
	position: relative;
}
#content_header_gallery
{
	text-align: right;
	padding-right: 60px;
	padding-top: 15px;
	padding-bottom: 30px;
}
#gallery_top_design
{
	width: 198px;
	height: 200px;
	background: url(images/Design_Element.png) no-repeat;
	position: absolute;
	left: 1px;
	top: 0px;
}
#next_gen_gallery
{
	margin: 0 auto;
	width: 500px;
}