/* CSS DISPLAY SCREEN YEW TREE FARM */

/* ---------- 1.0 MISC ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
html {
	height:100%;
	width:100%;
	}
	
body {
	color:#666;
	font:14px "Georgia", Times New Roman, Times, serif;
	text-align:left;
	background:url(images/background_cream.jpg) fixed;
	height:100%;
	}

body#farm {
	height:1200px;
	}

.end {
	clear:both;
	list-style:none;
	font-size:1em;
	text-indent:-2000em;
	line-height:0;
	display:block;
	}

#bodyContentRepeat {
	background: url(images/wood_repeat.jpg) 0 -6px repeat-y;
	height:100%;
	width:100%;
	}

#bodyTopRepeat {
	background: url(images/header_repeat.jpg) 200px 0 repeat-x;
	height:100%;
	width:100%;
	}
	
#bodyTop {
	background: url(images/header.jpg) 0 0 no-repeat;
	height:100%;
	width:975px;
	}

#environment #bodyTop {
	background: url(images/header_environment.jpg) 0 0 no-repeat;
	height:100%;
	width:975px;
	}
	
#bodyContent {
	height:100%;
	width:975px;
	}
	
#home #bodyContent {
	background: url(images/background_home.jpg) 665px 115px no-repeat;
	}
	
#produce.pageOne #bodyContent {
	background: url(images/background_produce1.jpg) 665px 115px no-repeat;
	}
	
#produce.pageTwo #bodyContent {
	background: url(images/background_produce2.jpg) 630px 150px no-repeat;
	}
	
#environment #bodyContent {
	background: url(images/background_environment.jpg) 398px 124px no-repeat;
	}
	
#container {
	width:975px;
	text-align:left;
	height:100%;
	}

/* ---------- 1.0 HEADER ---------- */

#header {
	height:124px;
	}

#home #header {
	background: url(images/topcorner_home.jpg) 0 0 no-repeat;
	}
	
#produce #header {
	background: url(images/topcorner_produce.jpg) 0 0 no-repeat;
	}
	
#farm #header {
	background: url(images/topcorner_down_farm.jpg) 0 0 no-repeat;
	}
	
#environment #header {
	background: url(images/topcorner_environment.jpg) 0 0 no-repeat;
	}
	
#directions #header {
	background: url(images/topcorner_directions.jpg) 0 0 no-repeat;
	}

	/* ---------- 1.1 LOGO ---------- */
	
	#logo {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		width:223px;
		height:93px;
		position:absolute;
		left:692px;
		top:0;
		}
	
	#logo a {
		width:223px;
		height:93px;
		display:block;
		text-decoration:none;
		cursor:pointer;
		}

	/* ---------- 1.2 CONTACT DETAILS ---------- */
	
	#contactDetails .phone {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		width:193px;
		height:27px;
		position:absolute;
		left:180px;
		top:22px;
		background: url(images/phone_number.jpg) 0 0 no-repeat;
		}
	
	#contactDetails .email {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		width:193px;
		height:23px;
		position:absolute;
		left:175px;
		top:52px;
		}
		
	#contactDetails .email a {
		display:block;
		width:193px;
		height:23px;
		background: url(images/email_shop_off.jpg) 0 0 no-repeat;
		}
		
	#contactDetails .email a:hover {
		background: url(images/email_shop_off.jpg) 0 -23px no-repeat;
		}

/* ---------- 2.0 CONTENT ---------- */

#content {
	width:975px;
	}

	/* ---------- 2.1 COLLEFT ---------- */
	
	#colLeft {
		width:138px;
		float:left;
		}		
		
		/* ---------- 2.1.1 SlideMenu ---------- */
		
		#menu {
			margin-top:3px;
			}
			
		#menu h3 {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			display:block;
			position:absolute;
			top:-500px;
			}
			
		#menu li {
			display:block;
			width:138px;
			margin-bottom:10px;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			}
			
		#menu li a {
			display:block;
			width:138px;
			}
			
		#menu li.home a  {
			background: url(images/link_home.jpg) 0 0 no-repeat;
			height:27px;
			}
			
		#menu li.home a:hover, #menu li.home a.selected  {
			background-position:0 -27px;
			}
			
		#menu li.produce a  {
			background: url(images/link_produce.jpg) 0 0 no-repeat;
			height:29px;
			}
			
		#menu li.produce a:hover, #menu li.produce a.selected  {
			background-position:0 -29px;
			}
			
		#menu li.farm a  {
			background: url(images/link_down_on_farm.jpg) 0 0 no-repeat;
			height:46px;
			}
			
		#menu li.farm a:hover, #menu li.farm a.selected  {
			background-position:0 -46px;
			}
			
		#menu li.environment a  {
			background: url(images/link_environment.jpg) 0 0 no-repeat;
			height:27px;
			}
			
		#menu li.environment a:hover, #menu li.environment a.selected  {
			background-position:0 -27px;
			}
			
		#menu li.directions a  {
			background: url(images/link_directions_hours.jpg) 0 0 no-repeat;
			height:46px;
			}
			
		#menu li.directions a:hover, #menu li.directions a.selected  {
			background-position:0 -46px;
			}

	/* ---------- 2.2 COLRIGHT ---------- */
	
	#colRight {
		width:795px;
		float:right;
		}
		
	#farm #colRight .innerColLeft {
		width:560px;
		float:left;
		border-right:2px solid #9f8a6f;
		}

	#environment #colRight .innerColLeft {
		width:360px;
		float:left;
		}
		
	#farm #colRight .innerColLeftWrapper {
		padding-right:10px;
		}
		
	#farm #colRight .innerColRight {
		width:210px;
		float:right;
		padding-top:30px;
		}
		
	#environment #colRight .innerColRight {
		width:325px;
		float:right;
		padding-top:155px;
		}
	
	.frameRepeat {
		margin-top:50px;
		float:right;		
		width:259px;
		background: url(images/white_frame_repeat.jpg) 0 0 repeat-y;
		}
		
	.frameTop {		
		width:259px;
		background: url(images/white_frame_top.jpg) 0 0 no-repeat;
		}	
		
	.frameBottom {		
		width:259px;
		background: url(images/white_frame_bottom.jpg) 0 100% no-repeat;
		padding:23px 21px 23px 22px;
		}
		
	.frameBigRepeat {
		float:right;		
		width:486px;
		background: url(images/white_big_frame_repeat.jpg) 0 0 repeat-y;
		}
		
	.frameBigTop {		
		width:486px;
		background: url(images/white_big_frame_top.jpg) 0 0 no-repeat;
		}	
		
	.frameBigBottom {		
		width:486px;
		background: url(images/white_big_frame_bottom.jpg) 0 100% no-repeat;
		padding:22px 21px 24px 25px;
		}	
		
	.frameBigBottom a {		
		color:rgb(90,61,28) !important;
		border-bottom:1px dotted rgb(90,61,28) !important;
		text-decoration:none !important;
		}	
		
		/* ---------- 2.2.1 MAIN CONTENT ---------- */
			
		
		#colRight .mainContent {
			line-height:1.5em;
			}
		
		#home .mainContent, #produce .mainContent {
			padding-right:350px;
			}

		#farm #colRight .mainContent {
			width:288px;
			float:left;
			padding-bottom:60px;
			}
		
		#colRight .mainContent h1 {
			margin:1em 0 0.5em 0;
			font-size:22px;
			font-weight:lighter;
			}
			
		#colRight .mainContent h2 {
			margin:0 0 0.5em 0;
			font-size:17px;
			}
			
		#colRight .mainContent a {
			color:rgb(90,61,28);
			border-bottom:1px dotted rgb(90,61,28);
			text-decoration:none;
			}
			
		#home .mainContent h1, #home .mainContent strong {
			color:rgb(50, 150, 170);
			}
			
		#produce .mainContent h1, #produce .mainContent strong, #produce .mainContent a {
			color:rgb(190, 0, 0);
			border-bottom-color:rgb(190, 0, 0);
			}
			
		#farm .mainContent h1, #farm .mainContent h2, #farm .mainContent strong, #farm .mainContent a {
			color:rgb(0, 84, 143);
			border-bottom-color:rgb(0, 84, 143);
			}
			
		#environment .mainContent h1, #environment .mainContent h2, #environment .mainContent strong, #environment .mainContent a {
			color:#006b33;
			border-bottom-color:#006b33;
			}
			
		#directions .mainContent h1, #directions .mainContent h2{
			color:rgb(255, 127, 0);
			}
			
		#colRight .mainContent p {
			margin-bottom:0.5em;			
			}
			
		#directions #colRight .mainContent p {
			margin-bottom:0.2em;			
			}
	
		#colRight .mainContent ul {
			margin:0 0 1.7em 16px;
			}
	
		#colRight .mainContent li {
			list-style:disc;
			margin-bottom:0.4em;
			color:#BBB297;
			}
			
		#colRight .mainContent a.more {
			font-size:16px;
			}
			
		
		/* ---------- 2.2.2 ARTICLE MENU ---------- */
		
		#colRight .innerColRight h2 {
			margin:0 0 0.5em 0;
			font-size:17px;
			color:rgb(0, 84, 143);
			}
			
		#colRight .innerColRight .articles li {
			list-style:none;
			margin-bottom:14px;
			}
			
		#colRight .innerColRight .articles  a {
			color:#796042;
			border-bottom:1px dotted rgb(90,61,28);
			text-decoration:none;
			}
		
		/* ---------- 2.2.3 LABEL ---------- */
		
		#colRight .innerColRight .label {
			font-size:13px;
			font-family:Arial, Helvetica, sans-serif;
			line-height:1.5em;
			padding-right:45px;
			}
		
		#colRight .innerColRight .label h1 {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			position:absolute;
			}
		
		#colRight .innerColRight .label h2 {
			margin:0 0 0.3em 0;
			font-size:13px;
			color:#006b33;
			}
			
		#colRight .innerColRight .label p {
			margin:0 0 0.3em 0;
			}
		

/* ---------- 3.0 FOOTER ---------- */
	#footer {
		position:fixed;
		_position:absolute;
		bottom:0;
		left:0;
		_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
		background:#000;
		color:#fff;
		display:block;
		width:100%;
		z-index: 100;
		margin:0;
		padding:0;
		height:63px;
		background:url(images/footer.png) 0 0 no-repeat;
		}
		
	#footer p{
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		}

/* ---------- 4.0 DUCK ---------- */

	#duck {
		position:fixed;
		_position:absolute;
		bottom:0;
		left:620px;
		_top:expression(-37+document.body.scrollTop+document.body.clientHeight-this.clientHeight);
		background:#000;
		color:#fff;
		display:block;
		width:161px;
		z-index: 50;
		margin:0;
		padding:0;
		margin-bottom:37px;
		height:136px;
		background:url(images/duck.png) 0 0 no-repeat;
		}