/*GENERAL*/ * {margin:0; padding:0; } img {border:none;} object {outline:none;} a {outline:none;} body {font: 12px Arial, Helvetica, sans-serif, sans-serif;color:#726A63;line-height:15pt;overflow:visible;overflow-x:hidden; overflow-y: scroll; } p {padding:0px 0px 10px 0px; text-align: justify; position:relative;} ul {padding:0px 0px 10px 20px; position:relative; width:90%; } ol {padding:0px 0px 4px 0px;} li {padding:0px 0px 0px 0px; list-style: disc; line-height:15pt;} .italics{ font-style:italic;} a {color: #978C82;text-decoration: none;} a:link {color: #978C82;text-decoration: none;} a:visited {color: #978C82;text-decoration: none;} a:hover {color: #978C82;text-decoration: none;} a:active {color: #978C82;text-decoration: none;} h1, h2, h3 ,h4, h5 {font-family: Arial, Helvetica, sans-serif; font-weight:bold; position:relative; clear:both; width:100%; } h2 {font-size:23px; line-height:24px; color:#DBCCBF; padding-bottom:10px; padding-top:35px;margin:25px 0px 0px 0px;text-transform:uppercase;border-top:#C3B4B7 dotted 1px; clear:both;} h3 {font-size:17px; line-height:18px; color:#4F4945; padding:35px 0px 0px 0px; margin:28px 0px 20px 0px; position:relative; width:100%; border-top:#C3B4B7 dotted 1px; clear:both; } h4 {font-size:11px; line-height:12px; color:#726A63; padding-bottom:8px; padding-top:10px; text-transform:uppercase;} h5 {font-size:15px; line-height:15px; color:#4F4945; padding:20px 0px 20px 0px; } h3.inspa { height:70px;background: url(../img/graphics/inspa.jpg) -13px 55px no-repeat;color: #978C82;} #main_wrapper {width:900px; position:relative; margin: 0px auto;text-align:left; z-index:0; background-color: transparent; overflow:visible; } #header {width:900px; position:relative; float:left; padding-bottom:230px;background: url(../img/graphics/logo.png) left 30px no-repeat;} #menu {width:900px; height:134px; position:relative; float:left;} #lt_column {width:468px; position:relative; float:left; padding:34px; background-color:#FFF; margin-bottom:0px; } #rt_column {width:351px; position:relative; float:right;background-color:#FFF; } #rt_column_inner {width:315px; position:relative; float:right;padding:34px 18px; background-color: transparent;margin-top:-196px; } #lt_column img {padding:14px 0px 22px 0px;} #top_arrow {width:100%; position:relative; float:left;font: 12px Arial, Helvetica, sans-serif, sans-serif; font-style:italic; color:#978C82;line-height:12px; } #top_arrow img {position:relative; float:right; padding:0px;} .back_arrow {position:absolute; top:30px; right:75px;} .section_name {width:315px; height:38px;padding: 7px 0px 0px 10px; position:relative; float:left;background: url(../img/graphics/section_name_bg.png) left top no-repeat; font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; color:#FFF; font-size:13px; } #section_nav {padding:0px 0px 284px 0px; margin:0px;width:100%; background-color: #f2f2f2; position:relative; } #rt_column ul {float:left;} #section_nav li {display: block; width:315px; text-decoration: none; padding:0px; margin:0px;} #section_nav li a {display: block; width:315px; height:29px; overflow:hidden; position:relative; padding:13px 0px 13px 0px; background-color: #f2f2f2;text-decoration: none;border-top: 1px solid #dadcde; border-bottom:1px solid #f9fbfd;} #section_nav li a:hover {background-color:#fbfbfb;} .nav_title {font-size:15px; line-height:17px; color:#5E5858; padding-left:20px;} .subtittle {font: 11px Arial, Helvetica, sans-serif; color: #7F706F;line-height:11px; padding-top:2px; padding-left:20px; } .arrow {width:9px; height:10px; position: absolute; top:26px; right:25px; background: url(../img/graphics/arrow.png) left top no-repeat;} ul#grids{ width:488px; height:350px; display:block; margin:15px 0px 15px 0px; padding:0px; position:relative; } .line{ height:1px; margin: 25px 0px 35px 0px; border-top:#C3B4B7 dotted 1px; } ul#grids li{ width:149px; display:block; float:left; margin:0px 12px 12px 0px; padding:0px; } ul#grids li{ width:149px; height:149px; display:block; float:left; margin:0px 12px 12px 0px; padding:0px; background-color:#423B3B; } ul#grids li a{ width:125px; height:125px; display:block; color:#f2f2f2; padding:12px; background-color:#423B3B; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:normal; } ul#grids li a:hover{ background-color:#605757; } /*FOOTER*/ #footer {width:100%; text-align:left; position:relative; float:left; clear:both;overflow:hidden; font:12px "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; color:#999999; line-height:18pt;} #footer_content {position:relative; width:900px; padding:172px 0px 100px 0px; margin:0px auto;overflow:hidden; } #footer_content a:link {color:#999999;text-decoration: none;} #footer_content a:visited {color:#999999;text-decoration: none;} #footer_content a:hover {color:#999999;text-decoration: underline;} #footer_content a:active {color:#999999;text-decoration: none;} #footer_content #footer_guideline {color:#999999;text-decoration: underline;} #footer_content #footer_guideline:visited {color:#999999;text-decoration: none;} #footer_content #footer_guideline:hover {color:#999999;text-decoration: none;} #footer_content #footer_guideline:active {color:#999999;text-decoration: none;} #guideline {color:#999999;text-decoration: underline; display:block; width:100%; text-align:center; position:absolute; bottom:40px; left:0px;} #guideline:visited {color:#999999;text-decoration: none;} #guideline:hover {color:#999999;text-decoration: none;} #guideline:active {color:#999999;text-decoration: none;} /*VARIABLES BASE*/ h1 {display:block; width:468px; height:40px; padding-bottom:10px;background-color:transparent; text-indent:-9999px; margin-top:-199px; overflow:visible;} #nav_trans {width:900px; height:45px; position:absolute; top:75px; left:0px; background: url(../img/graphics/nav_bg.png) left top repeat-x; } #lt_column_topbg {width:536px; height:196px; position:relative; float:left; background: url(../img/graphics/white_trans.png) left top no-repeat;background-color:transparent;} #rt_column_topbg {width:351px; height:196px; position:relative; float:right; background: url(../img/graphics/white_trans.png) left top no-repeat;background-color:transparent;} /*home page*/ body.home {background:#f2f2f2; text-align:center;overflow:visible;} .home #flash_container {width: 100%; height: 100%;overflow: visible;} .home #background {position: absolute;top: 0px;left: 0px;margin: 0;padding: 0;width: 100%;height: 100%;text-align: center;overflow: visible;} .menuhomewrap {width:100%; height:60px; position:absolute; bottom:80px; left:0px; z-index:500;} .home h1 {display:block; width:468px; height:40px; padding-bottom:10px;background-color:transparent; text-indent:0px; margin-top:-199px; overflow:visible;} .home #guideline { display:none; visibility:hidden;} #alternate {width: 100%; height: 100%;overflow: visible;background:#f2f2f2 url(../img/bg/bg_massage.jpg) center top no-repeat; } #alternate_menu { margin-bottom:15px; margin-top:33px;} #alternate_menu a { margin-right:2px; padding:6px 8px; font-family: Georgia, serif; font-size:14px; line-height: 17pt; *line-height: 16pt; line-height: 16pt\9; color:#6c6164; -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; } #alternate_menu a:hover { background-color:#423b3b; color:#fbfbfb;} #alternate_menu a:active { background-color:#423b3b; color:#fbfbfb;} #alternate_menu_products span { font-family: Georgia, serif; position:relative; top:-2px; margin-right:4px; padding:6px 8px;} #alternate_menu_top{ margin-left:155px;} #alternate_menu_top a{margin-right:0px; font-size:13px; color:#999999; padding:4px 6px;} #alternate_menu_products { margin-top:33px; margin-left:15px;} /*cleansing*/ body.preliminary_care {background:#f2f2f2 url(../img/bg/bg_2faces.jpg) center top no-repeat; background-attachment:fixed;} body.preliminary_care h1 {background: url(../img/preliminary_care/h1.png) left top no-repeat;} /*regular_care*/ body.basic_care {background:#f2f2f2 url(../img/bg/bg_wethair.jpg) center top no-repeat;background-attachment:fixed;} body.basic_care h1 {background: url(../img/basic_care/h1.png) left top no-repeat;} /*renew_repair*/ body.targeted_care {background:#f2f2f2 url(../img/bg/bg_sitting.jpg) center top no-repeat;background-attachment:fixed;} body.targeted_care h1 {background: url(../img/targeted_care/h1.png) left top no-repeat;} /*secrets_luxury*/ body.prestige_care {background:#f2f2f2 url(../img/bg/bg_hana.jpg) center top no-repeat; background-attachment:fixed;} body.prestige_care h1 {background: url(../img/prestige_care/h1.png) left top no-repeat;} /*eau_thermale*/ body.eau_thermale {background:#f2f2f2 url(../img/bg/bg_legs.jpg) center top no-repeat; background-attachment:fixed;} body.eau_thermale h1 {background: url(../img/eau_thermale/h1.png) left top no-repeat;} /*aromasothys*/ body.bodyescape {background:#f2f2f2 url(../img/bg/bg_legs.jpg) center top no-repeat; background-attachment:fixed;} body.bodyescape h1 {background: url(../img/body_escape/h1.png) left top no-repeat;} /*thalassothys*/ body.thalassothys {background:#f2f2f2 url(../img/bg/bg_legs.jpg) center top no-repeat; background-attachment:fixed;} body.thalassothys h1 {background: url(../img/thalassothys/h1.png) left top no-repeat;} body.hanakasumi {background:#f2f2f2 url(../img/bg/bg_legs.jpg) center top no-repeat; background-attachment:fixed;} body.hanakasumi h1 {background: url(../img/hanakasumi/h1.png) left top no-repeat;} /*beauty_garden*/ body.organics {background:#f2f2f2 url(../img/bg/bg_hand.jpg) center top no-repeat; background-attachment:fixed;} body.organics h1 {background: url(../img/organics/h1.png) left top no-repeat; color:#55801d;} body.organics h3 {color:#8baa63;} body.organics h2 {color:#657c48;} /*sun*/ body.sun {background:#f2f2f2 url(../img/bg/bg_legs.jpg) center top no-repeat; background-attachment:fixed;} body.sun h1 {background: url(../img/sun/h1.png) left top no-repeat;} /*make_up*/ body.make_up {background:#f2f2f2 url(../img/bg/bg_sitting.jpg) center top no-repeat;background-attachment:fixed;} body.make_up h1 {background: url(../img/make_up/h1.png) left top no-repeat;} /*institute_treatments*/ body.intensive_treatments {background:#f2f2f2 url(../img/bg/bg_massage.jpg) center top no-repeat; background-attachment:fixed;} body.intensive_treatments h1 {background: url(../img/intensive_treatments/h1.png) left top no-repeat;} /*signature_facials*/ body.signature_facials {background:#f2f2f2 url(../img/bg/bg_massage.jpg) center top no-repeat; background-attachment:fixed;} body.signature_facials h1 {background: url(../img/signature_facials/h1.png) left top no-repeat;} /*seasonal*/ body.seasonal {background:#f2f2f2 url(../img/bg/bg_massage.jpg) center top no-repeat; background-attachment:fixed;} body.seasonal h1 {background: url(../img/seasonal/h1.png) left top no-repeat;} /*pro_spa*/ body.pro_spa {background:#f2f2f2 url(../img/bg/bg_hana.jpg) center top no-repeat; background-attachment:fixed;} body.pro_spa h1 {background: url(../img/pro_spa/h1.png) left top no-repeat;} /*men*/ body.men {background:#000000 url(../img/men/bg.jpg) center top no-repeat;} body.men h1 {background: url(../img/men/h1.png) left top no-repeat;} body.men #lt_column_topbg {background: none;background-color:#FFF; } body.men #rt_column_topbg {background: none;background-color:#FFF;} /*about*/ body.about {background:#f2f2f2 url(/img/bg/bg_hana.jpg) center top no-repeat; background-attachment:fixed;} body.about .section_name {background: url(../img/graphics/section_name_bg_about.png) left top no-repeat;} body.about h1.company {background: url(../img/about/company.png) left top no-repeat;} body.about h1.legend {background: url(../img/about/legend.png) left top no-repeat; } body.about h1.commitment {background: url(../img/about/commitment.png) left top no-repeat; } body.about h1.contact {background: url(../img/about/contact.png) left top no-repeat; } body.about h1.partnership {background: url(../img/about/partnership.png) left top no-repeat; } /*in the news*/ #galPress {width:725px; position:relative; float:left; overflow:hidden; background-color:#FFF; padding:25px 0px 25px 15px;} #galPress img { border:0px; padding:0px 0px 0px 0px;} #galPress a {padding:15px; float:left;} #gal_nav {width:725px; position:relative; float:left; overflow:hidden; background-color:#FFF; padding:25px 0px 25px 15px;} #pros {width:900px; position:relative; float:left; overflow:hidden; padding-top:30px;} #lt_column_pros {width:300px; position:relative; float:left;} #middle_column_pros {width:300px; position:relative; float:left;} #rt_column_pros {width:300px; position:relative; float:right;} #pros h3 { font-size:13px; line-height:14px; color:#4F4945; padding:25px 5px 10px 10px; margin:0px 0px 2px 0px; position:relative; width:255px; border:none; clear:both; font-family:Georgia, "Times New Roman", Times, serif; color:#f2f2f2; background-color:#505D65; } #pros h4 {font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; position:relative;} #pros ul{ padding: 0px 0px 15px 0px; margin:8px 0px 8px 0px; position:relative; float:left;} #pros ul li{ float:left; clear:both; margin:0px 0px 1px 0px; padding:0px; background-color:#fbfbfb; display:block; width:100%; } #pros ul li a{ display:block; color:#605757; padding:12px; background-color:#fbfbfb; text-decoration:none; font-size:11px; line-height:13px; } #pros ul li a:hover{ color:#fbfbfb; background-color:#605757; font-size:11px; } /*CONTACT FORM:*/ #contact_wrap {height:500px;} #contact_form {width:360px;margin:0px auto; padding:0px 10px 10px 0px;position:relative;} #thanks_form {width:468px;position:absolute; top:-100px;text-align:center;display:none; } #sendingtext {display:none;} #contact_form .left {width:100%;float:left;} #contact_form .right {width:100%;float:left;margin:2px 0px 12px 0px;} #contact_form .row {background-color:transparent;display:block;} #contact_form .text {width:100%;height:22px;} #contact_form .white {color:#FFF;} /*FORMS*/ input { background-color:#FFFFFF; border:1px solid #D6D1CC; padding:4px; cursor:pointer; } input:hover { background-color:#f2f2f2; color:#726A63; border:1px solid #D6D1CC; padding:4px; cursor:pointer; } textarea { overflow: auto; background-color:#FFFFFF; border:1px solid #D6D1CC; outline:none; }