.H3 { font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif }
.H2 { font-style: normal; font-weight: normal; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif }
.H1 { font-style: normal; font-weight: normal; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif }
.link { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif }
A { color: #4f2683 }
A:hover { text-decoration: underline }
A:active { text-decoration: underline }
body { background-color: #ffffff; background-position: 0 0; margin: 0; list-style-image: url(media-new/general/bullet-purple.png); }
strong { font-weight: bold; }

	div#container {
		width: 980px;
		margin: 0 auto;
	}

	div#page-content {
		position: relative; 
		margin-top: 10px;
	}		
		
	div#logo {
		background-image: url(images/logo.jpg);
		background-repeat: repeat;
		width: 155px;
		height: 30px;			
		margin-top: 20px;
		margin-left: 0px;
		cursor: pointer;
	}
	
	div#strap {
		float: left;
		background-image: url(images/natural_super_juice.jpg);
		background-repeat: repeat;
		width: 147px;
		height: 19px;
		margin-top: 20px;
		margin-left: 0px;
		cursor: pointer;		
	}
	
	div#page-header {
		width: 980px;
		height: 90px;
		text-align: left;
	}

	div#page-navigation {

	}
	
	ul#navigation {
		height: 19px;
		float: left;
		height: 19px;
		text-align: left;
		margin-top: 20px;
		margin-left: 0px;
	}

	ul#navigation li {
		float: left;
		margin-left: 10px;
	}

	ul#navigation li a {
		display: block;
		line-height: 24px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #828282;
		font-size: 17px;
		font-weight: bold;
		text-transform: lowercase;
	}

	ul#navigation li a, ul#secondary-navigation li a{
		/* hide text, show bg images */
		padding-top: 24px;
		overflow: hidden;
		background-repeat: no-repeat;
		/* fix for old ie versions */
		height: 0px !important;
		height /**/: 24px;
	}

	/* Primary Navigation */

	ul#navigation li a#ni-home { background-image: url(images/navigation/home.png); width: 45px; margin-left: 267px}
	ul#navigation li a#ni-home:hover, ul#navigation a#ni-home.selected { background-image: url(images/navigation/home_on.png); margin-left: 267px}

	ul#navigation li a#ni-drinks { background-image: url(images/navigation/drinks.png); width: 47px; }
	ul#navigation li a#ni-drinks:hover, ul#navigation li a#ni-drinks.selected { background-image: url(images/navigation/drinks_on.png); }

	ul#navigation li a#ni-together { background-image: url(images/navigation/together.png); width: 68px; }
	ul#navigation li a#ni-together:hover, ul#navigation li a#ni-together.selected { background-image: url(images/navigation/together_on.png); }

	ul#navigation li a#ni-blog { background-image: url(images/navigation/blog.png); width: 34px; }
	ul#navigation li a#ni-blog:hover, ul#navigation li a#ni-blog.selected { background-image: url(images/navigation/blog_on.png); }

	ul#navigation li a#ni-news { background-image: url(images/navigation/news.png); width: 42px; }
	ul#navigation li a#ni-news:hover, ul#navigation li a#ni-news.selected { background-image: url(images/navigation/news_on.png); }

	ul#navigation li a#ni-buy { background-image: url(images/navigation/buy.png); width: 28px; }
	ul#navigation li a#ni-buy:hover, ul#navigation li a#ni-buy.selected { background-image: url(images/navigation/buy_on.png); }

	ul#navigation li a#ni-faqs { background-image: url(images/navigation/faqs.png); width: 35px; }
	ul#navigation li a#ni-faqs:hover, ul#navigation li a#ni-faqs.selected { background-image: url(images/navigation/faqs_on.png); }

	ul#navigation li a#ni-contact { background-image: url(images/navigation/contact.png); width: 57px; }
	ul#navigation li a#ni-contact:hover, ul#navigation li a#ni-contact.selected { background-image: url(images/navigation/contact_on.png); }

	ul#navigation li a:hover, ul#navigation li a.selected {
		color: #4f2687;
	}

	ul#navigation li.last, ul#secondary-navigation li.last {
		background-image: none;
	}
	
	ul#secondary-navigation {
		float: left;
		margin-top: -50px;
		margin-left: 745px;
		height: 18px;
	}
	
	ul#secondary-navigation li {
		float: left;
		margin-left: 10px;
	}

	ul#secondary-navigation li a {
		display: block;
		line-height: 17px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #828282;
		font-size: 15px;
		font-weight: bolder;
		text-transform: lowercase;
	}
	
	/* Secondary Navigation */

	ul#secondary-navigation li a#ni-age-defence { background-image: url(images/navigation/acai.png); width: 31px; }
	ul#secondary-navigation li a#ni-age-defence:hover, ul#secondary-navigation li a#ni-age-defence.selected { background-image: url(images/navigation/acai_on.png); }

	ul#secondary-navigation li a#ni-detox-digest { background-image: url(images/navigation/aloe.png); width: 32px; }
	ul#secondary-navigation li a#ni-detox-digest:hover, ul#secondary-navigation li a#ni-detox-digest.selected { background-image: url(images/navigation/aloe_on.png); }

	ul#secondary-navigation li a#ni-natural-energy { background-image: url(images/navigation/goji.png); width: 26px; }
	ul#secondary-navigation li a#ni-natural-energy:hover, ul#secondary-navigation li a#ni-natural-energy.selected { background-image: url(images/navigation/goji_on.png); }

	ul#secondary-navigation li a#ni-multi-vitamin { background-image: url(images/navigation/pome.png); width: 43px; }
	ul#secondary-navigation li a#ni-multi-vitamin:hover, ul#secondary-navigation li a#ni-multi-vitamin.selected { background-image: url(images/navigation/pome_on.png); }

	ul#secondary-navigation li a#ni-together-blog { margin-left: 170px; background-image: url(images/navigation/pome.png); width: 43px; }
	ul#secondary-navigation li a#ni-together-blog:hover, ul#secondary-navigation li a#ni-together-blog.selected { background-image: url(images/navigation/pome_on.png); }

	
	div#main-box {
		float: left;
		background-repeat: no-repeat;
		width: 695px;
		height: 573px;	
	}
	
	div#main-box-flash {
		float: left;
		background-image: url(images/new_carousel.jpg);	
		background-repeat: no-repeat;
		width: 695px;
		height: 573px;	
	}	
	
	div#page-flash {
		text-align: center;
		top: -100px;
	}
	
	div#main-outline {
		position:relative;
		background-image: url(images/main_box.png);
		background-repeat: no-repeat;
		top: -67px;
		left: 0px;
		width: 695px;
		height: 573px;
	}
	
	div#main-box-text {
		background-image: url(images/bg_black_60.png);
		background-repeat: repeat;
		position: relative;
		top: 506px;
		left: 0px;
		width: 695px;
		height: 67px;
	}

	div#main-box-text p {
		position: absolute;
		margin-top: 1px;
		margin-left: 8px;
		line-height: 130%;
		color: #ffffff;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 14px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;
		text-align: left;
	}

	div#top-box, div#top-box-age, div#top-box-detox, div#top-box-energy, div#top-box-multi {
		margin-left: 720px;
		background-repeat: no-repeat;
		width: 251px;
		height: 175px;
		cursor: pointer;		
	}
	
	div#top-outline {
		position:relative;
		background-image: url(images/top_box.png);
		background-repeat: no-repeat;
		top: -60px;
		left: 0px;
		width: 251px;
		height: 175px;
	}
	
	div#top-box-text {
		background-image: url(images/bg_black_60.png);
		background-repeat: repeat;
		position:relative;
		top: 146px;
		left: 0px;
		width: 251px;
		height: 60px;
	}	
	
	div#top-box-text p {
		position: absolute;
		margin-top: 1px;
		margin-left: 8px;
		margin-right: 8px;
		line-height: 130%;
		color: #ffffff;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 13px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;
		text-align: left;
	}	
	
	div#top-box-drinks {
		margin-left: 720px;
		background-repeat: no-repeat;
		width: 251px;
		height: 175px;
		cursor: default;		
	}	
	
	div#top-outline-drinks {
		position:relative;
		background-image: url(images/top_box.png);
		background-repeat: no-repeat;
		top: -150px;
		left: 0px;
		width: 251px;
		height: 175px;
	}

	div#top-box-text-drinks {
		background-image: url(images/bg_black_60.png);
		background-repeat: repeat;
		position:relative;
		top: 146px;
		left: 0px;
		width: 251px;
		height: 150px;
	}
	
	div#top-box-text-drinks p {
		position: absolute;
		margin-top: 2px;
		margin-left: 8px;
		margin-right: 8px;
		line-height: 130%;
		color: #ffffff;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 13px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;
		text-align: left;
	}	

	div#middle-box, div#middle-box-age, div#middle-box-detox, div#middle-box-energy, div#middle-box-multi {
		position:relative;
		margin-left: 720px;
		background-repeat: no-repeat;
		top: 0px;
		width: 251px;
		height: 181px;
		cursor: pointer;
	}

	div#middle-outline {
		position:relative;
		background-image: url(images/middle_box.png);
		background-repeat: no-repeat;
		top: -60px;
		left: 0px;
		width: 251px;
		height: 181px;
	}

	div#middle-box-text {
		background-image: url(images/bg_black_60.png);
		background-repeat: repeat;
		position:relative;
		top: 152px;
		left: 0px;
		width: 251px;
		height: 60px;
		text-align: left;
	}

	div#middle-box-text p {
		position: absolute;
		margin-top: 1px;
		margin-left: 8px;
		margin-right: 8px;
		line-height: 130%;
		color: #ffffff;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 13px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;
		text-align: left;
	}
	
	div#middle-box-drinks {
		position:relative;
		margin-left: 720px;
		background-repeat: NO-repeat;
		top: 0px;
		width: 251px;
		height: 181px;
		cursor: default;
	}
	
	div#middle-outline-drinks {
		position:relative;
		background-image: url(images/middle_box.png);
		background-repeat: no-repeat;
		top: -150px;
		left: 0px;
		width: 251px;
		height: 181px;
	}	
	
	div#middle-box-text-drinks {
		background-image: url(images/bg_black_60.png);
		background-repeat: repeat;
		position:relative;
		top: 153px;
		left: 0px;
		width: 251px;
		height: 150px;
		text-align: left;
	}	
	
	div#middle-box-text-drinks p {
		position: absolute;
		margin-top: 2px;
		margin-left: 8px;
		margin-right: 8px;		
		line-height: 130%;
		color: #ffffff;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 12px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;
	}	

	div#bottom-box, div#bottom-box-age, div#bottom-box-detox, div#bottom-box-energy, div#bottom-box-multi {
		position:relative;
		margin-left: 720px;
		background-repeat: NO-repeat;
		top: 0px;
		width: 251px;
		height: 215px;
		cursor: pointer;
	}

	div#bottom-outline {
		position:relative;
		background-image: url(images/bottom_box.png);
		background-repeat: no-repeat;
		top: -60px;
		left: 0px;
		width: 251px;
		height: 215px;
	}

	div#bottom-box-text {
		background-image: url(images/bg_black_60.png);
		background-repeat: repeat;
		position:relative;
		top: 152px;
		left: 0px;
		width: 251px;
		height: 60px;
		text-align: left;
	}
	
	div#bottom-box-text p {
		position: absolute;
		margin-top: 1px;
		margin-left: 8px;
		margin-right: 8px;
		line-height: 130%;
		color: #ffffff;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 13px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;
		text-align: left;
	}
	
	div#bottom-box-drinks {
		position:relative;
		margin-left: 720px;
		background-repeat: NO-repeat;
		top: 0px;
		width: 251px;
		height: 181px;
		cursor: default;
	}
	
	div#bottom-outline-drinks {
		position:relative;
		background-image: url(images/bottom_box_drinks.png);
		background-repeat: no-repeat;
		top: -90px;
		left: 0px;
		width: 251px;
		height: 245px;
	}	
	
	div#bottom-box-text-drinks {
		background-image: url(images/bg_black_60.png);
		background-repeat: repeat;
		position:relative;
		top: 153px;
		left: 0px;
		width: 251px;
		height: 90px;
		text-align: left;
	}	
	
	div#bottom-box-text-drinks p {
		position: absolute;
		margin-top: 2px;
		margin-left: 8px;
		margin-right: 8px;		
		line-height: 130%;
		color: #ffffff;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 12px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;
	}	
	
	div#together-text{
		position: relative;
		text-align: left;
		margin-top: 20px;
		margin-left: 8px;
		margin-right: 18px;
		line-height: 130%;		
		color: #807f83;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 12px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;	
	}
	
	div#stockist-text{
		position: relative;
		text-align: left;
		margin-top: 0px;
		margin-left: 2px;
		margin-right: 18px;
		line-height: 130%;		
		color: #807f83;
		font-family: verdana, arial, helvetica, sans-serif ; 
		font-size: 14px;
		font-weight: normal;
		font-style: normal; 
		text-decoration: none;	
	}
		
	#follow_us {
		position: relative;
		top: 200px;
		left: 25px;
	}
	
	#twitter, #facebook, #rss {
		position: relative;
		top: 200px;
		left: 25px;
  		float: left;
		margin: 10px 15px 10px 10px;
	}