@charset "utf-8";
*{padding: 0; margin: 0;}
body {font: 1em Arial, Helvetica, sans-serif; text-align: center; background-color:#e9e4ca;color: #003;  background-image:url(images/bk1.jpg); background-repeat: repeat;}

p { margin: 10px;}
h1, h2, h3, h4 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;  margin-bottom: 10px; margin-top: 10px;}
h1 {font-size: 2em; line-height: 2em; color: #4F67A2; background-color: #fff;}
h2, h3, h4 { background-color: #fff; color: #960; }
h2 {font-size: 1.7em;}
h3 {font-size: 1.3em; text-align: left; }
img {border: 0}
ul, ol {margin-left: 3em;}
ul li {list-style-type: none; font-size: 0.9em; padding: 0.2em;}
ol li {list-style-type: decimal; font-size: 0.9em; padding: 0.2em;}
#text ul.bullet li { list-style-type: disc;}

.clear {clear: both;  font-size: 0px; margin: 0; padding: 0; }
.center {text-align: center;}
.left {float:left}
.float_rt {float: right;}

#wrapper {width: 770px; margin-left: auto; margin-right: auto; text-align: left; position: relative; border-left: 3px solid #630; border-right: 3px solid #630; border-bottom: 4px solid #630; background-color: #fff; color: #300; }

#header {height: 200px; border-bottom: 3px solid #630;}

#content {width: 770px; position: relative; overflow: visible;  margin-bottom: 0;}

#text {margin: 120px 30px 20px 190px; color: #300;}
#text a {background-color: #fff; color: #630;  text-decoration: none; }
#text a:hover {background-color: #fff; color:#5d5c12; text-decoration: underline;}

#footer {text-align: center; font: 0.9em "Times New Roman", Times, serif; background-color: transparent; color: #fff; padding-top: 0.75em; height: 2.5em;}

#google-top { width: 770px; position: absolute; top: 70px; left: -4px; text-align: center; }
#google-side {width: 150px;  height: 400px; position: absolute; top:190px; left: 20px; }
#google-bottom{text-align: center; position: relative; top: -10px; background-color: #fc9; height: 100px; width: 790px; padding-left: 10px; }

#top {width: 770px; position: absolute; top: 70px; left: 0; text-align: center;}
#bottom p{text-align: center; position: relative; top: 25px;}

#menu { background-color: #fc9; color: #003; font-size: 0.8em;  border-top: solid #300 1px; padding-left: 30px;}
#menu ul{float: left; width: 120px; background-color:#fc9; color: #003; margin: 10px 25px 10px 0;}
#menu ul li a {background-color: transparent; color: #003; text-decoration: none}
#menu ul li a:hover { background-color: transparent; color: #303; text-decoration: underline;}

#google-top { width: 770px; position: absolute; top: 70px; left: -4px; text-align: center; }
#google-side {width: 150px;  height: 400px; position: absolute; top:190px; left: 20px; }
#google-bottom {width: 758px;  height: 100px; position: relative; top: 0; left: 0; text-align: center;  border: solid #fc9 1px; }
/*#google-bottom{text-align: center; position: relative; top: -10px; background-color: #fff; height: 100px; width: 760px; padding-left: 10px; }*/

/*#line { position: absolute; top: 100px; left: 0; width: 770px; height: 10px; background-color: #fff; }*/


.bold { color: #4F67A2; background-color: #fff; font-weight: bold;}
.bold a {color: #4f67a2; background-color: #fff; font-weight: bold;}
.bold a:hover {color: #960;  background-color: #fff; font-weight: bold;} 
.gold {color: #960;  background-color: #fff; font-weight: bold;}
.gold a {color: #960;  background-color: #fff; font-weight: bold;}
.gold a:hover {color: #960;  background-color: #fff; font-weight: bold;}

/* 
#center ul.bullet li { list-style-type: disc;}

#index li.index {background-color: #c96; color: #300;}
#advances li.advances {background-color: #c96; color: #300;}
#important li.important {background-color: #c96; color: #300;}
#food li.food {background-color: #c96; color: #300;}
#benefits li.benefits {background-color: #c96; color: #300;}
#eyecream li.eyecream {background-color: #c96; color: #300;}
#supplement li.supplement {background-color: #c96; color: #300;}
#therapy li.therapy {background-color: #c96; color: #300;}
#nutritional li.nutritional {background-color: #c96; color: #300;}
#treatment li.treatment {background-color: #c96; color: #300;}
#international li.international {background-color: #c96; color: #300;}
#skincare li.skincare {background-color: #c96; color: #300;}
#secret li.secret {background-color: #c96; color: #300;}
#drug li.drug {background-color: #c96; color: #300;}
#antioxidant li.antioxidant {background-color: #c96; color: #300;}
#demand li.demand {background-color: #c96; color: #300;}
#antioxidant2 li.antioxidant2 {background-color: #c96; color: #300;}
#cosmetic li.cosmetic {background-color: #c96; color: #300;}
#cream li.cream {background-color: #c96; color: #300; w}
#sitemap li.sitemap {background-color: #c96; color: #300;}
/*
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em; text-align: left; }

#footer {text-align: center; font: 0.9em "Times New Roman", Times, serif; color: #fff; background-color: #630; padding-top: 0.75em; height: 2.5em;}

#right ul, #left ul {float: left; background-color: #EADED7; color: #300;  width: 130px;border-top: 3px solid #960; border-bottom: 3px solid #4F67A2; padding: 0; margin: 0;}
#right li, #left li {float: left; width: 130px; padding: 0; margin: 0;}
#right li a, #left li a {display: block; text-decoration: none;   padding: 6px 10px 6px 15px; color: #300;} 
#right li a:hover, #left li a:hover {background-color: #526A8F; color:#fff;}

#center {width: 420px; float: left; margin-left: 190px; margin-top: 120px; }
#center a {background-color: #fff; color: #4F67A2; text-decoration: none; }
#center a:hover {background-color: #fff; color:#960; text-decoration: underline;}

#left { width: 150px;  height: 400px; position: absolute; top:190px; left: 20px; }
#right { width: 150px; float: left; position: absolute; top: 205px; left:632px; overflow: visible;}