/* TYPOGRAPHY & COLOUR
----------------------------------------------------*/

body {color:#444;}

#footer {color:#666;}

h1, h2, a, h4 {color:#6eb03a;}

p {
	font-size:100%;
	line-height:160%;
	margin:0 0 1em 0;
}

h1 {
	font-size:190%;
	line-height:160%;
	margin:0;
}

h2 {
	font-size:140%;
	line-height:160%;
	margin:0;
}

h3 {
	font-size:100%;
	line-height:160%;
	margin:0;
}

h4 {
	font-size:116.7%;
	line-height:160%;
	margin:0;
}

li {
	line-height:160%;	
}

ul.infolist {
	margin-bottom:1em;
}

em {
	font-weight:bold;
	font-style: normal;		
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

p.short {
	margin-bottom:0;
}

/* PAGES
----------------------------------------------------*/

body#home #box, body#success #box {
	background:#FFF url(../img/bg_home.jpg) no-repeat center bottom;
}

body#home #content {
	height:560px;
}

body#success #content {
	height:330px;
}

body#home #leftcol {
	width:442px;
}

body#home #rightcol {
	width:268px;
}

body#contact #content {
	text-align:left;
}

body#food #leftcol {
	text-align:right;	
}

body#food #leftcol img {
	margin:4px 0 16px 0;
	border:1px solid #999;
}

body#food #rightcol p {
	margin-bottom:3em;
} 

/* NAV
----------------------------------------------------*/

ul#toplinks {
	position:absolute;
	right:29px;
	top:10px;	
}

ul#toplinks li {
	display:inline;	
}

ul#toplinks li a {
	height:188px;
	display:block;
	position:relative;
	float:left;
	overflow: hidden;
}

ul#nav li a:hover {background: 0 0;}

ul#toplinks li a.home {
	width:85px;
}

ul#toplinks li a.food {
	width:77px;
}

ul#toplinks li a.contact {
	width:90px;
}

ul#toplinks li a.home span {
	cursor: pointer;
	height:188px;
	display: block;
	width:85px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/home.jpg) no-repeat left top;
}

ul#toplinks li a.home:hover span {
	background:url(../img/home.jpg) no-repeat -85px top;
}

ul#toplinks li a.food span {
	cursor: pointer;
	height:188px;
	display: block;
	width:77px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/food.jpg) no-repeat left top;
}

ul#toplinks li a.food:hover span {
	background:url(../img/food.jpg) no-repeat -77px top;
}

ul#toplinks li a.contact span {
	cursor: pointer;
	height:188px;
	display: block;
	width:90px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/contact.jpg) no-repeat left top;
}

ul#toplinks li a.contact:hover span {
	background:url(../img/contact.jpg) no-repeat -90px top;
}

ul#bottomlinks li {
	display:inline;
	padding:0 6px 0 6px;
	border-right:1px solid #6eb03a;
}

ul#bottomlinks li.last {
	border:0;
	padding:0 0 0 6px;
}



/* IMAGES
----------------------------------------------------*/

#logo {
	margin-top:33px;
}

img.branding {
	margin:0 0 20px;
}

/* FORM
----------------------------------------------------*/

input.text {
	height:18px;
	width:191px;
	background:#CCC url(../img/form_bg.png) scroll 0 0;
	color:#333;
	font-size:1em;
	float:left;
	padding:6px;
}

input.submit {
	height:30px;
	width:45px;
	background:#CCC url(../img/form_submit.png) no-repeat left top;
	text-indent:-10000px;
	float:right;
	margin:0 5px 0 0;
	cursor:pointer;
}

input.submit:hover {
	background:#333 url(../img/form_submit.png) no-repeat -45px top;
}

/* LAYOUT
----------------------------------------------------*/

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

body {
	font-size:small; 
	font-family:Arial, sans-serif;
	background:url(../img/bg.png) repeat-y center;
	margin:0 0 2em;
}

#box {
	margin:2em auto;
	width:800px;
	background-color:#FFFFFF;
	position:relative;
}

#inner {
	padding:30px;
}

#content {
	margin-top:70px;
	text-align:center;
}

#leftcol {
	float:left;
	width:268px;
	text-align:left;
}

#rightcol {
	float:right;
	width:442px;
	text-align:left;
}

#footer {
	padding-top:30px;
	height:18px;
	clear:both;
}

#footer p.moreinfo {
	float:left;	
}

#footer ul#bottomlinks {
	float:right;	
}

.meal {
	clear:both;
	padding-bottom:30px;
	text-align:left;
}

.alt img {
	float:right !important;
}

.meal img {
	float:left;
	margin:0 30px 40px 30px;
	border:1px solid #999;
}

.meal .info {
	margin-left:30px;
}



/* RESET
----------------------------------------------------*/

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

body {
	margin:0;
	padding:0 20px;
}

ul {
	list-style:none;
}

a {
	text-decoration:none;
}

table {
	border-collapse:collapse;
}