/*
New styles for food skin per template 25860 from http://www.templatemonster.com/
Integrated by CFL Systems
www.cflsystems.com
*/

* {	margin:0; padding:0; font-size:100%;}
body {
	height: 100%;
	background-color: #ded8cb;
}
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #6c6c6c;
	min-width: 996px;
}
.top-tail {
	background: url(images/food_template/top-tail.gif) top repeat-x #f8f6f2;
}
.bot-tail {
	background: url(images/food_template/bot-tail.gif) bottom repeat-x;
}
#page-container {
	width: 996px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.extra-bg {
	position: absolute;
	width: 50%;
	right:0;
	height: 272px;
	background: url(images/food_template/extra-bg.jpg) no-repeat 490px 40px;
}
ul {
	list-style: none;
}
input, select {
	vertical-align: middle;
	font-weight: normal;
}
p {
	margin-bottom: 10px;
	text-align: justify;
}
h4 {
	color: #FFFFFF;
	font-size: 1.667em;
	line-height: 1.5em;
	padding-bottom: 14px;
}
h5 {
	font-size: 1.5em;
	color: #393838;
	line-height: 1.238em;
	padding-right: 25px;
	display: inline;
}
.margin3 {
	margin-bottom: 18px;
}
/* ============================= content ====================== */
#content-container {
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
	margin-top: 240px;
	background: url(images/food_template/bot-shadow.gif) bottom repeat-x #fff;
	width:100%;
}
.container {
	width:100%;
	overflow: hidden;
}
.left-tail {
	background: url(images/food_template/left-shadow.gif) left repeat-y;
}
.right-tail {
	background: url(images/food_template/right-shadow.gif) right repeat-y;
}
.left-corner {
	background: url(images/food_template/content-corner-left-bot.gif) left bottom no-repeat;
}
.right-corner {
	background: url(images/food_template/content-corner-right-bot.gif) right bottom no-repeat;
	padding:0 8px 8px 8px;
}
.indent1 {
	padding: 32px 30px 56px 31px;
}
.boxes, .boxes-vert {
	width: 100%;
	overflow: hidden;
}
.boxes .col-1 {
	width: 326px !important;
}
.boxes .col-2, .boxes .col-3, .boxes .col-4 {
	width: 326px !important;
	margin-left: 1px;
}
.boxes-vert .col-1 {
	width: 307px !important;
}
.boxes-vert .col-2, .boxes-vert .col-3, .boxes-vert .col-4 {
	width: 307px !important;
	margin-top: 1px;
	margin-left: 0px;
}
.box1 {
	background: url(images/food_template/box1-tail.gif) top repeat-x #467e0b;
	color:#9ed554;
}
.box2 {
	background: url(images/food_template/box2-tail.gif) top repeat-x #f09f03;
	color: #ffffff;
}
.box3 {
	background: url(images/food_template/box3-tail.gif) top repeat-x #fb6d02;
	color: #ffe671;
}
.box4 {
	background: url(images/food_template/box4-tail.gif) top repeat-x #c23605;
	color: #ff9967;
}
.box5 {
	border: solid 1px #dfdfdf;
	padding: 22px 25px 30px 30px;
}
.box1 .link {
	background: url(images/food_template/box1-link-tail.gif) top repeat-x;
}
.box1 .link:hover {
	background: url(images/food_template/box1-link-tail-act.gif) top repeat-x;
}
.box1 .link strong {
	background: url(images/food_template/box1-link-left-bg.gif) left top no-repeat;
}
.box1 .link strong strong {
	background: url(images/food_template/box1-link-right-bg.gif) right top no-repeat;
}
.box1 .link:hover strong {
	background: url(images/food_template/box1-link-left-bg-act.gif) left top no-repeat;
}
.box1 .link:hover strong strong {
	background: url(images/food_template/box1-link-right-bg-act.gif) right top no-repeat;
}
.box2 .link {
	background: url(images/food_template/box2-link-tail.gif) top repeat-x;
}
.box2 .link:hover {
	background: url(images/food_template/box2-link-tail-act.gif) top repeat-x;
}
.box2 .link strong {
	background: url(images/food_template/box2-link-left-bg.gif) left top no-repeat;
}
.box2 .link strong strong {
	background: url(images/food_template/box2-link-right-bg.gif) right top no-repeat;
}
.box2 .link:hover strong {
	background: url(images/food_template/box2-link-left-bg-act.gif) left top no-repeat;
}
.box2 .link:hover strong strong {
	background: url(images/food_template/box2-link-right-bg-act.gif) right top no-repeat;
}
.box3 .link {
	background: url(images/food_template/box3-link-tail.gif) top repeat-x;
}
.box3 .link:hover {
	background: url(images/food_template/box3-link-tail-act.gif) top repeat-x;
}
.box3 .link strong {
	background: url(images/food_template/box3-link-left-bg.gif) left top no-repeat;
}
.box3 .link strong strong {
	background: url(images/food_template/box3-link-right-bg.gif) right top no-repeat;
}
.box3 .link:hover strong {
	background: url(images/food_template/box3-link-left-bg-act.gif) left top no-repeat;
}
.box3 .link:hover strong strong {
	background: url(images/food_template/box3-link-right-bg-act.gif) right top no-repeat;
}
.box4 .link {
	background: url(images/food_template/box4-link-tail.gif) top repeat-x;
}
.box4 .link:hover {
	background: url(images/food_template/box4-link-tail-act.gif) top repeat-x;
}
.box4 .link strong {
	background: url(images/food_template/box4-link-left-bg.gif) left top no-repeat;
}
.box4 .link strong strong {
	background: url(images/food_template/box4-link-right-bg.gif) right top no-repeat;
}
.box4 .link:hover strong {
	background: url(images/food_template/box4-link-left-bg-act.gif) left top no-repeat;
}
.box4 .link:hover strong strong {
	background: url(images/food_template/box4-link-right-bg-act.gif) right top no-repeat;
}
.box1 span {
	color:#9ed554;
}
.box2 span {
	color:#ffffff;
}
.box3 span {
	color:#ffe671;
}
.box4 span {
	color:#ff9967;
}
.boxes .indent {
	padding: 25px 15px 31px 24px;
	position: relative;
	height: 192px;
}
.boxes .indent p {
	text-align: left;
}
.boxes .link {
	display: inline-block;
	font-size: 1.083em;
	color: #fff;
	text-decoration: none;
	margin-top: 22px;
	position: absolute;
	cursor: pointer;
	bottom: 10px;
}
.boxes .link strong {
	display: inline-block;
}
.boxes .link strong strong {
	padding: 7px 13px 8px 12px;
}
.column-1, .column-2, .column-3, .col-1, .col-2, .col-3, .col-4 {
	float:left;
}
#content-container  .column-1 {
	width: 575px;
}
#content-container  .column-2 {
	width: 307px;
	margin-left: 36px;
}
/* ============================= search form ====================== */
#SearchForm {
	float:right;
	padding: 9px 8px 0 0;
}
#SearchForm .input1 {
	border: solid 1px #70ae1c;
	background: #487c0e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.833em;
	color: #ffffff;
	padding: 3px 2px 3px 3px;
	width: 207px;
	text-transform: uppercase;
	margin-right: -1px;
}
#SearchForm  a.search {
	color: #9ed554;
	text-decoration: none;
	padding-right: 5px;
}
#SearchForm  a.search:hover {
	color: #fff;
}

/* ============================= header ====================== */
#header {
	height: 240px;
	position: absolute !important;
	top: 0;
	left:0;
	width: 996px;
	background: url(images/food_template/header-bg.png) 225px bottom no-repeat;
}
#header .top {
	width:100%;
	overflow: hidden;
	height:40px;
}
#header .small-menu {
	margin: 10px 0 0 -2px;
}
#header .small-menu li {
	float: left;
	color: #9ed554;
	padding-left: 11px;
}
#header .small-menu a {
	color: #9ed554;
	text-decoration: none;
	display: inline-block;
	margin-right:10px;
}
#header .small-menu a:hover {
	color: #fff;
}
#header .container {
	float: right;
	overflow: hidden;
	width: auto;
	position: relative;
	right: 5px;
}
#header .menu {
	float: right;
	margin: 17px 0 0 0;
	height: 35px;
	background: #000;
}
#header .menu li {
	float: left;
	font-size: 1.083em;
	line-height: 35px;
	height: 35px;
}
#header .menu .current {
	background: #f09400;
}
#header .menu a {
	text-decoration:none;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
	padding: 0 11px;
}
#header .menu a:hover {
	color: #fff;
	background: #f09400;
}
#header .logo {
	width: 178px;
	height: 150px;
	margin-top: 19px;
	margin-left: 10px;
	float: left;
}
#header .logo img {
	width: 178px;
	height: 150px;
}
#header .login_info {
	position: relative;
	left: 300px;
	top:0;
}
/* ============================= footer ====================== */
#footer {
	height: 58px;
	position: relative;
	width: 100%;
	position: relative;
	bottom: 0;
	overflow: hidden;
	color: #9c8f8d;
}
#footer .menu {
	float: left;
	padding: 15px 0 0 20px;
}
#footer .menu li {
	float: left;
	color: #bcb8b0;
	padding-left: 9px;
}
#footer .menu a {
	color: #9c8f8d;
	text-decoration: none;
	display: inline-block;
	margin-right: 9px;
}
#footer .menu a:hover, #footer .menu .active {
	color: #3e3d3d;
}
#footer p {
	float: right;
	text-align: right;
	padding: 15px 20px 0 0;
	color: #9c8f8d;
	margin: 0px;
}
#footer p a {
	font-size: 0.833em;
	text-transform: uppercase;
	color: #3e3d3d;
}
.maxheight {
	height: 248px;
}
#galleries {
	margin-top: 20px;
}
#galleries hr {
	margin: 5px 0;
}
#galleries a {
	margin: 5px;
	float: left;
}