@import url("menu.css");
/* CSS Document */

* { font-size:100%; margin:0; padding:0;}
table { border:0; border-collapse: collapse; border-spacing: 0;}
img {border:0;}

body {
background: fixed #e5d5bb url(/templates/mayu/i/bg.jpg) repeat 50% 0;
color: #333;
text-align: center;
font: 13px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
min-width: 980px;
}

/* Area Wrappers */
#outer {
 width: 950px; 
 margin: 0 auto; 
 text-align: left;
 }

#top {
 display: none;
}
#wrap_main {
 width: 948px;
 border-right: 1px solid #521;
 border-left: 1px solid #521;
 border-top: 1px solid #521;
 -webkit-border-radius: 15px  15px 0 0;
 border-radius: 15px  15px 0 0;
 padding-top: ;
/* background: #826A43 url(/templates/mayu/i/wrap_rpt_826A43.png) repeat-x 0 0; */
background: rgb(183,165,137);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZTVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2I3YTU4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(240,229,213,1) 0%, rgba(183,165,137,1) 53%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,229,213,1)), color-stop(53%,rgba(183,165,137,1)));
background: -webkit-linear-gradient(top,  rgba(240,229,213,1) 0%,rgba(183,165,137,1) 53%);
background: -o-linear-gradient(top,  rgba(240,229,213,1) 0%,rgba(183,165,137,1) 53%);
background: -ms-linear-gradient(top,  rgba(240,229,213,1) 0%,rgba(183,165,137,1) 53%);
background: linear-gradient(to bottom,  rgba(240,229,213,1) 0%,rgba(183,165,137,1) 53%);
 color: #000;
 padding: 12px 0 0 0;
 overflow: hidden;
}

#wrap_info {
 clear: both;
 background:url(/templates/mayu/i/info_bg.png);
 padding: 16px 26px;
 overflow: hidden;
}
#wrap_wood {
 clear: both;
 background: url(/templates/mayu/i/old_wood.jpg) 0 100%;
 height: 50px;
 padding: 16px 25px;
 overflow: hidden;
}
#wrap_wood_btm {
 clear: both;
 background: url(/templates/mayu/i/old_wood_btm.png) 0 0;
 height: 11px;
 width: 100%;
 overflow: hidden;
}

/* HEADER */

#header {
 height: 140px;
}
#header img {
 display: block;
}
#logo {
 width: 59px;
 height: 120px;
 float: left;
 padding: 4px 0 16px 30px;
}
  #logo a {
   display: block;
   background: url(/templates/mayu/i/logo.png) 0 0 no-repeat;
   width: 59px;
   height: 120px;
   overflow: hidden;
  }
  #logo a span {
   display: none;
   text-decoration: none;
  }
#header_rt {
 width: 859px;
 height: 140px;
 float: left;
}
#header_top {
 height: 85px;
 overflow: hidden;
}
  #tagline {
   float: left;
   height: 85px;
   width: 181px;
   overflow: hidden;
  }
  #tr_nav_wrap {
   float: left;
   width: 677px;
   padding: 4px 0 0 0;
   height: px;
   overflow: hidden;
  }
    #search_wrap {
     float: right;
     padding: 0 12px;
     overflow: hidden;
    }
#header_mid {
 text-align: right;
   float: left;
 width: 650px;
 height: 20px;
 padding: 20px 14px;
 overflow: hidden;
}
#sharelinks {
	float:right;
	padding:3px 5px 0 15px;
     text-align: left;
}
  #newsletter_btn {
   display: block;
   width: 220px;
   height: 24px;
   line-height: 24px;
   float: right;
   /*overflow: hidden;*/
  }
  #newsletter_btn a {
   display: block;
   width: 210px;
   height: 24px;
   background: url(/templates/mayu/i/newsletter_sign_up_btn.png) no-repeat 0 0;
   text-indent: 230px;
  }
  #newsletter_btn a:hover,
  #newsletter_btn a:focus {
   background-position: 0 100%;
  }
   
#header_nav {
clear: both;
 width: 820px;
 height: auto;
 padding: 0 0 0 24px;
 background: url(/templates/mayu/i/tnav_boundry.png) no-repeat 100% 0;
}
#header_nav_inner {
 height: 35px;
 background: url(/templates/mayu/i/tnav_boundry.png) no-repeat 100% 100%;
}

  #tagline p {
  margin: 0;
  padding: 0;
  }
  #header_mid p {
  margin: 0;
   padding: 0 0 0 16px;
  float: right;
  }
/* Content */

#content {
 clear: both;
 min-height: 200px;
 padding: 0  25px 25px 25px;
 overflow: hidden
}

#leftcolumn {
width: 340px;
padding: 0 10px 0 0;
float: left;
overflow: hidden;
}
#maincolumn {
width: 548px;
float: left;
}

#specials {
width:438px;
height: 105px;
padding: 50px 0 0 116px;
background: url(/templates/mayu/i/specials_bg.jpg) no-repeat 0 0;
}

.specials_detail {
display: block;
width: 197px;
height: 75px;
padding: 10px;
margin: 0;
overflow: hidden;
background: url(/templates/mayu/i/specials_detail_bg.png) no-repeat 50% 0;
float: left;
line-height: 150%;
text-decoration: none;
font-size: 16px;
font-weight: bold;
font-style: italic;
}
a.specials_detail:hover,
a.specials_detail:focus {
background-position: 50%  -95px;
color: #210;
}

.more {
display: block;
font-size: 1.1em;
font-style: italic;
padding: 6px 0 0 0;
}

/* INFO and LINKS AREA */


#info1,
#info2,
#info3 {
float: left;
overflow: hidden;
}
#info1 {
width: 30%;
}
#info2 {
width: 38%;
padding: 0 2%
}
#info3 {
width: 28%;
}
#info1 a,
#info2 a,
#info3 a {
text-decoration: none;
}

/* Footer */
#footer1,
#footer2 {
 text-align: right;
 font-size: 0.9em;
 padding: 6px 4px;
}
#footer1 ul,
#footer1 li,
#footer2 ul,
#footer2 li {
display: inline;
}

#footer1 {
	float:left;
	width:40%;
	text-align:left;
}

#footer2 {
	float:right;
	width:40%;
}


/* *********** 
 typography 
************ */
a {
text-decoration: underline;
color: #000;
outline: none;
}
a:hover, a:focus {
color: #d30;
}

h1, h2, h3, h4, h5, h6 {
color: #520;
}
h1 img, h2 img{
padding: 10px 0 6px 0;
}

h1 {
font-size: 2.8em;
line-height: 100%;
margin-bottom:15px;
}
h2 {
font-size: 1.8em;
line-height: 140%;
padding: 0 0 10px 0;
font-style: italic;
}
h3 {
font-size: 1.3em;
line-height: 130%;
padding: 6px 0;
}
h4 {
font-size: 1.2em;
line-height: 130%;
padding: 6px 0 0 0;
}
h5 {
font-size: 1.1em;
line-height: 130%;
padding: 6px 0 0 0;
}

h6 {
font-size: 1em;
line-height: 130%;
padding: 6px 0 0 0;
}
p {
padding: 0 0 0.7em 0;
}

blockquote { margin: 0px 20px 4px 30px; color: #222}
ol {
padding: 0.4em 1em 0.4em 2.5em;
}
ol li {
padding: 0.3em 0;
margin:  0;
}
ul {
padding: 0.4em 1em 0.4em 1.3em;
}
ul li {
padding: 0.3em 0;
margin:  0;
}

table {}
th, td {
padding: 2px 6px;
vertical-align: top;
}

/* *********** 
 ASSIGNABLE 
************ */

hr {
 overflow: hidden;
 background: url(/templates/mayu/i/seperator_horizontal.gif) repeat-x 0 100%;
 padding: 0 0 10px 0;
 margin: 0 0 10px 0;
 height:15px;
 border:0;
 clear:both;
}

.section {
 overflow: hidden;
 background: url(/templates/mayu/i/seperator_horizontal.gif) repeat-x 0 100%;
 padding: 0 0 10px 0;
 margin: 0 0 10px 0;
}


.section_last {
 overflow: hidden;
 padding: 0 0 0 0;
}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.smaller {
font-size: 0.8em;
line-height: 130%;
color: #eee;
}
.larger{
font-size: 1.3em; line-height: 140%;
}

.float-lft {float:left; margin-right: 10px;}
.float-rt {float:right; margin-left: 10px;}
 img.float-lft,
 img.float-rt {
 border: 1px solid #864;
padding: 0;
 }

.clr {clear: both;}
.clear {clear: both; height:1px; line-height: 0px; visibility:hidden;}

.splitleft {
width: 48%;
padding: 0 2% 0 0;
float: left;
overflow: hidden;
}
.splitright {
width: 48%;
padding: 0 0 0 2%;
float: left;
overflow: hidden;
}

a.book {
display: block;
width: 222px;
height: 29px;
margin: 10px 0;
background: url(/templates/mayu/i/book_massage_btn.png) no-repeat 0 0;
line-height: 29px;
text-indent: 230px;
overflow: hidden;
}

a.findclass {
display: block;
width: 222px;
height: 29px;
margin: 10px 0;
background-image: url(/templates/mayu/i/find_a_class_btn.png);
background-repeat: no-repeat;
background-position: 0 0;
line-height: 29px;
text-indent: 230px;
overflow: hidden;
}

a.bookanappt {
display: block;
width: 222px;
height: 29px;
margin: 10px 0;
background-image: url(/templates/mayu/i/book_an_appt_btn.png);
background-repeat: no-repeat;
background-position: 0 0;
line-height: 29px;
text-indent: 230px;
overflow: hidden;
}

a.book:hover,
a.book:focus,
a.findclass:hover,
a.findclass:focus,
a.bookanappt:hover,
a.bookanappt:focus {
background-position: 0 100%;
}

.HomephotoHeightMatch {
 min-height: 297px; 
 /* was height: 297px; */
 overflow: hidden; 
 font-size: 15px;
}

/* ***********
 END ASSIGNABLE 
************ */

#hidden {display: none;}

/* ***********
 Bios Module 
************ */

/*  Bios Contimuum */
.bioscontinuum {
 position: relative;
 height: 295px;
 background: url("/files/mayu//Image/our-staff/therapist_continuum4.png") no-repeat 50% 0;
 text-align: center;
}
.continuumpic1,
.continuumpic2 {
  position: absolute;
  text-align: center;
  width: 100px;
  top: 68px;
}
.continuumpic2 {
  top: 195px;
}
.continuumpic1 img,
.continuumpic2 img {
  height: 100px;
  border: 2px ridge #520
}
.continuumpic1 p,
.continuumpic2 p {
 padding: 0;
 margin: 0;
 font-size: 0.9em;
 line-height: 120%;
}

/* Bios */

.bio {
 clear: both;
  padding: 0 0 0.2em 0;
  margin: 0 0 0.3em 0;
 overflow: hidden;
 background: url("/templates/mayu/i/tnav_boundry.png") no-repeat 50% 100%;
}

.hidden {
	display: none;
}

.bioleft {
 width: 170px;
 float: left;
 overflow: hidden;
}
 .bioleft h3 {
  padding: 0;
  margin: 0;
 }
 .bioleft h4 {
  padding: 0 0 0.3em 0;
  margin: 0;
  font-style: italic;
 }
.bioright {
 width: 727px;
 float: left;
 overflow: hidden;
  padding: 20px 0 10px 0;
}
.biopic {
 width: 150px;
}
.biotestiment {
 font-weight: bold;
 font-style: italic;
}
.biotestiment .readmore {
 text-decoration: none;
 color: #fb4;
 font-weight: normal;
}
.biotestiment .readmore:hover,
.biotestiment .readmore:focus {
 color: #e60;
}

/* Use for images */
.float_left {float:left; margin: 5px 15px 5px 0;} 
.float_right {float:right; margin: 5px 0 5px 15px;}

/* blog css  */

#blogwrapper {
 overflow: hidden;
 clear: both;
}
	
#blog_leftcolumn {
	width:520px;
	width:620px;
	display:block;
	overflow:hidden;
	float:left;

}
#blog_rightcolumn {
 width:345px;
 width:230px;
 float:right;
 position:relative;
 padding: 20px 5px 0 0;
 color: #321;
}
#blog_rightcolumn a {
 text-decoration: none;
}
#blog_rightcolumn h3 {
  color:#552200;
}
#blog_leftcolumn h3,
#blog_leftcolumn h3 a {
  text-decoration: none;
  color:#552200;
 font-style: italic;
}
#blog_leftcolumn h3 a:hover,
#blog_leftcolumn h3 a:focus {
 color: #d30;
}
#blog_rightcolumn h4 {
 font-style: italic;
}

.bloginfo {
 padding: 4px 0 20px 0;
 overflow:  hidden;
 font-size: 0.9em;
 font-style: italic;
}

.bloginfoportrait {
 float: left;
 padding: 4px;
 border: 1px solid #ddd;
 margin: 0 10px 0 0;
 overflow:  hidden;
}

.bloginfotext {
 overflow:  hidden;
}

.bloginfotext .label {
 font-weight: bold;
}
.blogSocial {
 clear: both;
 padding: 6px 0 0 0
}
.blogdivider {
 width: 100%;
 background: url(/templates/mayu/i/tnav_boundry.png) no-repeat 50% 0;
 height: 1px;
 margin: 10px 0 0 0;
 
}
.blogPostComment {
 padding: 20px 0;
}

.commentOdd,
.commentEven {
 border: 1px solid #643;
 padding: 6px 10px;
 margin: 0 0 2px 0;
 background: #974;
}
.commentEven {
 background: #764;
}

legend {
 margin-left: 10px;
}
#blogwrapper .commenttable {
 width: 100%
}
#blogwrapper .commenttable td {
 padding: 4px 20px
}
#blogwrapper textarea {
 width: 100%
}

/* end of blog */
/* ***********
 END Bios Module 
************ */