html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl, dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output, ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-style: normal; list-style:none;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;} ol ol li { list-style-type: lower-alpha;} ol ol ol li { list-style-type: lower-roman;} @font-face { font-family:Impress; src: url('../font/Impress BT.ttf'), url('../font/Impress BT.eot'); /* IE9 */ } body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:#537a37;} .header{ width:100%; height:434px; float:left; background:url(../images/header-bg.jpg) center top ; position:relative;} .content-wrapper{ width:1000px; height:auto; margin:0 auto; position:relative;} .fl{ float:left;} .fr{ float:right;} .cb{ clear:both;} .wh{ width:100%;} .m-auto{ margin:0 auto;} .menu-box{ width: 609px; height: 43px; position: relative; left: 103px;top: 123px; overflow:hidden; z-index: 999;} .header-conternt{ width:1000px; height:165px; float:left; position: absolute; top: -165px; left: 0px; overflow:hidden; z-index: 99;} .logo{ background:url(../images/Logo.png); width: 326px; height:165px; position:relative; } .bodertop{ border: 0px solid #000000; /*Firefox*/ -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 0px; /*Safari, Chrome*/ -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .shadow{-moz-box-shadow: 0px 0px 6px #272727;/*FF 3.5+*/ -webkit-box-shadow: 0px 0px 6px #272727;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color=#272727)";/*IE 8*/ box-shadow: 0px 0px 6px #272727; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color=#272727);/*IE 5.5-7*/} .menu-box ul li{ float:left; color: #537A37; padding: 14px 22px 14px 16px; font-weight: bold; background: url(../images/menu-bg.jpg) left -48px repeat-x;} .menu-box ul li:hover{ background-position:left top; color:#fff;} .menu-box ul li,.social-wrapper li,.icon-wrapper ul li img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .menu-box ul li.active{ background: url(../images/menu-bg.jpg) left top repeat-x; color:#fff;} .middile-content{ width:100%; height:auto; background:#537A37; float:left; height:auto;} .icon-wrapper{ width:100%; height:123px; background:url(../images/middle-glow.png) center top no-repeat; } .icon-wrapper ul li{ float:left; padding:17px 60px; cursor:pointer;} .icon-wrapper ul li.a span{ padding-right: 16px; width: 76px; height: 80px; overflow: hidden; float: left; background:url(../images/ayour-deposification.png) top left no-repeat;} .icon-wrapper ul li.b span{ padding-right: 16px; width: 76px; height: 80px; overflow: hidden; float: left; background:url(../images/Intensive-Course.png) top left no-repeat;} .icon-wrapper ul li.c span{ padding-right: 16px; width: 76px; height: 80px; overflow: hidden; float: left; background:url(../images/Weight-Loss.png) top left no-repeat;} .icon-wrapper ul li:hover span{ background-position: left bottom; } .icon-wrapper ul li img{ position:relative; left:25px;} .icon-wrapper ul li:hover img{ left:0px;} .welcome-wrapper{ width:968px; height:auto; background:#dfebcf; float:left; padding:34px 16px 16px 16px;} .home-leftnav{ width:771px; height:auto;} .home-rightnav{ width:158px; height:auto; padding-left:20px; background: url(../images/leftnave-bg.png) left top no-repeat;} h2{ font-family:Impress; font-size: 19px; font-weight: normal;} .welcomenote h2,.home-rightnav h2{ color:#42791B;} .welcomenote p{ color:#537A37; line-height:20px; text-align:justify; margin:9px 0px;} .more{ background:url(../images/more.png); width:78px; height:20px; cursor:pointer;} .wmore{position: relative;left: -19px;margin-top: 7px;} .home-small-body{ width: 719px; height:177px; margin:10px 0px; background:#537A37 url(../images/sumbodybg.png) center center no-repeat; padding: 0px 27px;} .morebox{width: 349px; margin: 20px 3px;} p{margin:9px 0px; text-align:justify;} .morebox h2{ color:#fffbe8;} .morebox p{ color:#fffbe8;} .home-rightnav ul li{ margin:7px 0px; } .footer{ background:url(../images/footer-bg.png); width:100%; height:246px; float:left; } .footerlogo{ background:url(../images/footerlogo.png); width:353px; height:154px; margin-top: 54px;} .bottommenu{ width:506px; height:auto; margin-top: 88px;} .bottommenu li{ float:left; min-width: 124px; padding:10px 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#1b1b1b)";/*IE 8*/ text-shadow: 0px 0px 4px #1b1b1b;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#1b1b1b); /*IE 5.5-7*/ } .social-wrapper li{ float:left; margin:0px 3px} .social-wrapper{ margin:120px 0px 0px 0px ;} .bottommenu a{ color:#fff; text-decoration:none;} .bottommenu a:hover{ color:#fff; text-transform:uppercase; background:#537A37; padding:10px;} .social-wrapper li:hover{ top:-10px;} .social-wrapper li{ position:relative;} .bottom-copy{ padding:12px 0px; font-size:10px;} a{ color:#fff; text-decoration:none;} /****subpage****/ .body_new{ font-family:Arial, Helvetica, sans-serif; height:435px; font-size:12px; background: url(../images/slider/04.jpg);} .body_about{ font-family:Arial, Helvetica, sans-serif; height:435px; font-size:12px; background: url(../images/slider/05.jpg);} .body_yoga{ font-family:Arial, Helvetica, sans-serif; height:435px; font-size:12px; background: url(../images/slider/01.jpg);} .body_faq{ font-family:Arial, Helvetica, sans-serif; height:435px; font-size:12px; background: url(../images/slider/06.jpg);} .body_contact{ font-family:Arial, Helvetica, sans-serif; height:435px; font-size:12px; background: url(../images/slider/07.jpg);} .body_testimonials{ font-family:Arial, Helvetica, sans-serif; height:435px; font-size:12px; background: url(../images/slider/08.jpg);} .subhead{ width:100%; height:434px; float:left; background:url(../images/header-bg.jpg) center top ; position:relative;} .subpage-header{ position:relative; top:0px;} .content-subpage{ width:1000px; height:auto; margin:0 auto; position:relative;} .sub_top{ width:1000px; height:130px; margin:0 auto; position:relative;} .sub h2,.home-rightnav h2{ width:159px; color:#42791B;} .sub_more h2,.home-rightnav h2{ width:300px; color:#42791B;} .sub_trnew{ width:525px; color:#42791B;} .trete_1 { float: left; height: 194px; width: 439px; margin-left: 6px;} .trete_2 { float: left; height: 43px; width: 437px; background-repeat: no-repeat; background-image: url(../images/Subpage/hed_1.png); margin-top: 15px;} .trete_2 h2 { float: left; font-size: 17px; height:auto; width:auto; color: #5d694d; font-family: arial; padding: 13px 0px 0px 52px; text-transform:capitalize;} .tre_3 { float: left; height: 101px; width: 138px; margin: 17px 0px 0px 4px; border: 2px solid; -moz-box-shadow: 0px 2px 7px #6d6b6b;/*FF 3.5+*/ -webkit-box-shadow: 0px 2px 7px #6d6b6b;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=180, Color=#6d6b6b)";/*IE 8*/ box-shadow: 0px 2px 7px #6d6b6b; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=180, Color=#6d6b6b);/*IE 5.5-7*/} .tre_type { color: #42791b;float: left;height: auto;width: 270px;margin-left: 13px;line-height: 20px;margin-top: 17px;} .tre_more { float: right; height: 20px; width: 78px; background-image: url(../images/more.png); margin: -10px 13px 0px 0px;} .tre_cntline { background: url(../images/Subpage/cen_line.png) center center repeat-y; float: left; height: 194px; width: 70px;} /*------viewmore----*/ .img-view-more{float: left;width:665px;height:auto;clear:both;margin-top:12px;margin-left:15px;} .treatment-img{ padding:0px 13px 0px 0px; } .img-view-more p{color:#42791b;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:0;margin:0;line-height:21px;} .view-more-photo{float:right;width:255px;height:355px ;background-image:url(../images/gallery-bg.png);background-repeat:no-repeat;padding-top:35px;margin-right:15px;margin-top:} .gallery-img{float: left; width: 170px; height: 95px; margin-left: 45px; margin-bottom: 17px;} /*------contact*-----*/ .conta_main { float: left; height:auto; width: 430px; margin-left: 14px; margin-top: 9px;} .conta_main input{ width: 85%; padding: 8px 13px; border: 1px solid #CCCCCC; margin: 5px 0px;} .conta_main input:focus{ background-color:#fffada; filter: alpha(opacity=50); opacity: 0.8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 85%; padding: 8px 13px; border: 1px solid #CCCCCC; margin: 5px 0px;} .conta_main textarea{ width: 85%; padding: 8px 13px; border: 1px solid #CCCCCC; margin: 5px 0px; font-family:Arial, Helvetica, sans-serif;} .conta_main textarea:focus{ background-color:#fffada; filter: alpha(opacity=50); opacity: 0.8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 85%; padding: 8px 13px; border: 1px solid #CCCCCC; margin: 5px 0px; font-family:Arial, Helvetica, sans-serif;} .con_bt {float: right; height: 36px; width: 85px; margin: 6px 39px 0px 0px;} .con_mapbg { float: left; height: 265px; width: 454px; margin-left: 42px; background-color: #CCCC66;} .con_map { float: left; height: 246px; width: 435px; background-color:#FFFFFF; padding: 10px 10px 10px 10px; moz-box-shadow: -2px 1px 8px #6d6b6b;/*FF 3.5+*/ /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=243, Color=#6d6b6b)";/*IE 8*/ box-shadow: -2px 1px 14px #6d6b6b; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=243, Color=#6d6b6b);/*IE 5.5-7*/} .con_cntline { background: url(../images/Contact-line.png) center center repeat-y; float: left; height: 474px; width: 5px;} .con_adres { float: left; height: 215px; width: 454px; margin-left: 42px; -moz-box-shadow: 0px 1px 5px;} .contype { float: left; height: auto; width: 420px; margin-top: 22px; line-height:18px; font-size:12px; text-align:left; color:#3b3b3b;} .contype h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#3b3b3b;} /*-----aboutus---*/ .aboutus-{float: left;width:660px;height:auto;clear:both;margin-top:12px;margin-left:15px;} .aboutus- p{color:#42791b;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:0;margin:0;line-height:21px;} .about-img{ padding:0px 13px 0px 0px; } .aboutus-adv{float:right;width:250px;height:auto;padding-top:10px;margin-right:15px;margin-top:} .about_team{width:100%;height:auto;float:left;margin-top:15px;} .team-img{float: left; width: 145px; height: 125px; margin-bottom: 10px;} /*****testimonials******/ .testimonials_bg { float: left; height: 155px; width: 439px; margin-left: 6px; background-image: url(../images/test_line.png); background-repeat: repeat-x;} .testimonials_1 { float: left; height: 133px; width: 123px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; margin-top: 15px;} .test_type { float: left; font-size:12px; height: auto; width: 280px; margin-left: 17px; line-height:20px; color:#4b4a4a;} .test_type h2 { font-size:13px; font-style:normal; font-weight:bold; color:#4b4a4a; font-family:Arial, Helvetica, sans-serif; margin-top: 17px; } .test_type_2 { float: left; font-style: italic; font-size:12px; height: auto; width: 270px; line-height: 19px; color:#4b4a4a; margin-top: 10px; text-align:inherit;} .testimonials_cntline { background: url(../images/Subpage/cen_line.png) center center repeat-y; float: left; height: 155px; width: 70px;} /*---FAQ--*/ .faq{height:1070px;width: 937px;margin: auto;padding-left: 20px;margin-left: 26px;margin-top: 14px;} .qa{height: auto;width: 48px;float: left;margin-left: -42px;} .q{height: auto;width: 660px;float: left;margin-left:17px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-moz-box-shadow:inset 1px 2px 10px 1px rgba(157, 182, 124, 0.7);-webkit-box-shadow:inset 1px 2px 10px 1px rgba(157, 182, 124, 0.7);box-shadow:inset 1px 2px 10px 1px rgba(157, 182, 124, 0.7);background-color:#d0e1b8;padding:13px 10px 10px 10px;margin-bottom:26px;} .a-mark{height: 20px;width: 12px;float: left;margin-left:-21px;} .faq-box{width:auto;height:auto;float:left;} /*gallery*/ .gallery-wrapper{ width:890px; height:250px; margin:0 auto; position:relative; margin-top: 45px;} .gallery_bg { float:left; width:202px; height:183px; margin: 6px 10px; background:url(../images/gallery/gallery_bg.png) no-repeat; } .gallery_img { float:left; width:150px; height:131px; background:red; margin-top: 19px; margin-left: 26px; overflow:hidden;} .gallery_img img{ width:100%; min-height:131px; } .top_up{width:1000px;height:250px;float:left;} .provide li { color: #537A37; font-size: 15px; font-weight: bold; line-height: 27px; padding: 5px 0px 5px 24px; margin-left: 20px; background: url(../images/tick.png) 0px 10px no-repeat; }


.tripadvisor-link{
    position: absolute;
    right: 10%;
    top: 50%;
    z-index: 1;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

#map_canvas{ width:435px; height:246px; position:relative;}
#content{ color:#537A37; text-align:center;}