body {
	font: 62.5%/1.5 'Helvetica', 'Verdana', sans-serif;
	background: #FFF url('../images/body-background.png') repeat-x top left;
}

body * {
	/* Sets the base to 10px */
	font: 1em/1.5 'Helvetica', 'Verdana', sans-serif;
	color: #686868;
}

h1,h2,h3,h4,h5 {
	color: #50b848;
	font: 1.5em/1.5 'Courier New', serif;
	letter-spacing: -.4px;
}

h1 *, h2 *, h3 *, h4 *, h5 * {
	color: #50b848;
	font: 1em/1.5 'Courier New', serif;
	letter-spacing: -.4px;
}

a:hover {
	color: #50b848;
}

strong,
strong * {
	font-weight: bold;
}

em,
em * {
	font-style: italic;
}

/******************************************************************************
** Formatted
*******************************************************************************/

	.formatted {
		padding: 20px 20px 120px 20px;
		float: left;
	}

	.formatted h2 {
		font-size: 1.8em;
	}

	.formatted h3 {
		font-size: 1.5em;
	}

	.formatted h4 {
		font-size: 1.3em;
	}

	.formatted h5 {
		font-size: 1.2em;
	}

	.formatted p {
		margin: 0.75em 0 0.75em 0;
		font-size: 1.05em;
	}

	.formatted ul li {
		margin: 0 0 0 2em;
		list-style-type: disc;
		font-size: 1.05em;
	}

		#focus-sidebar .formatted {
			padding: 10px;
			float: left;
		}

/******************************************************************************
** Layout
*******************************************************************************/

	#layout {
		margin: 38px auto 0 auto;
		width: 976px;
		background: transparent url('../images/content-backing.png') no-repeat -6px -15px;
	}

	#container {
		margin: 0 20px;
		background: #FFF;
		font-size: 1.1em;
	}

		#ie.v6 #container {
			width: 942px;
		}

	#header {
		height: 291px;
		width: 625px;
		float: left;
	}

	#content {
		width: 625px;
		float: left;
		padding: 10px 0;
		position: relative;
	}

	#aside {
		width: 304px;
		float: right;
		margin-top: -291px; /* Height of Header */
		padding: 9px 0;
	}

	.column {
		float: left;
		display: inline;
		margin: 0 2px;
	}
		.column:first-child {margin: 0 2px 0 0;}
		.column:last-child {margin: 0 0 0 2px;}

	.narrow-box {width: 148px}
		#ie.v6 .narrow-box {margin: 0 2.5px 0 3.5px}

	.box {
		width: 306px;
		height: 179px;
		overflow: hidden;
	}
		#aside .function-enquiry {height: auto}

	.cta {
		background: url('../images/stiched-background.png') no-repeat;
		height: 133px;
		width: 262px;
		padding: 25px;
		margin: 10px 0 10px -3px;
	}
		.no-bg {
			background: none;
			height: auto;
			padding: 0;
			margin: 10px 0;
			width: 306px;
		}
		.cta h2 {
			font-weight: bold;
			margin-bottom: .5em;
		}

/******************************************************************************
** Header
*******************************************************************************/

	#header h1 {
		display: block;
		height: 327px;
		width: 815px;
		text-indent: -1000em;
		margin: -38px 0 0 -192px;
		position: relative;
		background: url('../images/header.jpg') no-repeat left top;
	}

	#header h1 a {
		display: block;
		height: 150px;
		width: 150px;
		position: relative;
		top: 88px;
		left: 180px;
		width: 160px;
		height: 160px;
	}

	#header h1 a:hover {
		border: none;
	}
	/******************************************************************************
	** Navigation
	*******************************************************************************/
		#header ul#nav {
			margin-top: -48px;
			height: 48px;
			position: relative;
		}

			ul#nav li {
				float: left;
			}

			ul#nav li.presentational {
				color: #50b848;
				font-size: 1.2em;
				padding: 23px 0 0 0
			}

			ul#nav li a{
		/*	ul#filter-nav li a {*/
				font: 1.3em/1.5 'Courier New', serif;
				letter-spacing: -0.4px;
				display: block;
				padding: 21px 14px 5px 13px;
				text-transform: uppercase;
				text-decoration: none;
			}

			ul#nav li a.selected {
				color: #50b848;
			}

			ul#nav > li:first-child {
				margin-left: 20px;
			}

		/* This is the Sub Nav */
		#data ul#filter-nav {
			background: transparent url('../images/sub-navigation.png') repeat-x;
			height: 32px;
			text-align: center;
		}

			ul#filter-nav li {
				display: inline-block;
			}
			#ie ul#filter-nav li {
				display: inline;
				zoom:1; 
			}
			ul#filter-nav li.presentational {
				color: #a6ce39;
				padding: 8px 0 2px 0;
			}


			ul#filter-nav li a:hover {
				color: #FFF;
				text-decoration: underline;
			}

			ul#filter-nav li a {
				display: inline-block;
				padding: 0 5px;
				line-height: 30px;
				font-size:1.2em;
				color: #FFF;
				font-family: 'Courier New', serif;
				text-decoration: none;
				text-transform: uppercase;
			}

			ul#filter-nav li.selected a {
				color: #686868;
			}

/******************************************************************************
** Content
*******************************************************************************/

	/******************************************************************************
	** Typography
	*******************************************************************************/

		#lowlight h2,
		#focus-sidebar h2,
		#data a.badge {
			text-align: center;
			background: url('../images/badge-background.jpg') no-repeat -1px 0;
			height: 50px;
			width: 150px;
			line-height: 50px;
			z-index: 10;
			position: relative;
		}

		#focus-sidebar h2 a,
		#data a.badge {
			display: inline-block;
			font: 1.5em "Courier New", serif;
			letter-spacing: -.4px;
			line-height: 50px;
			text-decoration: none;
			color: #50b848;
		}

		#focus-sidebar h2 a {
			font-size: 1em;
		}
		#focus-sidebar h2 a:hover,
		#data a.badge:hover {
			text-decoration: underline;
		}

		#focus-sidebar p,
		#focus-sidebar li,
		#focus-sidebar span,
		#focus-sidebar em {
			color: #FFF;
			font-size: 1.05em;
		}

		#focus-sidebar .formatted a,
		#focus-sidebar .formatted a span {
			font-size: 1em;
			color: #e4f3bc;
			border-bottom: 2px solid #7fc974;
			text-decoration: none;
		}

		#focus-sidebar .formatted a:hover {
			color: #FFF;
			border-color: #FFF;
		}

		#focus-sidebar li {
			margin: 0;
			list-style: none;
		}

		#focus-sidebar strong,
		#focus-sidebar strong * {
			color: #e6f6cf;
		}

		div.box span {
			position: absolute;
			top: 86px;
			left: 20px;
			width: 266px;
			padding: 0 0 0 1px;
			line-height: 1.4;
		}

		div.function-enquiry span {
			width: 116px;
			text-align: right;
		}

		div.foodoo-story {margin: 10px 0}
		div.box a.wrapping {text-decoration: none}

	/******************************************************************************
	** Layout
	*******************************************************************************/

		div#data {
			width: 460px;
			border: 1px solid #50b847;
			margin-top: 2px;
			position: relative;
			min-height: 200px;
		}
			#data .formatted {
				width: 420px;
			}

			#ie.v6 #data .formatted {
				width: 415px;
			}

			#ie.v6 #data.widest .formatted {
				width: 573px;
				
			}

		div#data.widest {
			width: 618px;
		}

		#data.widest .formatted {
			width: 578px;
			zoom:1;
		}
			#data.widest  #focus-sidebar {
				clear: both;
				height: 200px !important;
				margin-bottom: -90px;
				padding-top: 10px;
				padding-left: 20px;
				position: relative;
				top: -110px;
				width: 350px;
				zoom: 1;
			}
			#data.widest #focus-sidebar .lightbox {
				float: left;
			}
			#data div.suggestions {
				width: 250px;
				float: left;
			}

			#data ul.suggested li {
				list-style: none;
				display: inline;
				margin: 0;
				padding: 0 5px 0 0;
			}
		div#focus-sidebar {
			width: 150px;
			background: #50b849;
			border-bottom: 4px solid #50b849;
		}

			#ie.v6 #focus-sidebar {
				width: 149px;
			}

		div#focus-sidebar.gallery {
			background: #FFF;
			border: none;
			overflow: hidden;
		}

			#focus-sidebar a.lightbox {
				display: block;
				margin: 0 0 5px 0;
				padding: 0;
				height: 179px;
				width: 150px;
			}

			#aside a,
			a img {
				display: block;
				text-decoration: none;
				vertical-align: baseline;
			}

			#aside a.fold {
				margin-bottom: 12px;
			}

			img.aside-thin {
				margin-top: 2.5px;
			}

		div.box {
			position: relative;
		}

		hr {
			border: none;
			border-top: 2px solid #e6f6cf;
		}

		div#action-buttons {
			width: 150px;
			position: absolute;
			bottom: 15px;
			right: 20px;
			zoom:1;
		}

	dl dt,
	dl dd,
	dl {
		float: left;
	}

	dl dt {
		width: 100px;
		padding: 10px 10px 10px 0;
	}

	dl dd {
		width: 450px;
		padding: 10px 0;
	}

	dl dt {
		clear: left;
	}

	ul.the-team li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.menus #content li {
		margin-bottom: .5em;
	}


/******************************************************************************
** Aside
*******************************************************************************/
	div.our-vision-cta h2 {
		background: url('../images/text-sprites.png') no-repeat -3px -165px;
		display: block;
		height: 33px;
		text-indent: -1000em;
	}

	div.random-testimonial {
		margin: 8px 0;
		border: 1px solid #f4f4f4;
		background: #fcfcfc;
	}

	div.random-testimonial div {
		margin: 11px 10px;
		border: 1px solid #f4f4f4;
		padding: 0 0 55px 0;
		background: #FFF url('../images/quotes-background.png') no-repeat center bottom;
	}

	div.random-testimonial div h3 {
		background: url('../images/text-sprites.png') no-repeat 0 -82px;
		display: block;
		height: 33px;
		text-indent: -1000em;
		width: 237px;
		margin: 10px auto 0 auto;
	}

	div.random-testimonial blockquote {
		text-align: center;
		padding: 15px;
		font-size: 1.1em;
	}

	div.random-testimonial cite,
	cite {
		display: block;
		text-align: center;
		font: 1.3em/1.2 "Courier New", serif;
		letter-spacing: -.9px;
		color: #50b848;
	}

	blockquote p {
		margin: 0;
	}

	cite,
	cite a {
		color: #50b848;
		text-align: right;
		font-size: 1.2em;
	}

	cite a {
		font: 1em/1.2 "Courier New", serif;
	}

	cite a:hover {
		color: #686868 ;
	}

	div.cta p {
		font: 1.3em/1.2 "Courier New", serif;
		letter-spacing: -.9px;
		color: #50b848;
	}

/******************************************************************************
** Footer
*******************************************************************************/

	#footer {
		width: 992px;
		clear: both;
		text-align: left;
		margin: 0 -20px;
		background: #FFF url('../images/footer-shadow.png') no-repeat;
		position: relative;
		height: 62px;
	}

	#footer ul {
		padding: 30px 0 0 0;
		height: 32px;
		position: absolute;
	}

	#footer ul.textNav {
		width: 400px;
		margin: 0 0 0 15px;
	}

	#footer ul.static {
		padding: 30px 140px 0 0;
		width: 330px;
		right: 30px;
		background: url('../images/text-sprites.png') no-repeat 335px 22px;
		text-align: right;
	}

	#footer ul li {
		display: inline;
		margin: 0 5px;
	}

	#footer ul li a {
		text-decoration: none;
	}

	#footer ul li a:hover {
		text-decoration: underline;
	}

/******************************************************************************
** Contact
*******************************************************************************/

	#layout .vcard dl dt,
	#layout .vcard dl dd {
		color: #FFF;
		font-size: 1.05em;
		padding: 0;
	}

	#layout .vcard dl dt {
		width: 45px;
		font-weight: bold;
	}

	#layout .vcard dl dd {
		width: 80px;
	}
		.vcard {
			float: left;
			margin-bottom: 1.5em;
		}

		.vcard div,
		.vcard dl {
			margin: .5em 0;
		}

		.vcard span.type {
			font-weight: bold;
		}

		.vcard span.name {
			font-weight: bold;
		}

		.vcard div .street-address {
			display: block;
		}

	#layout #focus-sidebar .formatted {
		position: relative;
	}

	#layout a.map,
	#layout a.map img {
		clear: left;
		display: block;
		border-bottom: none;
		height: 130px;
		width: 130px;
	}

	#layout a.map span {
		float: left;
		margin: 0.5em 0 ;
	}

	#layout a.map:hover span {
		color: #FFF;
	}

/******************************************************************************
** For Print Style
*******************************************************************************/

	img.header-image,
	img.footer-image {
		display: none;
	}

/******************************************************************************
** Sitemap
*******************************************************************************/

	div.site-map div {
		float: left;
		margin: 1em 30px 0 0;
		border-top: 1px solid #F1FAD9;
		border-left: 1px solid #DDD;
		padding: .5em;
	}

	div.site-map h5 a,
	div.site-map ul li a {
		text-decoration: none;
	}

	div.site-map li {
		list-style-type: none;
		margin: .25em 0;
	}

/******************************************************************************
** Pagination
*******************************************************************************/
	ul.pagination {
	    margin: 2em 0 0 0;
		clear: both;
		text-align: center;
	}

	.formatted ul.pagination li {
	    list-style-type: none;
	    display: inline;
		margin: 0;
	}

	ul.pagination li a {
	    padding: 2px 5px;
	    margin-right: 3px;
	    color: #50b848;;
	}

	ul.pagination li span {
	    float: left;
	    margin-right: 4px;
	}

	ul.pagination li span.first {
	    margin-right: 4px;
	}

	ul.pagination li a.page:hover {
	    text-decoration: none;
	    color: #000;
	}

	ul.pagination li.selected a.page {
	    background-color: #50b848;;
	    color: #fff;
	}

	ul.pagination li.disabled a {
	    color: #ddd;
	    cursor: default;
	}