body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #51612E;
	background: #E49507 url('images/background.jpg') top left repeat-x;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

a.more {
	padding-right: 12px;
	background: transparent url('images/arrow.gif') center right no-repeat;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-family: "comic sans ms", verdana, sans-serif;
	font-weight: bold;
	color: #649300;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

#wrapper {
	position: relative;
	width: 789px; /* 789px content width + 80px left and right padding */
	margin: 0 auto;
	padding: 0 40px;
	background: transparent url('images/trash.png') top repeat-y;
}

#photos {
	position: absolute;
	z-index: 2;
	top: 270px;
	right: 0px;
	width: 466px;
	height: 316px;
	/*background: transparent url('images/photos.png') top left no-repeat;*/
}
	
#header {
	position: relative;
	z-index: 3;
	height: 244px;
	background: transparent url('images/header.jpg') top no-repeat;
}

	#header ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 0;
		left: 35px;
		background: transparent url('images/tab.jpg') center left no-repeat;
	}
	
		#header ul li {
			position: relative;
			float: left;
			list-style: none;
		}
			
			#header a {
				display: block;
				padding: 12px 12px 20px 12px;
				height: 11px;
				font-family: Tahoma, Arial, verdana, sans-serif;
				font-size: 13px;
				font-weight: bold;
				text-decoration: none;
				color: #FFF;
				background: transparent url('images/tab.jpg') center right no-repeat;
			}
			
			#header a:hover {
				color: #F8FF3C;
			}
			
			#header ul ul {
				display: none;
				width: 150px;
				position: absolute;
				top: 43px;
				left: 0;
			}
			
			#header ul li:hover ul {
				display: block;
			}
			
				#header ul li:hover ul a {
					width: 120px; /* 150px width - 30px left and right padding */
					height: auto;
					margin: 0;
					padding: 5px 15px;
					background: #90B111;
					border-top: 1px solid #EEE;
					opacity: .90;
				}

#supplements {
	padding: 44px 40px 40px 40px;
	background: #ECFF9E url('images/contents.jpg') top no-repeat;
}

	#benefits {
		margin: 15px 0 0 0;
		padding: 0;
	}
	
	#benefits li {
		position: relative;
		font-size: 14px;
		color: #74813E;
		list-style: none;
		padding: 6px 0 10px 40px;
	}
	
	#benefits li img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
#contents {
	position: relative;
	padding: 0px 40px 40px 40px;
	background: #F4FFC5 url('images/contents-trees.jpg') bottom left no-repeat;
}

	#mediacenter {
		position: absolute;
		top: 100px;
		left: 400px;
		width: 40%;
	}
		
		#mediacenter h3 {
			margin-bottom: 15px;
		}
		
		#mediacenter img {
			float: left;
			width: 60px;
			height: 60px;
			padding: 5px;
			margin-right: 15px;
			background: transparent url('images/media-image.jpg') left no-repeat;
		}
		
	#updates {
		width: 40%;
	}
	
		#updates ul {
			margin: 15px 0 0 0;
			padding: 0;
			list-style: none;
		}
		
		#updates p {
			margin-top: 3px;
		}
		
		#updates a, #mediacenter a {
			color: #559900;
		}
	
#footer {
	padding: 20px 40px;
	font-size: 10px;
	background: transparent url('images/footer.jpg') top no-repeat;
}

	#footer ul {
		float: right;
		margin: 0;
		padding: 0;
		list-style: none;
		word-spacing: 3px;
	}
	
	#footer li {
		display: inline;
	}
	
	#footer a {
		color: #6D7A2D;
	}
	
#pagelistings {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}

#pagelistings a {
	color: #559900;
}

#header form {
position:absolute;
top:15px;
right:15px;
border:0px;
}
#header .formElement {
background-color:white;
color:#649300;
border:1px solid #649300;
}
#header #logo {
width:280px;
height:175px;
position:absolute;
top:0px;
left:0px;
}
#header #logo a {
display:block;
width:280px;
height:175px;
text-decoration:none;
}
#container {
border:2px solid #649300;
width:400px;
height:300px;
padding:5px;
border-bottom:0px;
}
#frame {
width:575px;
height:435px;
background-image:url('images/frame.jpg');
padding-top:5px;
margin-left:70px;
}
#stpete {
background-image:url(images/stpete.jpg);
background-position:center;
background-repeat:no-repeat;
padding:2px;
border:2px solid #8CB21E;
width:254px;
height:104px;
margin-bottom:10px;
}
#stpete a {
display:block;
width:254px;
height:104px;
text-decoration:none;
}
#stpete a:hover {
background-image:url(images/stpeteover.jpg);
background-repeat:no-repeat;
background-position:center;

}