@charset "utf-8";
/* 
 * Optimal Essentials
 * Main Screen CSS
 * Copyright 2008 Plastyk Studios <joseph@plastyjk.com.au>
 */

/* html redefines */
body,td,th,li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
}

body {
	background-color: #363636;
	margin: 0;
}

a, input.button {
	outline: none;
}

/* common classes */

.clear {
	clear: both;
}

.nodisplay {
	display: none;
}

/* site styles */
#site {
	width: 927px;
	margin: 0 auto;
	padding: 0 14px 0 8px;
	background: url(../images/interface/site_bg.gif) repeat-y;
}
	#site #container {
		width: 927px;
	}

	/* header */
	#site #header {
		width: 927px;
		height: 127px;
		position: relative;
		z-index: 10;
	}
	
		#site #header #leaf1 {
			width: 199px;
			height: 224px;
			position: absolute;
			right: -56px;
			top: -22px;
			background: url(../images/interface/leaf1.png) no-repeat;
			z-index: 99;
		}

		#site #header #logo {
			width: 341px;
			height: 63px;
			position: absolute;
			left: 44px;
			top: 44px;
			background: url(../images/interface/oe_logo.gif) no-repeat;
			cursor: pointer;
		}

	/* main navigation */
	#site #navigation {
		height: 40px;
		background: url(../images/interface/navigation_bg.gif) repeat-x;
	}
	
		#site #navigation ul {
			list-style-type: none;
			margin: 0 0 0 29px;
			padding: 0;
		}
		
			#site #navigation ul li {
				display: inline;
				margin: 0;
				padding: 0;
			}
			
				#site #navigation ul li a {
					display: block;
					float: left;
					color: #FFF;
					text-decoration: none;
					padding: 10px 15px;
					font-size: 14px;
				}
				
				#site #navigation ul li a:hover,
				#site #navigation ul li a:active {
					text-decoration: underline;
				}
				#site #navigation ul li.current a:hover,
				#site #navigation ul li.current a:active {
					text-decoration: none;
				}
				
				
				#site #navigation ul li a.first {
					
				}
				
				/* selected styles */
				
				#site #navigation ul li.current a#home,
				#site #navigation ul li.section a#home  {
					background: url(../images/interface/home_current.gif) no-repeat center center;
				}
				
				#site #navigation ul li.current a#products,
				#site #navigation ul li.section a#products  {
					background: url(../images/interface/products_current.gif) no-repeat center center;
				}
				
				#site #navigation ul li.current a#podcasts-3,
				#site #navigation ul li.section a#podcasts-3  {
					background: url(../images/interface/podcasts_current.gif) no-repeat center center;
				}
				
				#site #navigation ul li.current a#news,
				#site #navigation ul li.section a#news  {
					background: url(../images/interface/news_current.gif) no-repeat center center;
				}
				
				#site #navigation ul li.current a#vitamin-guide,
				#site #navigation ul li.section a#vitamin-guide  {
					background: url(../images/interface/vitamin-guide_current.gif) no-repeat center center;
				}
				
				#site #navigation ul li.current a#gallery,
				#site #navigation ul li.section a#gallery  {
					background: url(../images/interface/gallery_current.gif) no-repeat center center;
				}
				
				#site #navigation ul li.current a#about-us,
				#site #navigation ul li.section a#about-us  {
					background: url(../images/interface/about-us_current.gif) no-repeat center center;
				}
				
				#site #navigation ul li.current a#contact,
				#site #navigation ul li.section a#contact  {
					background: url(../images/interface/contact_current.gif) no-repeat center center;
				}
				
	/* main */
	#site #main {
		background: url(../images/interface/main_bg.jpg) repeat-x top left;
		position: relative;
		width: 927px;
	}
	
	#site #main #leaf2 {
		position: absolute;
		width: 166px;
		height: 328px;
		background: url(../images/interface/leaf2.gif) no-repeat;
		left: -50px;
		top: 50px;
	}
	
#bottom {
	background: url(../images/interface/site_bottom_bg.gif) no-repeat;
	width: 949px;
	height: 37px;
	margin: 0 auto;
}

#footer {
	text-align: center;
	/*margin: 0 0 50px 0;*/
	padding: 0px 0 50px 0;
}
		
	#footer ul {
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		width: 500px;
	}

		#footer ul li {
			float: left;
			background: url(../images/interface/footer_li_bg.gif) no-repeat right center;
			color: #C3C3C3;
			padding: 0 5px;
		}
		
		#footer ul li.last {
			background: none;
		}

			#footer ul li a {
				display: block;
				float: left;
				/*padding: 0 2px;*/
				color: #C3C3C3;
				text-decoration: none;
			}
			
			#footer ul li a:hover, #footer ul li a:active {
				text-decoration: underline;
			}	


/* common styles */
a.black-button {
	display: block;
	width: 81px;
	height: 31px;
	background: url(../images/interface/black_button.png) no-repeat;
	color: #FFF !important;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 0 0 18px;
}

#signup-button {
	width: 77px;
	padding: 5px 0 0 24px;
}

a.go-button {
	display: block;
	width: 39px;
	height: 33px;
	background: url(../images/interface/black_button_tiny.png) no-repeat;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	padding: 7px 0 0 9px;
}

a.black-button:hover,
a.black-button:active,
a.go-button:hover,
a.go-button:active {
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

#main #content  .item {
	border-bottom: 2px solid #CCC;
	padding: 15px 0 20px 0;
	margin-bottom: 20px;;
}