@charset "utf-8";
/* css created by BatesMeron sweet design 04/21/09 */


body {
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/bg_tile.gif);
	background-repeat: repeat;
}

a {
	outline: none;
}

.wrap {
	position: relative;
	width: 810px;
	min-height: 100%;
	margin: 0px auto 0px auto;
	background-image: url(../../images/wrap_bg_tile.gif);
	background-repeat: repeat-x;
	background-color: #d4dbb5;
	overflow: hidden;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	color: #666;
}

.headline_orange {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 15px;
	font-weight: bold;
	line-height: 140%;
	color: #f78f1e;
}

.orange {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	color: #F78F1E;
}

.header {
	float: right;
	width: 810px;
	height: 260px;
}

.logo {
	float: right;
	margin: 56px 36px 0px 0px;
	padding: 0px;
	width: 543px;
	height: 110px;
	border: 1px solid #f78f1e;
	background-color: #fff;
}

.inner_logo {
	float: right;
	margin: 30px 61px 0px 0px;
	width: 423px;
	height: 58px;
}

#breadfruit_image {
	position: absolute;
	top: 56px;
	left: 28px;
}

#tag_line {
	position: absolute;
	top: 212px;
	right: 95px;
}

.content {
	float: right;
	background-image: url(../../images/content_bg_tile.gif);
	background-repeat: repeat-y;
	width: 738px;
	border: 1px solid #f78f1e;
	margin: 0px 36px 0px 0px;
}

#home_image {
	position: absolute;
	top: 318px;
	right: 20px;
}

#ntbg_logo {
	position: absolute;
	left: 65px;
	bottom: 80px;
}

.copy_right {
	float: right;
	width: 568px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 12px;
	color: #666;
	line-height: 140%;
}

.copy_right a:link, .copy_right a:visited {
	text-decoration: none;
	color: #666;
}

.copy_right a:hover {
	text-decoration: underline;
	color: #666;
}

.quote {
	width: 225px;
	float: right;
	margin-right: 10px;
	font: Georgia;
	/*font-size: 12px;*/
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	color: #f78f1e;
}

.copy_left {
	float: left;
	width: 170px;
}

.home_callout {
	height: 240px; 
	width: 130px; 
	margin: 52px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	background-image: url(../../images/home_page_callout_bg2.gif); 
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 11px;
	color: #666;
}

.facts_callout {
	height: 240px; 
	width: 130px; 
	margin: 52px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	background-image: url(../../images/home_page_callout_bg2.gif); 
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 11px;
	color: #666;
}

.order_callout {
	height: 325px; 
	width: 130px; 
	margin: 52px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	background-image: url(../../images/home_page_callout_bg2.gif); 
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 11px;
	color: #666;
}

#form td {
	vertical-align: top;
	padding-bottom: 5px;
}

#form a:link, #form a:visited {
	text-decoration: none;
}

#form a:hover {
	text-decoration: none;
	color: #F78F1E;
}

.input1 {
	width: 175px;
}

.table_home {
	 border-collapse: collapse; 
	 margin-top: 37px; 
	 margin-left: 25px; 
	 height: 500px;"
}


/* FOOTER */

.footer {
	float: right;
	clear: both;
	background-color: #d4dbb5;
	width: 810px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 11px;
	color: #93a445;
}

.footer_copy_left {
	float: left; 
	width: 250px;
	margin-left: 40px; 
	margin-top: 15px;
}

.footer_copy_right {
	text-align: right;
	float: right; 
	width: 250px;
	margin-top: 15px; 
	margin-right: 40px;
}

.footer_copy_right a:link, .footer_copy_right a:visited {
	text-decoration: none;
	color: #93A445;
}

.footer_copy_right a:hover {
	text-decoration: none;
	color: #fff;
}


/* PEOPLE PAGE */

.content2 {
	float: right;
	position: relative;
	background-image: url(../../images/content_bg_tile.gif);
	background-repeat: repeat-y;
	width: 738px;
	height: 500px;
	border: 1px solid #f78f1e;
	margin: 0px 36px 0px 0px;
}

.copy_right_bio {
	float: right;
	width: 568px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 12px;
	color: #666;
	line-height: 140%;
}

.copy_right_bio a:link, .copy_right_bio a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #454545;
}

.copy_right_bio a:hover {
	text-decoration: none;
	color: #F78F1E;
}

.copy_left_bio {
	float: left;
	width: 170px;
	height: 380px;
	background-image: url(../../images/sub_nav/sub_bg.gif);
	background-repeat: no-repeat;
}


/* SUB NAV PEOPLE */

.copy_left_bio ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.copy_left_bio ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

 /*-- Hides Image Link Names --*/ 
.copy_left_bio ul li a span {
	display:none;
}

 /*-- Rollover Blocks --*/ 
.copy_left_bio ul li a {
   width: 170px;
	height:30px;
	margin:0px;
	padding:0px;
	display: block;
}

#murch a {
	position: absolute;
	top: 279px;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
}

#murch a:hover {
	background-image: url(../../images/sub_nav/dr_susan_murch_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#murch_active {
	position: absolute;
	top: 279px;
	left: 0;
}

#ragone a {
	position: absolute;
	top: 323px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
}

#ragone a:hover {
	background-image: url(../../images/sub_nav/dr_diane_ragone_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#ragone_active {
	position: absolute;
	top: 323px;
	left: 0;
}

#feldhoff a {
	position: absolute;
	top: 63px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
}

#feldhoff a:hover {
	background-image: url(../../images/sub_nav/dr_axel_feldhoff_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#feldhoff_active {
	position: absolute;
	top: 63px;
	left: 0;
}

#grueber a {
	position: absolute;
	top: 107px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
}

#grueber a:hover {
	background-image: url(../../images/sub_nav/garry_grueber_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#grueber_active {
	position: absolute;
	top: 107px;
	left: 0;
}

#schneider a {
	position: absolute;
	top: 151px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
}

#schneider a:hover {
	background-image: url(../../images/sub_nav/josh_schneider_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#schneider_active {
	position: absolute;
	top: 151px;
	left: 0;
}

#bio {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 440px;
	visibility: visible;
	
}

#bio1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 440px;
	visibility: hidden;
	
}

#bio2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 440px;
	visibility: hidden;
	
}

#bio3 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 440px;
	visibility: hidden;
	
}

#bio4 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 440px;
	visibility: hidden;
	
}

#bio5 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 440px;
	visibility: hidden;
	
}

/* PRODUCTS PAGE */

.content2 {
	float: right;
	position: relative;
	background-image: url(../../images/content_bg_tile.gif);
	background-repeat: repeat-y;
	width: 738px;
	height: 630px;
	border: 1px solid #f78f1e;
	margin: 0px 36px 0px 0px;
}

.copy_right_products {
	float: right;
	width: 568px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 12px;
	color: #666;
	line-height: 140%;
}

.copy_left_products {
	float: left;
	width: 170px;
	height: 159px;
	background-image: url(../../images/products/sub_bg_products.gif);
	background-repeat: no-repeat;
}


/* SUB NAV PRODUCTS */

.copy_left_products ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.copy_left_products ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

 /*-- Hides Image Link Names --*/ 
.copy_left_products ul li a span {
	display:none;
}

 /*-- Rollover Blocks --*/ 
.copy_left_products ul li a {
   width: 170px;
	height:30px;
	margin:0px;
	padding:0px;
	display: block;
}

#ulu_fiti a {
	position: absolute;
	top: 80px;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
}

#ulu_fiti a:hover {
	background-image: url(../../images/products/ulu_fiti_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#ulu_fiti_active {
	position: absolute;
	top: 80px;
	left: 0;
}

#ulu_fiti_image {
	position: absolute;
	bottom: -50px;
	right: -29px;
}

/*#puou a {
	position: absolute;
	top: 63px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
}

#puou a:hover {
	background-image: url(../../images/products/puou_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#puou_active {
	position: absolute;
	top: 63px;
	left: 0;
}*/

#maafala a {
	position: absolute;
	top: 124px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
}

#maafala a:hover {
	background-image: url(../../images/products/maafala_active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#maafala_active {
	position: absolute;
	top: 124px;
	left: 0;
}

#maafala_image {
	position: absolute;
	bottom: 0px;
	right: 0;
}

#products1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 580px;
	visibility: visible;
	
}

#products2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 630px;
	visibility: hidden;
	
}

#products3 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 580px;
	visibility: hidden;
	
}

#products4 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 738px;
	height: 580px;
	visibility: hidden;
	
}


/* MAIN MENU */

#main-nav {
	position: absolute;
	top: 167px;
	right: 36px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 545px;
}

#main-nav ul {
	/*clear: left;*/
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#main-nav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

 /*-- Hides Image Link Names --*/ 
#main-nav ul li a span {
	display:none;
}

 /*-- Rollover Blocks --*/ 
#main-nav ul li a {
   width: 109px;
	height:30px;
	margin:0px;
	padding:0px;
	display: block;
}

 /*-- Hovers --*/ 

#main-nav ul li a.home:hover {
	background:  url(../../images/menu.gif) 0px -30px;
}

#main-nav ul li a.facts:hover {
	background:  url(../../images/menu.gif) 436px -30px;
}

#main-nav ul li a.products:hover {
	background:  url(../../images/menu.gif) 327px -30px;
}

#main-nav ul li a.team:hover {
	background:  url(../../images/menu.gif) 218px -30px;
}

#main-nav ul li a.order:hover {
	background:  url(../../images/menu.gif) 109px -30px;
}


/* YOU ARE HERE CLASSES */

body#home a#home {
	background:  url(../../images/menu.gif) 0px -30px;
}

body#facts a#facts {
	background:  url(../../images/menu.gif) 436px -30px;
}

body#products a#products {
	background:  url(../../images/menu.gif) 327px -30px;
}

body#team a#team {
	background:  url(../../images/menu.gif) 218px -30px;
}

body#order a#order {
	background:  url(../../images/menu.gif) 109px -30px;
}

