/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 14px;
	background: #fff url(/_images/home/bg.gif) no-repeat 50% 0;
	}
	
	/*body.interior {
		background: #fff url(/_images/bg.gif) no-repeat 50% 0;
		}*/

h1 {

	}

h2 {
	font-size: 14px;
	text-indent: -9999px;
	}

img {
	vertical-align: bottom;
	border: 0;
	}

ul li, ol li { list-style: none; }

select {

	}

hr { display: none; }

a { outline: none; }
a:link { color: #EBBE20; }
a:visited { color: #EBBE20; }
a:hover { color: #000; }
a:active {  }



/* --- Container
-------------------------------------------------------*/

#container {
	width: 628px;
	margin: 0 auto;
	}


/* --- Header
-------------------------------------------------------*/

#header {
	position: relative;
	height: 125px;
	background: #fff;
	}
	
	/* --- | Logo | --- */
	
	#header h1 {
		text-indent: -9999px;
		position: absolute;
		left: 0;
		top: 10px;
		width: 456px;
		height: 46px;
		background: url(/_images/logo.gif) no-repeat;
		}
		
		#header h1 a {
			display: block;
			height: 46px;
			}
	
	/* --- | Address | --- */
	
	#header .vcard {
		color: #786D64;
		position: absolute;
		left: 0;
		top: 60px;
		}
		
		#header .vcard address {
			font-style: normal;
			display: inline;
			}
		
		#header .vcard address .street-address {
			margin-right: 15px;
			}
			
		#header .vcard address .region {
			xmargin-right: 10px;
			}
		
		#header .vcard address .postal-code {
			margin-right: 15px;
			}
		
		#header .vcard .tel {
			margin-right: 10px;
			color: #9E9691;
			}
	
	
	
	/* --- Primary Navigation
	-------------------------------------------------------*/
	
	#primary_navigation {
		position: absolute;
		top: 77px;
		width: 267px;
		height: 48px;
		background: url(/_images/primary_navigation.gif) no-repeat 0 -48px;
		}
	
		#primary_navigation li {
			text-indent: -9999px;
			position: absolute;
			}
		
			#primary_navigation li a {
				display: block;
				height: 48px;
				background-image: url(/_images/primary_navigation.gif);
				}
				
				#primary_navigation li a:hover {
					background: none;
					}
		
		/* --- | Nav Items | --- */
		
		#primary_navigation li.about_us {
			width: 70px;
			}
			
			#primary_navigation li.about_us a {
				background-position: 0 0;
				}
		
		#primary_navigation li.menu {
			left: 70px;
			width: 44px;
			}
			
			#primary_navigation li.menu a {
				background-position: -70px 0;
				}
		
		#primary_navigation li.employment {
			left: 114px;
			width: 93px;
			}
			
			#primary_navigation li.employment a {
				background-position: -114px 0;
				}
		
		#primary_navigation li.specials {
			left: 207px;
			width: 60px;
			}
			
			#primary_navigation li.specials a {
				background-position: -207px 0;
				}
		
		#primary_navigation li.catering {
			left: 267px;
			width: 69px;
			display: none;
			}
			
			#primary_navigation li.catering a {
				display: none;
				background-position: -267px 0;
				}



	/* --- User Actions
	-------------------------------------------------------*/
	
	#user_actions {
		position: absolute;
		top: 77px;
		right: 0;
		width: 283px;
		height: 48px;
		background: url(/_images/user_actions_bg.gif) no-repeat;
		}
		
		#user_actions li {
			line-height: 17px;
			position: absolute;
			top: 15px;
			}
		
			#user_actions li a {
				text-decoration: none;
				color: #626161;
				}
					
				#user_actions li a:hover { color: #EBBE20; }
		
		#user_actions li.fax_order {
			left: 30px;
		}
		
		#user_actions li.tell_a_friend {
			left: 125px;
			}
		
		#user_actions li.contact_us {
			left: 220px;
			}
	
	
	
/* --- Content
-------------------------------------------------------*/

#content {
	float: left;
	width: 100%;
	padding-bottom: 35px;
	background: url(/_images/content_bg.gif) no-repeat;
	
	}

	#content .min_height {
		position: relative;
		top: 27px;
		float: left;
		width: 100%;
		}
	
	.interior #content .min_height {
		background: url(/_images/dotted_vertical.gif) repeat-y 165px 0;
		}

/* I love you, mezzoblue */
/* for Mozilla/Safari/Opera */
*>#content {
 padding-top: 450px;
 min-height: 1px;
}
*>#content .min_height {
 margin-top: -450px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #content {
 height: 450px;
}
/* end filter */

	
	
	/* --- Twitter
	-------------------------------------------------------*/
	
	#twitter_div {
		margin-top: 2em;
		}

		#twitter_div .twitter_logo {
			margin-bottom: 0;
			padding: 2px 0 5px 80px;
			background: url(../../_images/twitter_small.jpg) no-repeat;
			border-bottom: 1px solid #ccc;
			}

		#twitter_div ul {
			margin-bottom: 5px;
			}

			#twitter_div ul li {
				padding: 5px 0;
				border-bottom: 1px solid #ccc;
				}
		
		#twitter_div #twitter-link { text-align: right; }
	
	/* --- Primary Content - Home
	-------------------------------------------------------*/
	
	#primary_content {
		float: right;
		display: inline;	/* IE Double margin float bug */
		width: 186px;
		margin-right: 25px;
		padding-top: 41px;
		}
		
		#primary_content #message {
			font-weight: bold;
			color: #fff;
			padding: 5px;
			background: #ff0000;
			}
		
		#primary_content h2 {
			margin-bottom: 1em;
			}
		
		#primary_content p {
			margin-bottom: 1em;
			}
	
	
	
	/* --- Primary Content - Interior
	-------------------------------------------------------*/
	
	body.interior #primary_content {
		float: left;
		width: 165px;
		height: 500px;
		margin-right: 40px;
		padding-top: 0;
		background: url(/_images/ingredients/rotate.php) no-repeat 100% 100%;
		}
		
		body.interior #primary_content h2 {
			margin: 0 15px 38px 0;
			background-position: 100% 0;
			}
		
		body.interior #primary_content p {
			font-weight: bold;
			line-height: 16px;
			text-align: right;
			color: #919191;
			margin: 0 15px 0 30px;
			}
	
	
	
	/* --- Secondary Content
	-------------------------------------------------------*/
	
	#secondary_content {
		float: left;
		width: 302px;
		}
	
	
	
	/* --- Secondary Content - Interior
	-------------------------------------------------------*/
	
	body.interior #secondary_content {
		float: left;
		width: 260px;
		padding-top: 65px;
		}
		
		body.interior #secondary_content h3 {
			font-size: 13px;
			font-weight: bold;
			color: #6E6E6F;
			margin-bottom: 1em;
			}
		
		body.interior #secondary_content h4 {
			font-size: 11px;
			font-weight: bold;
			margin-bottom: 1em;
			}
		
		body.interior #secondary_content p,
		body.interior #secondary_content ul {
			margin-bottom: 1em;
			}
		
		body.interior #secondary_content ul {
			margin-left: 15px;
			}
			
			body.interior #secondary_content ul li {
				list-style: disc;
				margin-bottom: .5em;
				}
		
		
		
		/* --- Hours
		-------------------------------------------------------*/
		
		table.hours {
			margin: 1em 0;
			border-collapse: collapse;
			}
			
			table.hours th {
				text-align: right;
				padding-right: 10px;
				}
		
		body#home table.hours {
			clear: both;
			margin-top: 25px;
			xposition: absolute;
			xleft: 415px;
			xbottom: 0;
			}
		
		
		/* --- Menu
		-------------------------------------------------------*/
		
		body.menu #secondary_content dl,
		body.menu #secondary_content ul {
			margin: 0 0 3em 0;
			}
			
			body.menu #secondary_content dl dt,
			body.menu #secondary_content ul li {
				font-weight: bold;
				color: #1C882B;
				list-style: none;
				margin: 0 0 .5em 0;
				}
			
			body.menu #secondary_content dl dd {
				margin: 0 0 .5em 15px;
				}
		
		table.menu {
			width: 100%;
			margin: 0 0 3em 0;
			border-collapse: collapse;
			}
			
			table.menu td {
				font-weight: bold;
				color: #1C882B;
				vertical-align: top;
				padding: 5px 5px 5px 0;
				}
				
				table.menu td em {
					font-weight: normal;
					}
				
				table.menu td.price {
					color: #000;
					}
		
		
		/* --- Tell a Friend
		-------------------------------------------------------*/

		#taf_form { }
		
			#taf_form fieldset { border: 0; }
			
				#taf_form fieldset .field_container {
					padding-bottom: 10px;
					}
				
					#taf_form fieldset .field_container label {
						display: block;
						}
	
	
	
	/* --- Tertiary Content - Interior
	-------------------------------------------------------*/
	
	body.interior #tertiary_content {
		color: #8A8989;
		float: right;
		width: 134px;
		margin-top: 65px;
		}
		
		body.interior #tertiary_content .padding {
			margin-bottom: 15px;
			padding: 20px 15px;
			background: #F8F2E1;
			}
			
			body.interior #tertiary_content h3 {
				font-size: 14px;
				font-weight: bold;
				color: #EBBE20;
				margin-bottom: .5em;
				}



/* --- Footer
-------------------------------------------------------*/

#footer {
	font-size: 10px;
	text-align: center;
	color: #AEAEAE;
	margin: 0 100px;
	padding-bottom: 25px;
	}


/* --- General Classes
-------------------------------------------------------*/

/* --- | Hide | --- */

.hide { display: none; }

/* --- | Button | --- */

.button {
	float: left;
	margin-top: 1.5em;
	background: url(/_images/button_left.gif) no-repeat;
	}
	
	.button a {
		font-weight: bold;
		line-height: 19px;
		text-decoration: none;
		color: #fff;
		float: left;
		padding: 0 22px 0 10px;
		background: url(/_images/button_right.gif) no-repeat 100%;
		}
		
		.button a:link { color: #fff; }
		.button a:visited { color: #fff; }
		.button a:hover { color: #1C882B; }



/* --- Titles
-------------------------------------------------------*/

h2#come_in {
	height: 117px;
	background: url(/_images/titles/come_in.gif) no-repeat;
	}

h2#twitter {
	height: 110px;
	background: url(/_images/titles/twitter.gif) no-repeat;
	}	

h2#all_draft_beers_two_dollars {
	height: 81px;
	background: url(/_images/titles/all_draft_beers_two_dollars.gif) no-repeat;
	}

h2#creamy_garlic_butter_angel_hair_pasta {
	height: 81px;
	background: url(/_images/titles/creamy_garlic_butter_angel_hair_pasta.gif) no-repeat;
	}

h2#turkey_sandwich_done_our_way {
	height: 88px;
	background: url(/_images/titles/turkey_sandwich_done_our_way.gif) no-repeat;
	}

h2#title_about_us {
	height: 25px;
	background: url(/_images/titles/about_us.gif) no-repeat;
	}

h2#title_menu {
	height: 25px;
	background: url(/_images/titles/menu.gif) no-repeat;
	}

h2#title_employment {
	height: 25px;
	background: url(/_images/titles/employment.gif) no-repeat;
	}

h2#title_specials {
	height: 25px;
	background: url(/_images/titles/specials.gif) no-repeat;
	}

h2#title_contact_us {
	height: 25px;
	background: url(/_images/titles/contact_us.gif) no-repeat;
	}

h2#title_tell_a_friend {
	height: 25px;
	background: url(/_images/titles/tell_a_friend.gif) no-repeat;
	}