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

/************************ RESET ******************************/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/****************************************/


body {
	background-image: url(../images/backgroundtile.gif);
	background-repeat: repeat-x repeat-y;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	margin:25px;
	line-height: 1;
	color:#544125;	
}

p {
	line-height:1.3em;
	padding:.5em 0 1em 0;
	
}

input {
	top:115px;
	left:375px;
	font-size:10px;

}	



/**** Layout ****/


#container {
	width:960px;
	margin:auto;
	padding:0;
}

#page {
	margin:0 auto;
	min-height:100%;
	position:relative;
	width:980px;
}


#left {
	background-image: url(../images/left-side.png);
	background-repeat:no-repeat;
	z-index:1; 
	width:700px;
	min-height:800px;
	position:absolute;
    top:70px;
}

#email_form {

	height:65px;
	padding:18px 50px 0 0;;
	text-align:right;
}
	
#main {
	background-image: url(../images/top.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	left:275px;
	position:absolute;
	width:695px;
	z-index:4;
}

#slideshow {
	/* background-image: url(../images/slideshow-1.jpg);
	background-repeat:no-repeat; */
	float:left;
	height:225px;
	margin:32px 0 0 75px;
	width:330px;
}

#content {
	background-image: url(../images/content-background.png);
	background-repeat:repeat-y;
	padding:0px 75px;
	margin:325px 0 0 8px;
	min-height:500px;
}

#intro {
	margin:31px 0 0 5px;
	float:left;
}



#weather {
	background-image: url(../images/weather-box.png);
	background-repeat:no-repeat;
	min-height:89px;
	width:158px;
	padding:15px 0 0 18px;	
	margin-top:20px;
	text-align:right;
}

#map { 
   width:530px; 
   height:300px;
   margin:0;     
}

#footer {
	clear:both;
	background-image: url(../images/footer.png);
	background-repeat:no-repeat;
	margin:0 0 0 8px;
	min-height:93px	
}

#home-content, #recipes-content, #about-content  {
	min-height:300px;

}




/******************* nav menu **********************/

#nav {
	margin:110px 0 40px 103px;
	float:left;
}

#nav li {
	list-style:none;
	clear:both;
}

#nav li a {
	 text-indent: -9999px;
	 border: none;
	 padding: 0;
	 background: url(../images/menu.png);
	 margin:0;
	 height:32px;
	 width:62px;
	 float:left;

}


#nav li a#home:hover {
	background-position:0 73px;
}

#nav li a#about-our-strawberry-farm {
		background-position:-80px 0;
		height:75px;
		width:100px;
}

#nav li a#about-our-strawberry-farm:hover {
		background-position:-80px 73px;
		height:75px;
		width:100px;
}

#nav li a#recipes {
		background-position:-175px -10px;
		width:83px;
        height:26px;

}

#nav li a#recipes:hover {
		background-position:-175px 63px;
		width:83px;
        height:26px;
}

/********************** TEXT *************************/


h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#544125;
	padding-bottom: 10px;
}
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#544125;
}
h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#544125;
}


.intro {
	font-size:16px;
	font-style:italic;
	margin:10px 10px 10px 5px;
	color:#544125;
	border-bottom:#544125 1px dotted;
	padding:0 0 15px 0;
}