/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body
{
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: small;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

body.index
{
	background-image: url(images/splash2.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#photo
{
 position: absolute;
 display: inline;
 margin-top: 50px;
}

#enter
{
 	float: left;		
	margin-top: 325px;	
	margin-left: 150px;
}
#enter a
{
	float:left;
	width: 140px;
}

#enter p
{
	font-size: xx-small; 
	float:left;
	color: #006600;
}

html>body #enter
{
 margin-left: 300px;
 margin-top: 320px;	
}


#address
{
	background-color: #131119;
	line-height: 1;
	font-size: xx-small;
	color: #FFFFFF;
	border-bottom: 1px solid #339900;
	border-left: 10px solid #339900;
	width: 100%;
	padding: 10px 0 10px 0;
}

LI
{
    padding: 5px;
    list-style-image: url(images/bullet.gif);
}

LI UL LI
{
    padding: 5px;
    list-style-image: none;
	list-style-type: square;
	font-size: 10px;
}

a:link, a:visited, a:hover
{
	color: #006699;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h2, h3, h1
{
	font-family: Palatino Bold,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1
{			 
    color: #333333;
}

.right{margin-right:30%;}
.left{margin-left:30%;}
.floatR{float: right;}
.floarL{float:left;}

#newyears{
	position: absolute;
	clear: both;
	bottom: 0; right: 0;
}

/***********************************************/
/* Header Divs                                 */
/***********************************************/

#headerAbout
{
    background-image: url(images/headers/pasta.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 190px;
}

#headerMenu
{
    background-image: url(images/headers/beef.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 190px;
}

#headerCatering
{
    background-image: url(images/headers/pork.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 190px;
}

#headerRecipes
{
    background-image: url(images/headers/bruschetta.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 190px;
}

#headerCrew
{
    background-image: url(images/headers/lamb.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 190px;
}

#headerAwards
{
    background-image: url(images/headers/brulee.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 190px;
}

#headerContact
{
    background-image: url(images/headers/risotto.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 190px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#navBar
{
    text-align: center;
    float: left;
}

#navBar a
{
    width: 215px;
    height: 45px;
}

#content
{
  padding-top: 10px;
  float: right;
	width: 550px;
}

#container_main
{
  position: absolute;
  background-color: #EEEEEE;
  background-image: url(images/buildingBg.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
	width: 790px;
	border-right: 1px solid #EEEEEE;
	
}

#siteFooter
{
  clear: both;
  height: 150px;
	background-image: url(images/mainFooter.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
  width: 100%;
}

#recipe
{
 	float:left;
  width: 4in;
  border: 1px dotted #333333;
	background-image: url(images/recipe_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: xx-small;
	padding: 5px;
	margin: 20px 0 0 10%;
}
html>body #recipe{min-height:3in;}

#recipe b
{
	font-size: medium;
	color: #666666;
}

#recipe div
{
 width: 49%;
 float: left;
 margin-bottom: 5px;
}

#recipe div strong, #recipe strong
{
 font-weight: bold;
 color: green;
}

#printrecipe
{
  float:left;
  clear:left;
	font-size: xx-small;
	margin: 20px 0 0 10%;
  width: 4in;
	color: green;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName
{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/************** .feature styles ***************/

.feature
{
	padding: 0px 10px 10px 0px;
}

.feature h3
{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img
{
	padding: 5px 5px 5px 5px;
}


/***********************************************/
/*Button Styles                                */
/***********************************************/

.button_1_on
{
    display: block;
    width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/about_on.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_1
{
	display: block;
    width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/about_off.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_2_on
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/menu_on.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_2
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/menu_off.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_3_on
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/catering_on.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_3
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/catering_off.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_4_on
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/recipes_on.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_4
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/recipes_off.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_5_on
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/crew_on.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_5
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/crew_off.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_6_on
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/awards_on.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_6
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/awards_off.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_7_on
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/contact_on.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_7
{
	display: block;
	width: 175px;
	height: 45px;
	border: none;
	background-image:url(images/contact_off.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_8_on
{
	display: block;
	width: 200px;
	height: 45px;
	border: none;
	background-image:url(images/enter_on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_8
{
	display: block;
	width: 200px;
	height: 45px;
	border: none;
	background-image:url(images/enter_off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}


.button_9_on
{
	display: block;
	width: 200px;
	height: 45px;
	border: none;
	background-image:url(images/coupon_on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

.button_9
{
	display: block;
	width: 200px;
	height: 45px;
	border: none;
	background-image:url(images/coupon_off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}