/* dark red #9a424f */

/* light green #7d8f4b */

/* dark green #5a6f3c */

/* dark brown #503731 */

/* orange #c26333 */

/* @group general */

* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'ClarendonBlack';
	src: url('../fonts/clarendonbt-black-webfont.eot');
	src: local('☺'), url('../fonts/clarendonbt-black-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Clarendon';
	src: url('../fonts/clarendonbt-bold-webfont.eot');
	src: local('☺'), url('../fonts/clarendonbt-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Clarendon';
	src: url('../fonts/clarendonbt-roman-webfont.eot');
	src: local('☺'), url('../fonts/clarendonbt-roman-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Sean';
	src: url('../fonts/handsean-webfont.eot');
	src: local('☺'), url('../fonts/handsean-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	background: url(../img/bg-wooden-crate.jpg) center top;
}

img {
	border-style: none;
}

.clearAll {
	clear: both;
}

div#pageContainer {
	width: 980px;
	margin: auto;
	height: 835px;
	position: relative;
	background: url(../img/bg-torn-paper.png) no-repeat 146px 116px;
}

div#pageContainer.console {
	background-image: none;
}

h1, h2, h3, h4, p, ul, ol, li, a {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.red, .red a {
	color: #9a424f;
}

.green_lt, .green_lt a {
	color: #7d8f4b;
}

.green_dk, .green_dk a {
	color: #5a6f3c;
}

.brown, .brown a {
	color: #503731;
}

.orange, .orange a {
	color: #c26333;
}

@-webkit-keyframes navrock {
	from {
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
}

to {
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
}
}

/* @end */

/* @group header */

div#header {
	position: absolute;
	top: 0;
	left: 0;
}

div#header h1 {
	position: absolute;
	top: 5px;
	left: 4px;
}

div#header h1 a {
	display: block;
	background-image: url(../img/header-logo.png);
	width: 258px;
	height: 0;
	padding-top: 155px;
	overflow: hidden;
}

div#brandNew {
	background-image: url(../img/header-metal-plate.png);
	width: 162px;
	height: 75px;
	position: absolute;
	left: 530px;
	top: 45px;
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	padding: 15px 20px;
}

div#brandNew h3 {
	color: #9a424f;
	text-transform: uppercase;
	font: normal normal 19px/21px "ClarendonBlack", Georgia, "Times New Roman", Times, serif;
}

div#brandNew p {
	color: #fff;
	font: bold 14px/16px "Clarendon", Georgia, "Times New Roman", Times, serif;
}

div#newsJustIn {
	width: 112px;
	height: 145px;
	background: url(../img/header-torn-paper.png) no-repeat;
	position: absolute;
	top: 30px;
	left: 740px;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	padding: 20px 40px;
}

#newsJustIn h3 {
	font: 13px/19px Sean, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
}

#newsJustIn p {
	font: 13px/19px Sean, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #9a424f;
}

/* @end */

/* @group global navigation */

div#globalNav {
	position: absolute;
	top: 170px;
	width: 195px;
}

div#globalNav p {
	background-image: url(../img/nav-hint.png);
	width: 132px;
	height: 0;
	padding-top: 45px;
	overflow: hidden;
	margin-left: 20px;
}

#globalNav ul {
	list-style-type: none;
	position: absolute;
	top: 40px;
	left: 0;
}

#globalNav ul li {
	
}

#globalNav ul li a {
	display: block;
	width: 195px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 0;
}

#globalNav ul li a.active {
	-webkit-animation-name: navrock;
	-webkit-animation-duration: .1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}

#globalNav ul li a:hover {
	background-position: -195px 0;
}

a#navEvents {
	background-image: url(../img/nav-events.png);
	padding-top: 61px;
	height: 0;
	top: 0;
}

a#navPick {
	background-image: url(../img/nav-pick.png);
	padding-top: 71px;
	height: 0;
	top: 50px;
}

a#navTea {
	background-image: url(../img/nav-tea.png);
	padding-top: 62px;
	height: 0;
	top: 110px;
}

a#navJam {
	background-image: url(../img/nav-jam.png);
	padding-top: 84px;
	height: 0;
	top: 150px;
}

a#navFarm {
	background-image: url(../img/nav-farm.png);
	padding-top: 49px;
	height: 0;
	top: 220px;
}

a#navGroups {
	background-image: url(../img/nav-groups.png);
	padding-top: 66px;
	height: 0;
	top: 260px;
}

a#navContacts {
	background-image: url(../img/nav-contacts.png);
	padding-top: 61px;
	height: 0;
	top: 315px;
}

/* @end */

/* @group home page */

div#homeIntro {
	position: absolute;
	top: 180px;
	left: 210px;
	width: 650px;
}

#homeIntro h2 {
	font: bold 34px/38px "Clarendon", Georgia, "Times New Roman", Times, serif;
	color: #9a424f;
}

div#homeContent {
	width: 380px;
	position: absolute;
	left: 210px;
	top: 310px;
}

#homeContent p {
	font: 15px/22px "Clarendon", Georgia, "Times New Roman", Times, serif;
	color: #7d8f4b;
	margin-bottom: 20px;
}

span.homePop {
	color: #503731;
	font: bold 29px/31px "Clarendon", Georgia, "Times New Roman", Times, serif;
}

#homeContent p strong {
	color: #5a6f3c;
}

#homeContent p.homeEventsLink a {
	font: bold 25px/28px "Clarendon", Georgia, "Times New Roman", Times, serif;
	color: #9a424f;
	text-decoration: none;
}

/* @end */

/* @group side pictures */

#sidePictures {
	position: absolute;
	top: 320px;
}

body#bHome #img1 {
	left: 590px;
	top: 20px;
	z-index: 10;
	position: absolute;
	width: 180px;
}

body#bHome #img2 {
	left: 750px;
	top: 00px;
	z-index: 5;
	position: absolute;
	width: 200px;
}

body#bHome #img3 {
	left: 670px;
	top: 115px;
	position: absolute;
	width: 245px;
}

body#bHome #img4 {
	display: none;
}

body#bEvents #img1 {
	left: 700px;
	top: -10px;
	z-index: 10;
	position: absolute;
	width: 250px;
}

body#bEvents #img2 {
	left: 670px;
	top: 150px;
	z-index: 20;
	position: absolute;
	width: 270px;
}

body#bEvents #img3 {
	display: none;
}

body#bEvents #img4 {
	display: none;
}

body#bPick #img1 {
	left: 670px;
	top: -80px;
	z-index: 10;
	position: absolute;
	width: 240px;
}

body#bPick #img2 {
	left: 680px;
	top: 50px;
	z-index: 20;
	position: absolute;
	height: 150px;
}

body#bPick #img3 {
	left: 680px;
	top: 185px;
	position: absolute;
	width: 200px;
	z-index: 30;
}

body#bPick #img4 {
	display: none;
}

body#bTea #img1 {
	left: 670px;
	top: -80px;
	z-index: 30;
	position: absolute;
	width: 160px;
}

body#bTea #img2 {
	left: 690px;
	top: 20px;
	z-index: 10;
	position: absolute;
	width: 220px;
}

body#bTea #img3 {
	left: 680px;
	top: 165px;
	position: absolute;
	width: 220px;
	z-index: 20;
}

body#bTea #img4 {
	display: none;
}

body#bJam #img1 {
	left: 670px;
	top: -50px;
	z-index: 10;
	position: absolute;
	width: 300px;
}

body#bJam #img2 {
	left: 690px;
	top: 150px;
	z-index: 20;
	position: absolute;
	width: 180px;
}

body#bJam #img3 {
	display: none;
}

body#bJam #img4 {
	display: none;
}

body#bFarm #img1 {
	left: 670px;
	top: -50px;
	z-index: 10;
	position: absolute;
	width: 280px;
}

body#bFarm #img2 {
	left: 670px;
	top: 110px;
	z-index: 30;
	position: absolute;
	width: 140px;
}

body#bFarm #img3 {
	left: 740px;
	top: 175px;
	position: absolute;
	width: 180px;
	z-index: 20;
}

body#bFarm #img4 {
	display: none;
}

body#bGroups #img1 {
	left: 670px;
	top: -20px;
	z-index: 10;
	position: absolute;
	width: 160px;
}

body#bGroups #img2 {
	left: 670px;
	top: 90px;
	z-index: 20;
	position: absolute;
	width: 160px;
}

body#bGroups #img3 {
	left: 810px;
	top: 115px;
	position: absolute;
	width: 160px;
	z-index: 30;
}

body#bGroups #img4 {
	display: none;
}

body#bContacts #img1 {
	left: 680px;
	top: -120px;
	z-index: 20;
	position: absolute;
	width: 140px;
}

body#bContacts #img2 {
	left: 790px;
	top: -50px;
	z-index: 30;
	position: absolute;
	width: 200px;
}

body#bContacts #img3 {
	left: 670px;
	top: -25px;
	position: absolute;
	width: 180px;
	z-index: 40;
}

body#bContacts #img4 {
	left: 690px;
	top: 85px;
	position: absolute;
	width: 245px;
	z-index: 10;
}

/* @end */

/* @group footer */

div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 980px;
}

#footer h5 {
	background-image: url(../img/bg-made-in-uk-stamp.png);
	width: 675px;
	height: 0;
	padding-top: 126px;
	overflow: hidden;
	position: absolute;
	bottom: 30px;
	left: 60px;
}

#footer p {
	position: absolute;
	bottom: 0;
	left: 800px;
}

/* @end */

/* @group content */

div#pageIntro {
	position: absolute;
	top: 180px;
	left: 210px;
	width: 650px;
}

div#pageIntro h2 {
	background-repeat: no-repeat;
	width: 590px;
	overflow: hidden;
	height: 0;
}

body#bEvents #pageIntro h2 {
	background-image: url(../img/header-events.png);
	padding-top: 55px;
}

body#bPick #pageIntro h2 {
	background-image: url(../img/header-pick.png);
	padding-top: 69px;
}

body#bTea #pageIntro h2 {
	background-image: url(../img/header-tea.png);
	padding-top: 53px;
}

body#bJam #pageIntro h2 {
	background-image: url(../img/header-jam.png);
	padding-top: 65px;
}

body#bFarm #pageIntro h2 {
	background-image: url(../img/header-farm.png);
	padding-top: 47px;
}

body#bGroups #pageIntro h2 {
	background-image: url(../img/header-groups.png);
	padding-top: 61px;
}

body#bContacts #pageIntro h2 {
	background-image: url(../img/header-contacts.png);
	padding-top: 53px;
}

div#pageIntro p {
	font: bold 13px/18px "Clarendon", Georgia, "Times New Roman", Times, serif;
	color: #9a424f;
	width: 450px;
}

div#pageContent {
	width: 440px;
	position: absolute;
	left: 210px;
	top: 245px;
	height: 350px;
	overflow: auto;
	padding-right: 10px;
}

div#pageContent p {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 5px;
	font-weight: bold;
}

div#pageContent ul {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 5px;
	font-weight: bold;
	padding-left: 30px;
}

div#pageContent h3 {
	font-size: 15px;
	line-height: 19px;
}

div#scrollHint {
	width: 82px;
	height: 0;
	padding-top: 40px;
	z-index: 100;
	position: absolute;
	top: 230px;
	left: 670px;
	background: url(../img/scroll-hint.png) no-repeat;
}

body#bEvents div#scrollHint {
	top: 280px;
}

/* @end */

/* @group events */

body#bEvents div#pageContent {
	top: 300px;
	height: 290px;
}

body#bEvents div#pageContent p {
	
}

div.eventItem {
	margin-bottom: 15px;
}

p.eventDate {
	color: #7d8f4b;
	font-weight: bold;
	font-size: 11px;
	width: 120px;
	float: left;
	line-height: 15px;
}

div.eventContent {
	float: left;
	width: 300px;
}

div.eventContent h4 {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 15px;
}

div.eventContent p {
	
}

/* @end */

/* @group groups */

div#note1 {
	background-image: url(../img/torn-note-1.png);
	position: absolute;
	top: -60px;
	left: 790px;
	z-index: 50;
	padding: 40px 35px 35px 40px;
	width: 200px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	height: 130px;
}

div#note2 {
	background-image: url(../img/torn-note-2.png);
	position: absolute;
	top: 180px;
	left: 650px;
	z-index: 50;
	padding: 35px;
	width: 200px;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	height: 90px;
}

div.tornNote {
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.tornNote p {
	font: 13px/19px Sean, "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
}



/* @end */

/* @group contacts */

body#bContacts div#pageContent {
	height: 380px;
}

div#pageContent p.contact {
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 0;
}

div#pageContent p.contact span {
	font-size: 21px;
}

div#mapContainer {
	background-color: #ccc;
	width: 430px;
	height: 220px;
	margin-top: 10px;
	text-align: center;
	position: relative;
}

div#contactMapCanvas {
	background-color: #ccc;
	width: 430px;
	height: 220px;
	margin-top: 10px;
	text-align: center;
}

div#mapContainer a {
	font-size: 11px;
	color: #c26333;
	font-weight: bold;
	position: relative;
}

/* @end */

/* @group flexscroll */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
	width: 10px;
	background: url(../img/scrollbar-v.png) repeat-y -10px 0;
}

.vscrollerbarbeg {
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
	height: 5px !important;
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
	width: 10px;
	background: url(../img/scrollbar-v.png) no-repeat -30px 0;
}

.vscrollerbarend {
/* height of this element should be set */
	height: 5px;
	width: 10px;
	background: url(../img/scrollbar-v.png) no-repeat -30px -5px;
}

.vscrollerbase {
	width: 10px;
	background: url(../img/scrollbar-v.png) repeat-y 0 0;
}

.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
	width: 10px;
	height: 5px !important;
/*Again, the safari fix, normally this line is not needed.*/
	background: url(../img/scrollbar-v.png) no-repeat -20px 0;
}

.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
	height: 5px;
	width: 10px;
	background: url(../img/scrollbar-v.png) no-repeat -20px -5px;
}

.hscrollerbase {
	height: 10px;
	background-color: #fff;
}

.hscrollerbar {
	height: 10px;
	background-color: #666;
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 5px;
z-index: 2;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background-color: gray;
}

/* @end */

/* @group admin */

div#consoleContainer {
	background-color: #fff;
	padding: 20px;
	position: relative;
	top: 160px;
	border: 1px solid #999;
}



/* @end */