/*-------------------------------------------------- */
/*  COPYRIGHT (C) 2005-2007, AUTHOR: RAYMOND WEI HE  */
/*-------------------------------------------------- */
#frame {
	height: 830px;
}
/* -------------------------------------------- [ LANGUAGE HOME PAGE ] --------------------------------------------------------------- */
#chooselanguage {
}
#chooselanguage a {
	text-decoration: none;
	color: #ffffff;
}
#chooselanguage a:hover {
	color: #ff6600;
}
/* -------------------------------------------- [ FRONT IMAGE ] --------------------------------------------------------------- */
#frontimage {
	z-index: 1;
	background: url(images/drinkwater1en.jpg) no-repeat 0px 76px;
	margin: 0px; 
	float: left;
	width: 100%;
	height: 330px;
}
/* -------------------------------------------- [ FRONT TEXT ] --------------------------------------------------------------- */
#fronttext {
	float: left;
	text-align: left;
	padding-left: 50%;
	width: 360px;
	margin-top: 0px;
}
#fronttext1 {  
	color: #ff0000;
	font-family: verdana; 
	padding-top: 5px; 
	font-weight:bold;
}
#fronttext2, #fronttext3, #fronttext4 {  
	color: #ffffff;
}
#fronttext2 {
	background: #74B7F9 url(images/waiter.jpg) no-repeat right top;
	float: left;
	font-family: verdana; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-left: #b7deff 1px solid;
	border-right: #b7deff 1px solid;
	border-top: #b7deff 1px solid;
	border-bottom: #b7deff 1px solid;
	color: #000000;
	margin-top: 8px;
	width: 355px;
	height: 50px;
}
#fronttext3 {
	background: #74B7F9 url(images/beauty.jpg) no-repeat right bottom;
	float: left;
	font-family: verdana; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-left: #b7deff 1px solid;
	border-right: #b7deff 1px solid;
	border-top: #b7deff 1px solid;
	border-bottom: #b7deff 1px solid;
	color: #ffffff;
	margin-top: 8px;
	width: 355px;
	height: 50px;
}
#fronttext4 {
	background: #74B7F9 url(images/aquafinadasanismall.gif) no-repeat right top;
	float: left;
	font-family: verdana; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-left: #b7deff 1px solid;
	border-right: #b7deff 1px solid;
	border-top: #b7deff 1px solid;
	border-bottom: #b7deff 1px solid;
	color: #ffffff;
	margin-top: 8px;
	width: 355px;
	height: 50px;
}
#fronttext1 a, #fronttext2 a, #fronttext3 a, #fronttext4 a {
	color: #ffffff;
}
#fronttext1 a:hover, #fronttext2 a:hover, #fronttext3 a:hover, #fronttext4 a:hover {
	color: #ff6600;
}
#buy {
	background: url(images/buy.gif) no-repeat left top;
	float: left;
	padding-left: 12px; 
	padding-bottom: 15px; 
	font-family: verdana; 
	font-size: 14pt;
	font-weight:bold;
	margin: 10px 0px 0px 5px; /* top right bottom left */
	width: 350px;
	height: 30px;
}
#buy a {
	color: #ffffff;
}
#buy a:hover {
	color: #ffff00;
}
:before#fronttext1, :before#fronttext2, :before#fronttext3, :before#fronttext4 {
	display: block;
	margin: 0 0 -1.92em 0.1em;
	color: #ffffff;
}
/* -------------------------------------------- [ TABLE ] --------------------------------------------------------------- */
#bottomcontent {
	float: left;
	position: absolute;
	top: 335px;
}
/* -------------------------------------------- [ PRODUCTS ] --------------------------------------------------------------- */
#products {
	font-size: 8pt;
	float: left;
	font-family: verdana; 
	margin: 0px 0px 15px 0px; /* top right bottom left */
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-left: #b7deff 1px solid;
	border-right: #b7deff 1px solid;
	border-top: #b7deff 1px solid;
	border-bottom: #b7deff 1px solid;
}
#products b {
	color: #ff6600;
}
#products a {
	color: #0066ff;
}
#products a:hover {
	color: #ff6600;
	text-decoration:underline;
}
/* -------------------------------------------- [ NEWS ] ---------------------------------------------------------------------- */
#news {
	background: url(images/nobottle.gif) no-repeat right top;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	float: left;
	width: 400px;
	height: 75px;
	margin: 25px 0px 0px 5px; /* top right bottom left */
	padding-left: 10px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	font-size: 9pt;
	font-family: verdana; 
	list-style-image: url('images/bullet.gif'); 
}
#news h3 {
	color: #ff6600;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding-top: 0px; 
	padding-bottom: 0px; 
	font-size: 9pt;
}
#news li {
	margin: 0px 0px 0px -28px; /* top right bottom left */
}
#news p {
	font-size: 9pt;
	color: #000000;
	width: 360px;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding-top: 0px; 
	padding-bottom: 0px; 
}
#news a {
	color: #0054d2;
}
#news a:hover {
	color: #ff6600;
	text-decoration:underline;
}
/* -------------------------------------------- [ INTRODUCTION ] --------------------------------------------------------------- */
#intro {
	filter:alpha(opacity=80); /* ie's opacity */
	opacity: 0.80;
	-moz-opacity:0.80;
	background: #ffffff;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	float: left;
	font-size: 9pt;
	color: #000000;
	margin: 10px 0px 0px 5px; /* top right bottom left */
	padding-left: 10px; 
	padding-right: 5px; 
	padding-top: 8px; 
	padding-bottom: 8px; 
	list-style-image: url('images/bullet.gif'); 
	font-family: verdana; 
}
#intro h3 {
	color: #ff6600;
	border-bottom: #cccccc 1px solid;
	padding-bottom: 5px; 
	font-size: 9pt;
}
#intro li {
	margin: 0px 0px 0px -28px; /* top right bottom left */
}
#intro a {
	color: #0054d2;
}
#intro a:hover {
	color: #ff6600;
	text-decoration:underline;
}
