* { margin: 0;
	padding: 0;

	}


html, body {
			width: 100%;
			height: 100%;
			text-align: center;}
			
body {font-family: helvetica;
		color: #000; }


.title {font-family: 'Ovo', serif;
		font-size: 50;
		color: #ffffff;}
		
.smalltitle {font-family: 'Ovo', serif;
		font-size: 10;
		color: #ffffff;}
		
.subtitle {font-family: 'Open Sans Condensed', sans-serif;
			font-size: 30;
			color: #ffffff;}
			
			
/*************************INTRO PAGE***************************/	
			
.introtitle {font-family: 'Ovo', serif;
		font-size: 14;
		color: #000000;
		padding: 10px;}


.introsub {font-family: 'Open Sans Condensed', sans-serif;
			font-size: 20;
			color: #000000;}
			
.introtext {position: relative;
			top: 100px;
			}
			
#introimage {position: relative;
			top: 140px
			}

	
.introbody {position: relative;
			width:550px;
			right: 340px;
			text-align:left;
			top: 220px;
			float: right;
			}

.intropari {padding: 20px 0 0 0;}

.list {padding:10px 0 0 0;}
.introhead {padding: 40px 0 0 0;}


.introbodytext {font-family: 'Ovo', serif;
		font-size: 18;
		color: #000000;}
		
.tiny {font-family: 'Ovo', serif;
		font-size: 12;
		color: #000000;
		padding: 20px 0 0 0;}

#bold { font-family: 'Open Sans Condensed', sans-serif;
			font-size: 25;
			color: #000000;}
			

.introfooter {float: left;
	position: relative;
	padding: 0 0 80px 0;
	left: -445px;
	top: 80px;
	}

.growguide {display: block;
			clear: left;  
			margin: auto;
			float: left;
			padding: 80px 0 80px 0;
			}
/*************************HERB PAGE***************************/	
			
.herbtitle {font-family: 'Ovo', serif;
		font-size: 14;
		color: #000000;}


.herbsub {font-family: 'Open Sans Condensed', sans-serif;
			font-size: 20;
			color: #000000; padding: 85px 0 0 0;}
			
#italic {font-family: 'Arapey', serif; font-size: 40;
			color: #000000; padding: 35px 0 30px 0;}
			
.herbtext {position: relative;
			top: 100px;
			}
			
#herbimage {position: relative;
			padding: 90px 60px 0px 360px;
			float: left;
			margin: 10px;
			}
			
.herbbodytext {display: block;
	clear: left}
	
.buttoncontainer {dispaly: block; clear: left}
	
.herbbody {position: relative;
			width:960px;
			margin: 0 auto;
			text-align:left;
			top: 0px;
			}
.button {float: left; padding: 10px 5px 10px 0px;}

.herbpari {padding: 20px 0 0 0;}
.herbhead {padding: 40px 0 0 0;}


.herbbodytext {font-family: 'Ovo', serif;
		font-size: 18;
		color: #000000;}

#bold { font-family: 'Open Sans Condensed', sans-serif;
			font-size: 30;
			color: #000000;}
			

.herbfooter {float: left;
	position: relative;
	padding: 0 0 30px 0;
	left: 350px;
	top: 80px;
	}

/*************************NAVIGATION***************************/

#top_nav li:hover ul {
	display: block;
}


#top_nav {
	display: block;
	position: fixed;
	z-index: 15;
	background-color: #ebe9e3 !important;
	height: 48px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 7px 0;
	top: -1px;
}


#top_nav ul {
	margin: 0px;
	padding: 0px;
	
}

#top_nav li {
	position: relative;
	float: left;
	list-style-type: none;
}


#top_nav ul:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	
}
 

#top_nav li a {
	text-decoration: none;
	color: black;
	display: block;
	left: 30px;
	padding: 10px 25px; 
}

#top_nav ul ul {
	display: none;
	background-color: #ebe9e3; 
	top: 10px;
	width:200px;
	z-index: -1;
		}

	
#top_nav ul ul li a {
		border-right: none;
		text-decoration: none;
		color: black;
	}

#navtext {font-family: 'Arapey', serif; font-size: 14;
			color: #000000; padding: text-align: center; 35px 0 30px 0;}

.menubutton {float: left; 
		position: relative;
		margin: 0 !important;
		left: 30px;
		}	
.logobutton {position: fixed;
		left:885px;
		margin: 0 !important;
		}

/*************************SLIDER***************************/

#slider {
	width: 960px;
	height: 560px;
	margin: 0 auto;
	margin-top: 90px;
	//padding: 120px 0 0 0;
}

.mainimage{
	position: relative;
	top: -400px;
	z-index: 14;
}

.maintitle{
	position: relative;
	top: -360px;
	z-index: 14;
}
/*************************GRID***************************/

.img {float: right;
		}


.img2 {float:right;}


div.clearer { 
clear: both;  
height: 0px; 
} 

.container {
width: 960px;
margin: 0px auto;
position: relative;
top: -200px;
}



.footer {float: left;
	position: relative;
	padding: 0 0 -10px 0;
	left: -145px;
	top: 100px;
	}