@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background: url(../graphics/bg.gif) repeat-x #ffffff;
}

p {margin-top: 18px; margin-bottom: 0;}

a {color: #8cc63f; text-decoration: underline;}
a:visited {color: #75885e; text-decoration: underline;}
a:hover {color: #89cb3a; text-decoration: underline;}

h1 {margin: 0; color: #666666; font-size: 36px; font-weight: normal; line-height: normal;}
h2 {margin: 18px 0 0 0; color: #666666; font-size: 28px; font-weight: normal;}
h3 {margin: 18px 0 0 0; color: #666666; font-size: 20px; font-weight: normal;}

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

	#header {
		width: auto;
		height: 36px;
		text-align: center;
	}
	
		#nav-menu {margin: 8px 0 0 0; padding: 0;}
			#nav-menu li {margin: 0 16px; padding: 0; list-style: none; display: inline; font-size: 14px;}
				
				#nav-menu li a,
				#nav-menu li a:visited {color: #669933; text-decoration: none;}
				#nav-menu li a:hover {color: #669933; text-decoration: underline;}
	
	#body {
		width: auto;
		padding: 126px 0 36px 0;
		background: url(../graphics/green-mangos-logo.gif) 0 35px no-repeat;
		line-height: 18px;
		border-bottom: 1px solid #8cc63f;
	}
	
		.post-container {
			width: auto;
			margin: 20px 0 0 0;
			padding-bottom: 10px;
		}
		
			.post-heading {
				width: auto;
				padding-bottom: 6px;
				border-bottom: 1px dotted #8CC63F;
				background: url(../graphics/blog/bg-date.gif) repeat-y right #ffffff;
			}
			
				.post-header {
					width: 355px;
					padding-top: 10px;
					float: left;
				}
		
				.post-header h2 {margin: 0; color: #c48d47; font-size: 20px; line-height: 24px; font-weight: normal;}
				
				.post-date {
					width: 160px;
					padding: 6px 6px 0 6px;
					color: #7d8f65;
					font-style: italic;
					line-height: 14px;
					text-align: right;
					font-size: 10px;
					float: right;
				}
	
	#body-food {
		width: auto;
		padding: 36px 0;
		line-height: 18px;
		border-bottom: 1px solid #8cc63f;
	}
	
		.body-left {
			width: 486px;
			float: left;
		}
		
		.body-left-blog {
			width: 531px;
			float: left;
		}
		
			#main-picture {
				width: auto;
				margin: 18px auto 0 auto;
				text-align: center;
			}
			
				#main-picture img {border: 1px solid #8cc63f;}
				
			.quote-box {
				width: auto;
				margin: 18px 0 0 0;
				padding: 8px 8px 8px 70px;
				font-style: italic;
				border-top: 1px dotted #c6ab19;
				border-bottom: 1px dotted #c6ab19;
				background: url(../graphics/bg-quote.gif) no-repeat 8px 8px #fffae6;
				font-size: 13px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
			
			.blog-right-side {
				width: auto;
				margin: 18px 0 0 0;
				padding: 8px;
				border-top: 1px dotted #c6ab19;
				border-bottom: 1px dotted #c6ab19;
				background: #fffae6;
				font-size: 11px;
			}
			
			.quote-box cite, .blog-right-side cite {
				margin: 6px 0 0 0;
				text-align: right;
				color: #c6ab19;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				display: block;				
			}
				
		.body-left-food {
			width: 570px;
			float: left;
		}
		
		.body-right {
			width: 234px;
			float: right;
		}
		
		.body-right-blog {
			width: 189px;
			float: right;
		}
		
			.body-right-blog ul {
				margin: 11px 0 0 0;
				padding: 0;
			}
			
				.body-right-blog ul li {
					margin: 3px 0;
					padding: 0;
					list-style: none;
				}
		
			.body-right-blog h3 {
				margin: 0;
				font-size: 16px;
				color: #c48d47;
			}
		
			#thumb-container {
				width: auto;
				margin: 58px 0 0 0;
			}
			
				.thumbs {
					width: 72px;
					height: 72px;
					margin: 0 2px 5px 2px;
					border: 1px solid #8cc63f;
					cursor: pointer;
				}
				
		.body-right-food {
			width: 150px;
			float: right;
		}
		
		.yellow-box {
			width: auto;
			margin: 18px 0 0 0;
			padding: 9px;
			background: url(../graphics/bg-yellow-box.gif) repeat-x #fffae6;
		}
		
			.yellow-box h2 {
				margin: 0;
				font-size: 16px;
				color: #8cc63f;
				font-weight: bold;
				text-align: center;
			}
			
		#menu-container {
			width: auto;
		}
		
			.menu-left {
				width: 360px;
				text-align: center;
				float: left;
			}
			
			.menu-right {
				width: 360px;
				text-align: center;
				float: right;
			}
			
				.menu-left h2, .menu-right h2 {
					margin: 18px 0 0 0;
					color: #666666;
					font-size: 16px;
					font-weight: normal;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				
				.menu-left p, .menu-right p {
					margin-top: 0;
				}
		
	#footer {
		width: auto;
		padding: 18px 0;
		font-size: 10px;
		line-height: 16px;
		color: #999999;
		background: url(../graphics/green-mangos-tagline.gif) right no-repeat;
	}
	
		#footer strong, #footer b {color: #666666; font-size: 11px;}

		#footer a, #footer a:visited {color: #999999; text-decoration: underline;}
		#footer a:hover {color: #666666; text-decoration: underline;}
		

.table {
	width: 100%;
	margin: 9px 0 0 0;
}

.table td {
	padding: 2px;
	font-size: 10px;
	line-height: 15px;
}

	.alt-cell {background-color: #fffbe9;}


.cell-name {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}

.cell-help {
	font-size: 10px;
	line-height: 14px;
	font-style: italic;
}


.list-buttons {
	margin: 54px 0 0 45px;
	padding: 0;
}

	.list-buttons li {
		margin: 0 18px 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
		.list-buttons li a {width: 107px; height: 72px; display: block; float: left;}
		.list-buttons li a:hover {background-position: 0 -72px; background-repeat: no-repeat;}
	

.list-buttons-food {
	margin: 24px 0 0 0;
	padding: 0;
}

	.list-buttons-food li {
		margin: 10px 10px 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
		.list-buttons-food li a {width: 107px; height: 72px; display: block; float: left;}
		.list-buttons-food li a:hover {background-position: 0 -72px; background-repeat: no-repeat;}
		
		.button-our-food {background: url(../graphics/button-our-food.jpg) no-repeat;}
		.button-pricing {background: url(../graphics/button-pricing.jpg) no-repeat;}
		.button-gallery {background: url(../graphics/button-photos.jpg) no-repeat;}
		.button-hors {background: url(../graphics/button-hors-doeuvres.jpg) no-repeat;}
		.button-first-course {background: url(../graphics/button-first-course.jpg) no-repeat;}
		.button-main-course {background: url(../graphics/button-main-course.jpg) no-repeat;}
		.button-sidelines {background: url(../graphics/button-sidelines.jpg) no-repeat;}
		.button-platter {background: url(../graphics/button-platter.jpg) no-repeat;}
		.button-dessert {background: url(../graphics/button-dessert.jpg) no-repeat;}
		.button-lunch-boxes {background: url(../graphics/button-lunch-boxes.jpg) no-repeat;}

.green-button, .green-button:visited {
	width: 189px;
	height: 18px;
	margin: 58px 0 0 0;
	padding: 8px 0 8px 0;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	display: block;
	background: url(../graphics/bg-green-button-2.gif) repeat-x;
}

.green-button:hover  {color: #ffffff; text-decoration: none; background: url(../graphics/bg-green-button-2.gif) 0 -36px repeat-x;}

.print-menu {text-align: center;}
	.print-menu a {padding-left: 20px; background: url(../graphics/icon-print.gif) no-repeat;}

.highlight-orange {color: #c48d47;}
.highlight-green {color: #669933;}
.hiddenspan {display: none;}

.center {text-align: center;}

.content10-small {font-size: 10px; line-height: 15px;}
		
/****** CLEAR PROPERTIES ******/

.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*html .clearfix {height: 1%;}

/******* FORM STYLES *******/

form {margin: 18px 0 0 0; background: url(../graphics/bg-yellow-box.gif) repeat-x #fffae6;}

label {
	float: left;
	width: 80px;
	font-weight: bold;
	text-align: right;
	padding-right: 6px;
	margin-top: 2px;
}

.input-text {width: 180px; height: 13px;}

.input-text, .textarea-normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #8cc63f;
	background: #ffffff;
}

input.radio {width: 16px; height: 16px; background: none; border: none; float: left; margin-bottom: 2px;}

.textarea-normal {
	width: 240px;
	height: 98px;
}

.select-input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #8cc63f;
	padding: 2px 1px 2px 2px;
	margin: 0;
}

.boxes {
	width: 16px;
	border: none;
	background: none;
	float: left;
}

.dynamic-text {float: left; margin-top: 4px;}
.help-text {float: right; text-align: left;}

#submitbutton {
	width: 90px;
	height: 32px;
	padding: 0;
	border: none;
	background: none;
}