html,body{ height:100%; margin:0; padding:0; background: #ccc; text-align: center }
ul, li{ list-style: none }
img{ border:0 }
form{ margin: 0; padding:0; width: 100% }
h1, h2, h3, h4, h5, h6, p, ul, li, address{ margin:0; padding:0 }
h1{ margin-top:100px }
h1 a{ display:block; width: 282px; height: 116px }
h1 img{ float:left }

#flashcontent{ margin: 0 11px }
.main{ width: 822px; margin:0 auto; padding: 11px 0; text-align: left }
.index, .inner{ min-height: 750px; position: relative }
.index h1, .index h1 a, .index .menu, .index .menu ul{ float:right } 
.index h1 a{ position: relative; right: 6px }
.index{ background:#999 url(../img/gradient.gif) repeat-y right top; padding-right: 210px }
.missis{ width: 307px; margin-right: -307px; height: 258px; float:left; background: url(../img/missis.jpg) }

.inner{ background:#999 url(../img/gradient.gif) repeat-y 283px 0 }
.inner h1, .inner h1 a, .inner .menu, .inner .menu ul{ float:left }

.func{ float:left; width: 283px; margin-right: -283px }
.menu{ clear: both; padding:10px 0 8px; background: #6F6F6F url(../img/menu_top.gif) repeat-x left top }
.menu ul{ width: 283px }
.menu li{ padding-top:5px; width: 100%; float:left }
.menu div{ height: 19px }
.menu a{ display:block; height:19px }
.menu a:hover{ background: none }
.content{ float:right; width: 475px; padding-bottom: 20px }

.view1{ padding-top: 50px }
.view1 .fix{ padding-left:30px }
.view1 p{ font: 77% georgia; font-style: italic; line-height: 1.5em; font-weight: bold; color:#333; padding: 0 0 0 5px; width: 95% }
.view1 .line{ height: 10px; font-size:0; background: url(../img/line.gif) no-repeat center top }
.tool{ position: relative; padding-left: 30px }
.submenu{ text-align: center; padding-right: 15px }
.submenu li{ display: inline }
.navigation{ position: absolute; top:0; left: 150px; width: 200px; padding-top:5px }
.prev{ display: block;float: left }
.next{ display: block;float: right }
.number{ float:left; width: 139px; text-align: center; font: 130% arial }
.textsign{ text-align: right; font: 80% times new roman; font-weight: bold; color:#333; font-style: italic; padding:10px 20px }

.view2{ padding-top: 313px; text-align: center }
.view2 img{ margin-right:30px }

.view3{ padding-top: 35px}
.view3 small{ font:70% arial; color:#333 }
.view3 p{ font: 77% arial; color:#333; padding-right: 15px }
.list1{ font:77% arial; color:#555; position: relative; left:-15px; padding: 5px 10px 15px 0 }
.list1 li{ padding: 0 20px 5px }
.list1 a{ color:#333; text-decoration: none; line-height: 1em }
.list2{ font: 77% arial; color:#333; padding-left: 25px }
.list2 li{ background: url(../img/li.gif) no-repeat 0 5px; line-height: 1.5em; padding:0 0 0 15px }
.arrow{ background: url(../img/arrow.gif) no-repeat 0 3px }

.view4{ padding-top: 120px }
.view4 h2{ text-align: center }
.view4 strong{ font: 90% arial; font-weight:bold }
.view4 p{ font:90% arial; color:#333; line-height: 1.4em }
.view4 p a{ color:#9900CC; text-decoration:none }
.view4 p a:hover{ text-decoration: underline }
.view4 .line{ height: 10px; font-size:0; background: url(../img/line.gif) no-repeat center bottom; margin-right: 20px }
.list3{ padding: 30px 20px 30px 0; font: 90% arial; color:#333 }
.list3 li{ padding-top:20px }
.list3 a{ padding:5px; color:#FFCCFF; text-decoration: none; font-size: 90% }
.list3 a:hover{ background: url(../img/shadow.gif) no-repeat left top }

.view5{ padding-top: 45px }
.cite{ padding:0 20px; font:77% georgia; color:#333; font-weight: bold; font-style: italic; line-height: 1.6em }
.text{ font: 77% arial; color:#333; padding-right: 15px; padding-left:5px }
.sign{ text-align: right; padding-right: 50px }

.view6{ padding-top: 35px }
.view6 .line{ height: 10px; font-size:0; background: url(../img/line.gif) no-repeat center top }
.block{ width: 100% }
.photo2{ float:right; margin-right: 25px }
.head1{ float:left; padding-top:65px; width: 275px }
.head1 h2{ padding-left:30px }
.head1 em, .head2 em{ font:107% times new roman; font-weight: bold; font-style: italic; color:#333 }
.break{ height:40px }

.submenu2{ float:left; width: 100%; padding-top:10px; padding-bottom: 8px }
.submenu2 div{ float:left; padding-left:20px }
.submenu2 img{ border-bottom: solid 2px #999 }
.act_head, .active_head{ background: url(../img/arrow.gif) no-repeat 8px 10px }
.act_head img, .active_head img{ border-bottom: solid 2px #FFCCFF }

.view7{ font: 77% arial; color:#333; line-height: 1.4em }
.view7 .root{ padding-left: 80px; padding-top: 180px }
.phone .td1{ width: 100px; float:left; font-weight: bold }
.phone .td2{ float: left }
.mail{ color:#9826BF; text-decoration: none }
.mail:hover{ text-decoration: underline } 
.view7 .line{ height: 10px; font-size:0; background: url(../img/line.gif) no-repeat left top; margin-right: 20px }
.submit{ padding-top:5px }
.submit .td1{ width: 60px; float:left; padding-top:10px; font-weight: bold }
.submit .td2{ float: left; padding-top:8px }
.submit .td3{ float: left; text-align: right; width: 160px; font-weight: bold; padding-top:8px }
.submit input{ width: 160px; font-size:80%; border: solid 1px black }
.td3 a{ color:#333; text-decoration: none }

.view8{ padding-top: 25px }
.view8 .root{ position: relative}
.view8 .submenu2{
	position: absolute;
	width: 120%;
	left:475px;
	top: 7px;
}
.view8 .line{ height: 10px; font-size:0; background: url(../img/line.gif) no-repeat center top }
.photo3{ float:right; margin-right: 15px }
.head2{ float:left; width: 280px}

.view9{ padding-top: 75px }
.view9 h2{ text-align: center }
.view9 .line{ height: 10px; font-size:0; background: url(../img/line.gif) no-repeat center top; margin-right: 20px }
.list4{ padding: 0 20px 0 0; font: 77% arial; color:#000000 }
.list4 li{ padding-bottom:10px }
.list4 a{ padding:5px; color:#FFCCFF; text-decoration: none }
.list4 a:hover{ background: url(../img/shadow.gif) no-repeat left top }

.view10{ padding-top: 75px }
.view10 p{ font: 77% arial; color:#333; padding-right: 15px; padding-left:5px }
.photo1{ float:right; margin: 0 0 10px 10px }

.sub1 h3, .sub2 h3{ font: 77% arial; font-weight: bold; padding: 5px 30px 0 }
.sub1 p{ font:77% arial; color:#333; padding: 0 30px }
.sub1 ul{ padding:0 30px; font: 77% arial; line-height: 1.2em; color:#333 }
.sub1 .list5{ padding:0 50px; font-size: 70% }
.sub1 li{ padding:0 17px 0px; background: url(../img/li.gif) no-repeat 0 2px }
.sub1 ul a{ color:#9903CC; text-decoration: none }
.sub1 a:hover{ text-decoration: underline }

.italic{ padding: 20px 30px; font:77% georgia; line-height: 1.5em; font-weight: bold; color:#333; font-style: italic; text-align: center }
.noitalic{ font:77% arial; color:#333; padding-right: 30px }
.list6{ padding-left: 117px; font: 77% arial; color:#333; line-height: 1.2em }
.list6 li{ background: url(../img/li2.gif) no-repeat 0 2px; padding-left:15px }

.list7{ font: 77% arial; color:#333; line-height: 1.2em; padding-right: 20px }
.list7 li{ background: url(../img/li3.gif) no-repeat 0 2px; padding-left:15px }

.popup{ position: relative; z-index:1; display: none }
.popup .root{ width: 528px; padding-top: 20px; position: absolute; top: 180px; left:220px; background:#777 }
.popup h2{ padding: 0 20px }
.popup p a{ font-weight: bold; text-decoration: none; color:#9900CC }
.popup a:hover{ text-decoration: underline }
.popup span{ display:block; padding-left: 50px; float:left }
.popup strong{ display:block; width: 50px; float:left; margin-right: -50px }
.popup b, .popup strong{ color: black }
.popup .layer1{ padding: 0 10px }
.popup .big{ font: 90% arial; color:#333 }
.close{ position: relative }
.close a{ position: absolute; right:12px; top:-12px; font: 77% arial; color:black; font-weight: bold; text-decoration: none }
.close a:hover{ color:#FFCCFF; text-decoration: none }
.q, .a, .popup p{ margin-left:20px; padding: 10px 25px 15px; font: 77% arial; color:#333 }
.q{ background: url(../img/q.gif) no-repeat left top }
.a{ background: url(../img/a.gif) no-repeat left top }
.rightmenu{ float:right; width: 177px }
.leftmenu{ float:right; width: 298px }
.list8{ padding:20px 20px 20px 0; font: 70% arial; color:#333; line-height: 1.4em }
.list8 li{ background: url(../img/li4.gif) no-repeat 0 3px; padding-left:15px }

.biography{ background: url(../img/biography_act.gif) no-repeat left top }
.healing{ background: url(../img/healing_act.gif) no-repeat left top  }
.balancing{ background: url(../img/balancing_act.gif) no-repeat left top  }
.testimonials{ background: url(../img/testimonials_act.gif) no-repeat left top  }
.workshops{ background: url(../img/workshops_act.gif) no-repeat left top  }
.presentations{ background: url(../img/presentations_act.gif) no-repeat left top  }
.calendar{ background: url(../img/calendar_act.gif) no-repeat left top  }
.store{ background: url(../img/mj_store_act.gif) no-repeat left top  }
.contact{ background: url(../img/contact_act.gif) no-repeat left top  }
.links{ background: url(../img/links_act.gif) no-repeat left top  }

.biography a{ background: url(../img/biography.gif) no-repeat left top  }
.healing a{ background: url(../img/healing.gif) no-repeat left top  }
.balancing a{ background: url(../img/balancing.gif) no-repeat left top  }
.testimonials a{ background: url(../img/testimonials.gif) no-repeat left top  }
.workshops a{ background: url(../img/workshops.gif) no-repeat left top  }
.presentations a{ background: url(../img/presentations.gif) no-repeat left top  }
.calendar a{ background: url(../img/calendar.gif) no-repeat left top  }
.store a{ background: url(../img/mj_store.gif) no-repeat left top  }
.contact a{ background: url(../img/contact.gif) no-repeat left top  }
.links a{ background: url(../img/links.gif) no-repeat left top  }

.copyright{ position: absolute; width:283px; height:20px; bottom:0; left:0; text-align: center; font: 70% arial; color: #565656 }
.act a{ background: none }
.cl{ clear: both }
.br{ font-size:0; height: 15px}
.br2{ font-size:0; height: 5px }
.br3{ font-size:0; height: 7px}
.last{ clear: both; border-top: solid 2px #B7A1B7 }
.nobr{ white-space:nowrap }
.center{ text-align: center }
.link{ font-family:Verdana; font-weight:bold; font-size:12px; color:#FF00FF; text-decoration:none}
a.link:hover{ font-family:Verdana; font-weight:bold; font-size:12px; color:#FF00FF; text-decoration:none}
.input_box {width:150px; height:15px; border:solid 1px #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}