@charset "utf-8";
/* CSS Document */

/* general */

body { background: url(images/bg2.gif) repeat-x top #fbf2fa; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; margin: 0px; padding: 0px; text-align: justify; line-height: 18px; }
a { color: #37848C; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
img { border: 0px; }
 
#top_wrapper { width: 100%; height: 20px; margin: 0px; padding: 10px; background: #a54a98; }
#top { width: 795px; height: 30px; margin: 0px auto; text-align: right; font-weight: bold; padding-right: 40px; }
.phone { background: url(images/phone.png) 0 0 no-repeat; float: right; width: 140px; height: 30px;	color:	#ffffff; }
.social { background: url(images/icon_social_s1.png) no-repeat 0 0;  width: 140px; display: block;  float: right; padding-left: 35px; height: 30px;	color:	#ffffff; }
.top_divider { font-weight: normal; color: #FFF; padding-left: 0px; float: right; width: 20px; text-align: center;
 }

/* nav style backup 
#nav { width: 795px; height: 25px; background: #FFF; border-radius: 0px 0px 20px 20px; padding: 10px 7px 10px 7px; margin: 0px; box-shadow: 0px 0px 15px #CCEDE8; text-align: center; font-size: 14px; position: relative; background: url(images/nav_bg.png) center no-repeat; } */
#wrapper { width: 815px; min-height: 800px; margin: 0px auto 0px auto; padding: 0px; }
#nav { width: 795px; height: 25px; padding: 10px 7px 10px 7px; margin: 0px; text-align: center; font-size: 14px; position: relative; background: url(images/nav_bg.png) center no-repeat; clear:both; }
#nav li { display: inline; }
#nav li a { color: #666; text-decoration: none; }
#nav li a:hover { color: #37848C; text-decoration: underline; }
.nav_divider { color: #D5F0EC; padding: 0px 4px; }

#nav li ul { position: absolute; top: 30px; left: 0px; }
#nav li:hover > ul { margin: 0px; padding: 0px; }
#nav li:hover > ul li { float: none; display: block; }
#nav li:hover > ul li a { color: #033; min-width: 150px; text-decoration: none; }
#nav li:hover > ul li a:hover { color: #fff; }

#logo_div { width: 815px; height: 50px; margin: 25px 0px; }
#logo { width: 370px; height: 50px; float: left; background: url(images/logo_s1.png) no-repeat; display: block; }
#lang { width: 110px; height: 15px; padding: 5px; margin-top: 13px; border-radius: 12px; background: #CCEDE8; color: #398275; font-size: 11px; text-align: center; float: right; }
#lang a { color: #666; text-decoration: none; }
#lang.select { color: #318993; font-weight: 300; }
#lang a:hover { text-decoration: underline; }

#footer { width: 795px; padding: 10px; color: #a54a98; font-size: 11px; }


/* index */

#index_highlight1 { width: 250px; height: 400px; padding: 10px 10px 10px 550px; background: url(images/bg2_index_s1.png) no-repeat; }
#index_highlight1 h1 { font-size: 18px; color: #b429ce; }
#index_highlight2 { width: 690px; height: 125px; background: #FFF; border-radius: 15px; padding: 20px;margin: 0px 42px 20px 42px; box-shadow: 0px 0px 15px #CCEDE8; }
#index_highlight2a { width: 180px; height: 105px; padding: 15px 10px 10px 135px; background: url(images/bg_index2a_s1.png) no-repeat; float: left; }
#index_highlight2b { width: 180px; height: 105px; padding: 15px 10px 10px 135px; background: url(images/bg_index2b_s1.png) no-repeat; float: right; }
#index_highlight2b h3, #index_highlight2a h3 { font-size: 17px; font-weight: bold; color: #a54a98; padding: 0px; margin: 0px 0px 10px 0px; }
#index_highlight2b p, #index_highlight2a p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px; }

/* content page */

#content_wrapper { width: 740px; min-height: 580px; background: #FFF; border-radius: 15px; padding: 30px; margin: 0px; box-shadow: 0px 0px 15px #CCEDE8; }
#content_wrapper h1 { font-size: 28px; font-weight: bold; color: #a54a98; background: url(images/header_border_s1.png) no-repeat bottom; padding: 0px 0px 20px 0px; margin: 10px 0px; }
#content_wrapper h3 { color: #a54a98; }
#content_wrapper ol { margin: 0px 0px 0px 20px; padding: 0px; font-weight: bold; color: #333; }
#content_wrapper ol ul { margin: 10px 0px 30px 20px; padding: 0px; color: #666; font-weight: normal; }
#content_wrapper ol p { font-weight: normal; color: #666; }

.content_pic_center, .video_load { width: 740px; text-align: center; }


/* contact table */

.contact_table th { color: #608585; width: 100px; text-align: left; }
.contact_table td, th { vertical-align: top; }

/* environment table */
.enviro_table td { text-align: center; }

/* procedure list */
.treatmentProcedure { list-style:none;background: url(images/pic_procedure.png) left top no-repeat; font-size: 15px; height: 280px; margin: 0px; padding: 0px; }
.treatmentProcedure li { font-weight: normal; padding: 12px 0px 0px 55px; line-height: 20px; }