/*

SmartMeals, 2009

Color Index:
	Dark Grey: #58595b
	Body Copy Grey: #808285
	Red: #a11f25
	
	
Table of Contents
	1. MAIN SHELL
		a. main navigation
		b. footer
	2. HOMEPAGE
	3. ABOUT
		a. feature
		b. news tabs
		c. news summary
		d. pagination
		e. faq
		f. generic content
	4. FEATURED RESTAURANT
	5. RESTAURANT LIST
	6. CONTACT
	7. OBSERVATION CHECKLIST
		a. observation sections
	8. RESTAURANT SITE
	9. MANAGER INTERVIEW
	10. SALES DATA FORM

*/


*
{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

body
{
	background: url(/resources/img/bg_main-tile.jpg) top center repeat-x;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #696969;
}
a:link, a:visited
{
	text-decoration: none;
}
div, img
{
	/* behavior: url(/app_scripts/iepngfix.htc); */
}
.clr
{
	clear: both;
}

/* 1. MAIN SHELL */

#container
{
	margin: 0 auto;
	padding: 143px 0 0 0;
	width: 1024px;
	position: relative;
}
#logo
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

/* a. main navigation -------------------------------- */

#nav
{
	margin: -85px 0 0 204px;
	padding: 0;
	background: url(/resources/img/bg_nav_home_long.png) 0 0 no-repeat;
	width: 656px;	height: 76px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #nav
{
	margin: -85px 0 0 104px;
	background: url(/resources/img/bg_nav.gif) 0 0 no-repeat;
	width: 523px;
	height: 76px;
	float: left;
}
/**/
#nav ul
{
	margin: 0 auto;
	padding: 23px 0 0 0;
	list-style: none;
	height: 53px;
}
#nav li
{
	font-size: 12px;
	font-weight: bold;
	color: #58595b;
	text-align: center;
	text-transform: uppercase;
	height: 53px;
	float: left;
}
#nav li.nav_spacer
{
	margin: 0 0 0 25px;
}

#nav li#home
{
	margin: 0 0 0 25px;
	width: 50px;
}
/* Below applies to IE6 Only */
/*\*/
* html #nav li#home
{
	margin: 0 0 0 12px;
}
/**/
#nav li#about
{
	width: 150px;
}
#nav li#rest
{
	width: 200px;
}
#nav li#contact
{
	width: 80px;
}
#nav li#partner
{
	width: 135px;
}
#nav li a
{
	height: 53px;
	color: #58595b;
}
#nav li a:hover, #nav li .active
{
	color: #a11f25;
}

#nav div.active
{
	height: 53px;
	background: url(/resources/img/bg_nav-active.png) center bottom no-repeat;
}

#content
{
	margin: 0 auto;
	padding: 10px 0 40px 0;
	border-bottom: 1px dotted #a11f25;
	background: #FFF;
	width: 831px;
}

/* b. footer -------------------------------- */

#footer
{
	margin: 0 auto;
	padding: 15px 0 10px 0;
	font-size: 10px;
	color: #58595b;
	text-align: right;
	width: 831px;
}
#footer a
{
	color: #58595b;
}
#footer a:hover
{
	color: #a11f25;
}
#footer span
{
	padding: 0 10px;
}
#footer img
{
	padding: 0 0 0 10px;
}
/* ============================================================ */



/* 2. HOMEPAGE */

.feature
{
	margin: 0 10px 25px 10px;
	background: #e7e8e9;
	overflow: hidden;
	width: 811px;
	height: 309px;
}
.feature img
{
	padding: 0 0 0 0;
	float: left;
}
.feature h1
{
	padding: 30px 30px 10px 0;
	font-size: 36px;
	line-height: 36px;
	color: #58595b;
}
.feature p
{
	padding: 0 26px 0 0;
	font-size: 16px;
	line-height: 24px;
	color: #414042;
}
.feature a
{
	color: #A11F25;
}
#alpha
{
	margin: 0 0 0 10px;
	padding: 0 40px;
	border-left: 1px solid #808285;
	width: 319px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #alpha
{
	margin: 0 0 0 5px;
}
/**/
#beta
{
	padding: 0 40px;
	border-left: 1px solid #808285;
	border-right: 1px solid #808285;
	width: 329px;
	float: left;
}
#alpha h2, #beta h2
{
	padding: 0 0 10px 0;
	font-size: 18px;
	color: #a11f25;
}
#alpha p, #beta p
{
	padding: 0 0 15px 0;
}

#alpha p a, #beta p a
{
	color: #a11f25;
}

/* ============================================================ */



/* 3. ABOUT */

#sub-nav
{
	margin: 0 0 10px 10px;
}
#sub-nav ul
{
	padding: 0 0 10px 0;
	list-style: none;
}
#sub-nav li
{
	margin: 0 10px 0 0;
	float: left;
}
#sub-nav li a
{
	background: #d7262b;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	line-height: 42px;
	height: 42px;
	display: block;
}
#sub-nav li a:hover, #sub-nav li .active
{
	background: #a11f25;
}
#sub-nav li#background a
{
	width: 216px;
}
#sub-nav li#guidelines a
{
	width: 145px;
}
#sub-nav li#benefits a
{
	width: 129px;
}
#sub-nav li#faq a
{
	width: 112px;
}
#sub-nav li#news a
{
	width: 169px;
}

/* a. feature -------------------------------- */

.feature-inner
{
	margin: 0 10px 25px 10px;
	background: #E7E8E9;
	overflow: hidden;
	width: 811px;
}
.feature-inner img
{
	padding: 0 0 0 30px;
	float: right;
}
.feature-inner h1
{
	padding: 18px 0 10px 30px;
	font-size: 36px;
	line-height: 45px;
	color: #58595B;
}
.feature-inner p
{
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 20px;
	color: #58595B;
}

/* b. news tabs -------------------------------- */

#news-tabs
{
	margin: 0 0 0 10px;
	border-bottom: 1px solid #58595b;
	height: 29px;
	width: 811px;
}
#news-tabs ul
{
	margin: 0 0 0 10px;
	list-style: none;
}
#news-tabs li
{
	margin: 0 10px 0 0;
	float: left;
}
#news-tabs li a
{
	padding: 5px 20px;
	background: #58595b;
	border: 1px solid #58595b;
	color: #FFF;
	display: block;
}
#news-tabs li a:hover
{
	background: #FFF;
	color: #58595b;
}
#news-tabs li.active a
{
	padding: 5px 20px;
	background: #FFF;
	border: 1px solid #58595b;
	border-bottom: 1px solid #FFF;
	color: #58595b;
	display: block;
}

/* c. news summary -------------------------------- */

.summary
{
	margin: 15px 0 0 10px;
	padding: 20px 20px 2px 20px;
	background: #e7e8e9;
	width: 771px;
}
.summary h3
{
	padding: 0 0 5px 0;
	font-size: 12px;
	color: #a11f25;
	cursor: pointer;
	cursor: hand;
}
.summary h3 a
{
	font-size: 12px;
	color: #a11f25;
}
.summary p.date
{
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
}
.summary p
{
	padding: 0 0 5px 0;
	font-size: 12px;
}
.summary p a
{
	padding: 0 0 5px 0;
	color: #a11f25;
	font-weight: bold;
}

.summary .click_more
{
	font-size: 12px;
	color: #a11f25;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

.summary .collapsediv
{
	font-size: 12px;
	padding-bottom: 6px;
}

/* d. pagination -------------------------------- */

#pagination
{
	margin: 20px 0 0 10px;
	font-size: 12px;
}
#pagination a
{
	padding: 0 2px;
	font-size: 12px;
	color: #58595b;
	text-decoration: underline;
}
#pagination span.active
{
	font-size: 12px;
	color: #FFF;
	background: #a11f25;
	text-decoration: none;
	padding: 0 2px 0 2px;
}
#pagination a:hover
{
	font-size: 12px;
	color: #a11f25;
}

/* e. faq -------------------------------- */

h1.faq
{
	padding: 20px 0 0 100px;
	line-height: 45px;
}
#faq-content
{
	padding: 0 10px;
}

#faq-content p.q
{
	font-weight: bold;
	color: #a11f25;
	cursor: pointer;
	cursor: hand;
}
#faq-content p.a
{
	padding: 10px 0 20px 0;
}

#faq-content .faqitem
{
	padding: 0 0 10px 0;
}

#faq-content .faqitem a
{
	color: #a11f25;
}

#faq-content .faqitem div
{
	padding: 10px 0 10px 0;
}

#faq-content .faqitem div p
{
	padding: 0 0 15px 0;
}

#faq-content .faqitem div ul
{
	margin: 0 0 15px 40px;
}
#faq-content .faqitem div li
{
	padding: 0 0 10px 0;
}


/* f. generic content -------------------------------- */

h1.about
{
	padding: 45px 0 0 60px;
}
h1.benegits
{
	padding: 65px 0 0 80px;
}
#generic
{
	padding: 0 10px;
}

#generic a
{
	color: #a11f25;
}

#generic h1
{
	padding: 0 0 15px 0;
	font-size: 24px;
}
#generic h2
{
	padding: 0 0 15px 0;
	font-size: 14px;
}
#generic p
{
	padding: 0 0 15px 0;
}
#generic ul
{
	margin: 0 0 15px 40px;
}
#generic li
{
	padding: 0 0 10px 0;
}

#generic li a
{
	color: #a11f25;
}

#generic p a
{
	color: #a11f25;
}

#generic li li
{
	padding: 0;
	margin: 6px 0 0 0;
	list-style: circle;
}

#generic li li li
{
	padding: 0;
	margin: 6px 0 0 0;
	list-style: decimal;
}

#generic li li li li
{
	padding: 0;
	margin: 6px 0 0 0;
	list-style: square;
}

/* ============================================================ */



/* 4. FEATURED RESTAURANT */

.feature-rest
{
	margin: 0 10px 25px 10px;
	background: #FFF;
	width: 811px;
	height: 264px;
}
/*.feature-rest img
{
	padding: 0 0 0 30px;
	float: right;
} */
.feature-rest h1
{
	padding: 30px 0 30px 30px;
	background: #d52128;
	font-size: 36px;
	line-height: 36px;
	color: #FFF;
}
.feature-rest p
{
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
}
.feature-rest .rest-info
{
	margin: 0;
	padding: 30px 0 0 0;
	height: 102px;
}
.feature-rest .rest-info img
{
	float: left;
}
.feature-rest .rest-info p
{
	color: #808285;
	float: left;
}
.feature-rest .rest-info p a
{
	color: #a11f25;
	text-decoration: underline;
}

.feature-rest .image-cycler
{
	margin: 0 0 0 30px;
	float: right;
	width: 390px;
	height: 264px;
	position: relative;

}

#cycler
{
	z-index: 100;
	position: absolute;
	bottom: 200;
	width: 390px;
	height: 30px;
	top: 234px;
	background: url(/resources/img/cycler_bg.png) 0 0 repeat-x;
}

#cycler a
{
	color: #fff !important;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 12px;
}

#cycler a:hover
{
	text-decoration: underline;
}

#cycler_direction
{
	width: 50px; 
	height: 30px; 
	float: left; 
	padding: 5px 0 0 8px;	
}

#cycler_links
{
	padding: 5px 0 0 8px; 
	width: 310px; 
	float: left;
}

#delta
{
	margin: 20px 0 0 10px;
	width: 811px;
}
#delta p
{
	padding: 0 0 10px 0;
	color: #808285;
}
#delta p.list a
{
	font-size: 18px;
	font-weight: bold;
	color: #a11f25;
	text-decoration: underline;
}

/* ============================================================ */



/* 5. RESTAURANT LIST */

#rest-list
{
	margin: 0 0 0 10px;
	background: url(/resources/img/bg_rest-tile.gif) 0 0 repeat-x;
	width: 811px;
	height: 45px;
}
#rest-list h1
{
	padding: 12px 0 0 10px;
	font-size: 24px;
	color: #FFF;
	float: left;
}
#rest-list p a
{
	padding: 12px 10px 0 0;
	color: #d1d3d4;
	font-weight: bold;
	text-decoration: underline;
	float: right;
}
#rest-list p a:hover
{
	color: #a11f25;
}
#epsilon table
{
	margin: 10px 0 0 10px;
	width: 811px;
}
#epsilon table th
{
	color: #a11f25;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	width: 120px;
}
#epsilon table th.name, #epsilon table th.city
{
	width: 140px;
}
#epsilon table th.price, #epsilon table th.cuisine
{
	width: 100px;
}
#epsilon table th.style
{
	width: 180px;
}
#epsilon table th.sort
{
	color: #58595b;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	text-align: right;
	width: 150px;
}
#epsilon table th.sort .input
{
	border: 1px solid #a11f25;
	width: 98px;
}
#epsilon table tr.restaurant
{
	background: #e7e8e9;
}
#epsilon table td.name, #epsilon table td.city, #epsilon table td.style, #epsilon table td.price, #epsilon table td.cuisine
{
	padding: 10px;
	color: #58595b;
	font-weight: bold;
	font-size: 12px;
}
#epsilon table td.address
{
	padding: 10px;
	font-weight: bold;
	font-size: 12px;
}
#epsilon table td.address a
{
	margin: 0 0 0 5px;
	color: #a7a9ac;
	text-decoration: underline;
}
#epsilon table td.address a:hover
{
	color: #a11f25;
}

/* ============================================================ */



/* 6. CONTACT */

#zeta
{
	margin: 30px 0 0 30px;
	width: 460px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #zeta
{
	margin: 30px 0 0 15px;
}
/**/
#zeta h1
{
	font-size: 24px;
}
#zeta h2
{
	font-size: 14px;
}
.divider
{
	margin: 10px 0;
	border-top: 1px solid #a7a9ac;
	height: 1px;
}
#zeta fieldset ul
{
	margin: 20px 0 0 0;
	list-style: none;
}
#zeta fieldset li
{
	margin: 0 0 10px 0;
}
#zeta fieldset li label
{
	margin: 0 10px 0 0;
	width: 150px;
	display: block;
	text-align: right;
	float: left;
}
#zeta fieldset .input
{
	padding: 2px;
	border: 1px solid #a7a9ac;
	font-family: Arial, Helvetica, sans-serif;
	width: 275px;
}
#zeta fieldset .input-dd
{
	border: 1px solid #a7a9ac;
	width: 281px;
}
#zeta fieldset .submit-btn
{
	margin: 0 0 0 160px;
}

#eta
{
	float: right;
	font-size: 11px;
}

#eta a
{
	color: #a11f25;
}

#eta a:hover
{
	text-decoration: underline;
}

/* ============================================================ */



/* 7. OBSERVATION CHECKLIST */

#checklist
{
	margin: 30px 0 0 30px;
	width: 770px;
}
#checklist h1
{
	font-size: 24px;
}
#checklist fieldset ul
{
	margin: 20px 0 0 0;
	list-style: none;
}
#checklist fieldset li
{
	margin: 0 0 10px 0;
}
#checklist fieldset li label
{
	margin: 0 10px 0 0;
	width: 150px;
	display: block;
	text-align: right;
	float: left;
}
#checklist fieldset .input
{
	padding: 2px;
	border: 1px solid #a7a9ac;
	font-family: Arial, Helvetica, sans-serif;
	width: 275px !important;
}
#checklist fieldset .input-dd
{
	border: 1px solid #a7a9ac;
	width: 277px;
}
#checklist fieldset .submit-btn
{
	margin: 0 0 0 160px;
}
#checklist p
{
	margin: 20px 0;
}
#checklist p span
{
	color: #a11f25;
}

#checklist #success a
{
	color: #a11f25;
}

.calendar-popbut
{
	padding-left: 4px;
}

/* a. observation sections -------------------------------- */

.observation
{
	margin: 0 auto 20px auto;
	padding: 5px 20px;
	background: #e7e8e9;
	width: 564px;
	height: 213px;
}
.observation p
{
	margin: 0;
	padding: 0 40px 0 0;
	font-size: 12px;
	float: left;
}
.observation p.yes, .observation p.no
{
	margin: 0;
	padding: 0 20px 0 0;
	text-align: center;
	float: left;
}
.observation label
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
.observation .input
{
	margin: 10px 0 0 0;
	width: 555px !important;
	height: 90px;
}
.observation .other
{
}
.observation .input-other
{
	margin: 10px 0 0 0;
	border: 1px solid #a7a9ac;
	width: 555px !important;
	height: 145px;
}
#checklist .submit-btn
{
	margin: 0 0 0 84px;
}

/* ============================================================ */



/* 8. RESTAURANT SITE */

#nav2
{
	margin: -85px 0 0 204px;
	padding: 0;
	background: url(/resources/img/bg_nav2.png) 0 0 no-repeat;
	width: 700px;
	height: 76px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #nav2
{
	margin: -85px 0 0 104px;
	background: url(/resources/img/bg_nav2.gif) 0 0 no-repeat;
	width: 700px;
	height: 76px;
	float: left;
}
/**/
#nav2 ul
{
	margin: 0 auto;
	padding: 23px 0 0 0;
	list-style: none;
	height: 53px;
}
#nav2 li
{
	font-size: 12px;
	font-weight: bold;
	color: #58595b;
	text-align: center;
	text-transform: uppercase;
	height: 53px;
	float: left;
}
#nav2 li a
{
	color: #58595b;
}
#nav2 li a:hover, #nav2 li .active
{
	color: #a11f25;
}

#nav2 div.active
{
	height: 53px;
	background: url(/resources/img/bg_nav-active.png) center bottom no-repeat;
}

#nav2 li#home2
{
	margin: 0 0 0 15px;
	width: 40px;
}
/* Below applies to IE6 Only */
/*\*/
* html #nav2 li#home2
{
	margin: 0 0 0 7px;
}
/**/
#nav2 li#manager
{
	width: 138px;
}
#nav2 li#sales
{
	width: 90px;
}
#nav2 li#advertising
{
	width: 190px;
}
#nav2 li#materials
{
	width: 86px;
}
#nav2 li#training
{
	width: 84px;
}

/* ============================================================ */



/* 9. MANAGER INTERVIEW */

#interview
{
	margin: 30px 0 0 10px;
	width: 811px;
}
#interview h1
{
	font-size: 24px;
}
#interview .divider
{
	margin: 20px 0;
}
/* Below applies to IE6 Only */
/*\*/
* html #interview .divider
{
	margin: 20px 0 5px 0;
}
/**/
#interview .in
{
	padding: 0 0 10px 0;
	background: #e7e8e9;
	height: 250px;
}
#interview .in .headline
{
	margin: 10px 10px 0 0;
	background: #58595b;
	width: 326px;
	height: 216px;
	float: right;
}
#interview .in .headline h2
{
	padding: 20px 0 0 15px;
	color: #FFF;
	font-size: 20px;
	line-height: 30px;
	width: 300px;
}
#interview fieldset
{
	float: left;
}
#interview fieldset ul
{
	margin: 20px 0 0 0;
	list-style: none;
}
#interview fieldset li
{
	margin: 0 0 10px 0;
}
#interview fieldset li label
{
	margin: 0 10px 0 0;
	width: 150px;
	display: block;
	text-align: right;
	float: left;
}
#interview fieldset .input
{
	padding: 2px;
	border: 1px solid #a7a9ac;
	font-family: Arial, Helvetica, sans-serif;
	width: 275px;
}
#interview fieldset .comment
{
	text-align: center;
}
#interview fieldset .input-comment
{
	margin: 0 auto;
	padding: 2px;
	border: 1px solid #a7a9ac;
	font-family: Arial, Helvetica, sans-serif;
	width: 550px;
	height: 150px;
}
#interview fieldset .submit-btn
{
	margin: 30px 0 0 127px;
}
#interview fieldset p
{
	margin: 20px 0;
	padding: 10px 20px;
	background: #e7e8e9;
	text-align: center;
	width: 770px;
}

/* ============================================================ */



/* 10. SALES DATA FORM */

#theta
{
	margin: 30px 0 0 30px;
	width: 801px;
}
/* Below applies to IE6 Only */
/*\*/
* html #theta
{
	margin: 30px 0 0 15px;
}
/**/
#theta h1
{
	font-size: 24px;
}
#theta h2
{
	font-size: 14px;
}
.divider
{
	margin: 10px 0;
	border-top: 1px solid #a7a9ac;
	height: 1px;
}
#theta fieldset ul
{
	margin: 20px 0 0 0;
	list-style: none;
}
#theta fieldset li
{
	margin: 0 0 10px 0;
}
#theta fieldset li label
{
	margin: 0 10px 0 0;
	width: 150px;
	display: block;
	text-align: right;
	float: left;
}
#theta fieldset .input
{
	padding: 2px;
	border: 1px solid #a7a9ac;
	font-family: Arial, Helvetica, sans-serif;
	width: 275px;
}
#theta fieldset .input-dd
{
	border: 1px solid #a7a9ac;
	width: 281px;
}
#theta fieldset .input-dd-mn
{
	border: 1px solid #a7a9ac;
	width: 119px;
}
#theta fieldset .submit-btn
{
	margin: 0 0 0 160px;
}
#theta fieldset p
{
	padding: 10px 0;
}
#theta fieldset p span
{
	color: #a11f25;
}

#theta li li
{
	margin: 4px 0 6px 30px;
	list-style: circle;
}

.gray_link a
{
	color: #808285 !important;
	text-decoration: none !important;
}

.gray_link a:hover
{
	text-decoration: underline !important;
}

/* Sitemap */

#sitemap
{
	margin-left: 16px;
}

#sitemap li li
{
	padding: 4px;
	margin: 0 0 0 30px;
}

#sitemap a
{
	color: #a11f25;
}

#sitemap a:hover
{
	text-decoration: underline;
}

.flowPlayer
{
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}


#nav3
{
	margin: -85px 0 0 204px;
	padding: 0;
	background: url(/resources/img/bg_nav3.png) 0 0 no-repeat;
	width: 700px;
	height: 76px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #nav3
{
	margin: -85px 0 0 104px;
	background: url(/resources/img/bg_nav3.gif) 0 0 no-repeat;
	width: 700px;
	height: 76px;
	float: left;
}
/**/
#nav3 ul
{
	margin: 0 auto;
	padding: 23px 0 0 0;
	list-style: none;
	height: 53px;
}
#nav3 li
{
	font-size: 12px;
	font-weight: bold;
	color: #58595b;
	text-align: center;
	text-transform: uppercase;
	height: 53px;
	float: left;
}
#nav3 li a
{
	color: #58595b;
}
#nav3 li a:hover, #nav3 li .active
{
	color: #a11f25;
}

#nav3 div.active
{
	height: 53px;
	background: url(/resources/img/bg_nav-active.png) center bottom no-repeat;
}

#nav3 li#program
{
	margin: 0 0 0 23px;
	width: 150px;
}
/* Below applies to IE6 Only */
/*\*/
* html #nav3 li#program
{
	margin: 0 0 0 12px;
}
/**/

#nav3 li#clist
{
	width: 180px;
}