body {
	text-align:center;
	margin: 10px 0 0 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

h1, h2, h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFF5A4;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	font-size: 23px;
}

p, ul, ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
}

a:link {
	color: #F161B2;
}

a:hover, a:active {
	text-decoration: none;
	color: #F161B2;
}

a:visited {
	color: #F161B2;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 15px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 15px;
}


/* Background */

#background_color_a {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#e22879 url(images/bg.png);
	behavior: url("iepngfix.htc");
}

#background_color_b {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#ffdb00 url(images/bg.png);
	behavior: url("iepngfix.htc");
}

#background_color_c {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#0ea02d url(images/bg.png);
	behavior: url("iepngfix.htc");
}

#background_color_d {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#ea660a url(images/bg.png);
	behavior: url("iepngfix.htc");
}

#background_color_e {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#c31c19 url(images/bg.png);
	behavior: url("iepngfix.htc");
}

#background_color_f {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#3b5998 url(images/bg.png);
	behavior: url("iepngfix.htc");
}

#background_color_g {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#ad207b url(images/bg.png);
	behavior: url("iepngfix.htc");
}

#background_color_h {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 718px;
	background:#009fe0 url(images/bg.png);
	behavior: url("iepngfix.htc");
}

/* Header */

#header {
	width: 920px;
	height: 80px;
	margin: 0 auto 30px auto;
}

/* Menu */

#menu {
	float: right;
	padding: 10px 50px 0 0;
}

#menu a img{visibility:hidden}
#menu a:hover img{visibility:visible}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	height:74px;
	width:74px;
	display: block;
	float: left;
	margin: 5px;
	padding: 0 0 0 0;
	text-align:center;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	line-height:18px;
	color: #FFFFFF;
}

#menu .home a {
	
	width:230px;
	
	text-align:left;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	color: #EEEEEE;

}

#menu .home a:hover {
	font-size: 14px;
	color:#BBBBBB;
}

#menu a:hover {
	font-size: 14px;
}

#menu .color_a a {
	background: url(images/menu_bg_normal.png) #e22879;
	behavior: url("iepngfix.htc");
}

#menu .color_a a:hover {
	background: url(images/menu_bg_hover.png) #e22879;
	behavior: url("iepngfix.htc");
}

#menu .color_b a {
	background: url(images/menu_bg_normal.png) #ffdb00;
	behavior: url("iepngfix.htc");
}

#menu .color_b a:hover {
	background: url(images/menu_bg_hover.png) #ffdb00;
	behavior: url("iepngfix.htc");
}

#menu .color_c a {
	background: url(images/menu_bg_normal.png) #0ea02d;
	behavior: url("iepngfix.htc");
}

#menu .color_c a:hover {
	background: url(images/menu_bg_hover.png) #0ea02d;
	behavior: url("iepngfix.htc");
}

#menu .color_d a {
	background: url(images/menu_bg_normal.png) #ea660a;
	behavior: url("iepngfix.htc");
}

#menu .color_d a:hover {
	background: url(images/menu_bg_hover.png) #ea660a;
	behavior: url("iepngfix.htc");
}

#menu .color_e a {
	background: url(images/menu_bg_normal.png) #c31c19;
	behavior: url("iepngfix.htc");
}

#menu .color_e a:hover {
	background: url(images/menu_bg_hover.png) #c31c19;
	behavior: url("iepngfix.htc");
}

#menu .color_f a {
	background: url(images/menu_bg_normal.png) #3b5998;
	behavior: url("iepngfix.htc");
}

#menu .color_f a:hover {
	background: url(images/menu_bg_hover.png) #3b5998;
	behavior: url("iepngfix.htc");
}

#menu .color_g a {
	background: url(images/menu_bg_normal.png) #ad207b;
	behavior: url("iepngfix.htc");
}

#menu .color_g a:hover {
	background: url(images/menu_bg_hover.png) #ad207b;
	behavior: url("iepngfix.htc");
}

/* Page */

#page {
	width: 850px;
	margin: 0 auto;
}

/* Main Animation */

#main_animation {
	text-align:center;
}

#main_animation p{
	margin: 0 0 0 300px;
}

/* Green Thinking Content */

#green_think_content {
	float:left;
	position:absolute;
	z-index:1;

	behavior: url("iepngfix.htc");
}

#green_think_content p{
	margin: 70px 0 0 330px;
	width:500px;
	line-height:17px;
	color:#000000;
	
}

#green_think_animation_background{
	z-index:0;
}

/* What's New Content */

#whats_new_content {
	float:left;
	position:absolute;
	z-index:1;
	
	behavior: url("iepngfix.htc");
}

#whats_new_content p{
	margin: 200px 0 0 270px;
	width:300px;
	color:#FFFFFF;
}

#whats_new_animation_background{
	z-index:0;
}

/* Who Are We Content */

#who_are_we_content {
	float:left;
	position:absolute;
	z-index:0;
	
	behavior: url("iepngfix.htc");
}

#who_are_we_content p{
	margin: 400px 0 0 270px;
	width:300px;
	color:#000000;
}

#who_are_we_animation_background{
	z-index:1;
}

/* So So Healthy Content */

#so_healthy_content_1 {
	float:left;
	position:absolute;
	z-index:1;
	behavior: url("iepngfix.htc");
}

#so_healthy_content_1 p{
	margin: 300px 0 0 20px;
	width:300px;
	color:#000000;
}

#so_healthy_content_2 {
	float:left;
	position:absolute;
	z-index:1;
	behavior: url("iepngfix.htc");
}

#so_healthy_content_2 p{
	margin: 300px 0 0 535px;
	width:300px;
	color:#000000;
}

#so_healthy_animation_background{
	z-index:0;
}

/* Our Drinks */
#our_drinks_flavours{
	line-height:20px;
}

/* Footer */

#footer {
	width: 920px;
	height: 400px;
	margin: 0 auto;
	min-height: 74px;
	padding: 0 0 0 0;
	text-transform: uppercase;
	font-size: 10px;
}

html>body #footer {
	height: auto;
}

#footer_menu {
	
}

#footer_menu li {
	display: inline;
}

#footer_menu ul {
	font-weight:bold;
	text-align: center;
}

#footer_menu img {
	vertical-align:bottom;
}
#footer_menu a {
	vertical-align:top;
	text-decoration:none;
	color:#AAAAAA;
}

#footer_menu a:hover {
	color:#444444;
}

#legal {
	background:#EEEEEE;
	clear: both;
	padding-top: 20px;
	color: #888888;
	text-align: center;
}

#legal a {
	border-bottom: 1px dotted;
	border-top: 1px dotted;
	text-decoration: none;
	color: #888888;
}

#legal a:hover {
	border: none;
	color: #888888;
}