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

/* 1.  Do the Reset (uh yeh) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size: 16px;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main stuff */

a {
	text-decoration: none;
	color: inherit;
}

strong {
	font-weight: bold;
}

.center {
	text-align: center;
}

.header {
	background: url('../img/logotop.jpg') no-repeat 0 0;
	height: 205px;
	width: 960px;
	margin: 0 auto;
	text-indent: -9999px;
}

.socialbox {
	position: absolute;
	height: 50px;
	min-width: 960px;
	width: 100%;
	overflow: hidden;
	z-index: 9999;
	text-indent: -9999px;
}

.socialcont {
	margin: 0 auto;
	width: 960px;
}

.social {
	margin: 20px 5px;
	float: right;
	height: 32px;
	width: 32px;
	z-index: 9999;
}

.facebook {
	background: url('../img/facebook_32.png') no-repeat transparent;
}

.twitter {
	background: url('../img/twitter_32.png') no-repeat transparent;
}

.logo {
	background: url('../img/taste_logo.png') no-repeat 50% 0 transparent;
	height: 215px;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	z-index: 1000;
	width: 100%;
	min-width: 960px;
	margin: 2px 0 0 0;
}

.container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
    padding: 0;
    position: relative;
}

.navendleft {
	background: url('../img/navends.png') 0 0 no-repeat;
	width: 50px;
	height: 80px;
	overflow-x: hidden;
	position: absolute;
	left: -50px;
	top: 20px;
}

.navendright {
	background: url('../img/navends.png') -50px 0 no-repeat;
	width: 50px;
	height: 80px;
	overflow-x: hidden;
	position: absolute;
	right: -50px;
	top: 20px;
}

body {
	background: #85d6f4 url('../img/background.png') repeat-x 0 0;
}

.nav {
	height: 85px;
	background: url('../img/navback.png') repeat-x;
	width: 100%;
}

.nav .button {
	width: 288px;
	height: 54px;
	margin: 0 16px;
	position: relative;
	top: 10px;
	text-indent: -9999px;
	float: left;
}

.nav .about {
	background: url('../img/about_button.png') no-repeat 0 0;
}

.nav .producer {
	background: url('../img/producer_button.png') no-repeat 0 0;
}

.nav .press {
	background: url('../img/press_button.png') no-repeat 0 0;
}

.nav .button:hover {
	background-position: 0 -54px;
}

.nav .button:active {
	top: 11px;
}

.content {
	background: #fcf8d9;
	box-shadow: 0 3px 10px #4e90a9;
	z-index: 5;
}

.prodimg {
	width: 800px;
	height: 533px;
	border: 10px solid #fffcf1;
	margin: 0 auto;
	box-shadow: 0 3px 10px #b4af91;
	display: block;
}

.prodtext {
	width: 720px;
	border-top: 1px solid #f07920;
	border-bottom: 1px solid #f07920;
	background: #fff;
	color: #333;
	padding: 50px;
	margin: 20px auto 0;
}

.prodtext p {
	font: 1em/1.2em Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
}

.prodtext ol, ul {
	font: 0.9em/1.4em Helvetica, Arial, sans-serif;
	padding: 10px 0 20px 40px;
}

.prodtext ol {
	list-style: decimal;
}

.prodtext ul {
	list-style: disc;
}

.prodlink {
	width: 780px;
	padding: 30px 20px;
	margin: 0 auto;
	background: #e7500e;
	font: 1.3em/1em 'CartonSlab', Georgia, serif;
	text-shadow: 0 -1px 0 #4e330f;
	color: #fff;
	text-align: center;
}

.prodlink a {
	color: #f7ac1b !important;
}

.pressbutton {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	background: #e7500e; 
	background: -moz-linear-gradient(top, #e8762b 0%, #e7500e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8762b), color-stop(100%,#e7500e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e8762b 0%,#e7500e 100%); /* Chrome10+,Safari5.1+ */
	border: 1px solid #ad5c25;
	padding: 20px;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

.pressbutton:active {
	padding: 19px;
}

.title {
	margin: 20px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}

.orange {
	color: #f07920;
	font-size: 2.4em;
	line-height: 1em;
	font-family: "CartonSlab";
}

.green {
	color: #035946;
	font-size: 1.125em !important;
	line-height: 1em !important;	
}

.tweetbox {
	margin: 40px auto 0;
	background: url('../img/tweetbox.png') repeat-x;
	height: 72px;
	width: 920px;	
}

.tweetbox a {
	color: #f7ac1b !important;
}

.tweetlink {
	width: 920px;
	height: 40px;
	margin: 0 auto;
	background: #e7500e;
	color: #fff;
	text-align: center;	
}

.tweet_list {
	width: 900px !important;
}

.tweetlink p {
	padding: 9px;
	width: 896px;
	float: left;
	height: 30px;
	font: 1.3em/1em 'CartonSlab', Georgia, serif;
	text-shadow: 0 -1px 0 #4e330f;
}

.tweetlink i {
	color: #f8e7c6;
	font-family: Georgia, Times, serif !important;
}

.highlandbox {
	border: 10px solid #7e98a7;
	width: 880px;
	height: 127px;
	padding: 10px;
	margin: 20px auto;
	color: #3c2415;
}

.highlandbox img {
	margin: 0 30px 0 10px;
	float: left;
}

.highlandbox h1,h2,h3 {
	float: left;
	position: relative;
	top: 20px;
	text-shadow: 0 1px 0 #fff;
}

.highlandbox h1 {
	font-size: 1.625em;
}

.highlandbox h2 {
	font-size: 3.125em;
}

.highlandbox h3 {
	font-size: 0.762em;
}

.advert {
	background: url('../img/stirling_app_ad-920x160.gif') no-repeat;
	width: 920px;
	height: 160px;
	margin: 20px 20px 0;
	text-indent: -9999px;
	float: left;
	display: block;
}

.supplierbox {
	width: 196px;
	height: 260px;
	background: #fffef3;
	border: 7px solid #fff;
	color: #025846;
	padding: 7px;
	margin: 8px;
	float: left;
	box-shadow: 0 1px 3px #cdc9b0;
}

.supplierbox img {
	margin: 0 auto;
}

.supplierbox h1 {
	height: 40px;
	margin: 7px 10px;
	font-size: 1.375em;
	text-align: center;
}

.footertop {
	background: url('../img/youreagrass.png') repeat-x transparent;
	height: 80px;
	width: 100%;
	z-index: 3;
	position: relative;
	bottom: 0px;
	margin: -330px 0 0 0;
}

.footer {
	background: #968780 url('../img/footer_rep.jpg') repeat-x;
	height: 260px;
	position: relative;
	bottom: 0px;
	width: 100%;
	z-index: 4;
}

.footer span {
	font-variant: small-caps;
	font-size: 0.8em;
}

.footer h1 {
	color: #fff;
	text-shadow: 0 1px 0 #000;
	font: 0.8em/0.8em Helvetica, Arial, Sans-serif;
	margin: 0 auto 25px;
	text-align: center;
}

.footer a {
	color: #fff;
}

.footer .cta {
	position: relative;
	top: -35px;
	margin: 0 auto;
	display: block;
	z-index: 9999;
}

.footer img {
	margin: 0 16px;
}