body { background: #ff9; padding: 0px; margin: 0px; font-family: "Trebuchet MS", Arial, sans-serif; } ul {margin: 0px; padding: 0px; list-style-type: none; } ul.nobullet {margin: 0px; padding: 4px 0px; list-style-type: none; } ul.bullet {margin: 0px; padding: 3px 0px; list-style: square inside; } ul.indented {margin-left: 20px;} li {margin: 0px; padding: 0px; } #page { width: 800px; border: solid #f90 8px; margin: 0px auto; background: #fc0; } #top { padding-top: 20px; height: 132px; padding-bottom: 10px; background: #fc0;} #center {width: 800px; padding: 0px; margin: 0px;} #center #navtop { width: 505px; text-align: right; margin-right: 15px; float: right; right: 0px; font-size: 0.9em; padding-bottom: 10px; ;} #center #navtop ul { margin-top: 5px; margin-bottom: 10px; } #center #navtop li {display: inline; background: #ff9; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; margin-left: 5px; color: #333; font-weight: bold; } #center #navtop li:hover {background: #f90; } #center #navtop li.active {background: #f90; } #center #navtop li.active a {color: #ff9; } #center #navtop a { color: #333; text-decoration: none;} #center #navtop a:hover { color: #ff9; text-decoration: underline;} #center #navleft { float: left; width: 250px; min-width: 250px; padding: 0px; margin: 0px; margin-top: 0px; } #center #navleft li {padding: 0px; margin: 0px; height: 30px; padding-left: 3px;} #center #navleft h1 {padding: 0px; margin: 0px; font-size: 1em; } /*bullet*/ #center #navleft li b { float:left; display:block; width:25px; height:30px; margin-top:0px; background:url(images/text/bullet-green.gif) no-repeat; } #center #navleft li a b {background:url(images/text/bullet-green.gif) no-repeat; padding: 0px; margin: 0px;} #center #navleft li a:hover b { background:url(images/text/bullet-active.gif) no-repeat; } /* bgimages */ #center #navleft li span { margin-left:20px; display:block; height:30px; text-indent:-1000em; } #center #navleft li.reiki span {background:url(images/text/reiki.gif) left center no-repeat;} #center #navleft li.reiki a span {background:url(images/text/reiki.gif) left center no-repeat;} #center #navleft li.balancing span {background:url(images/text/balancing.gif) no-repeat; } #center #navleft li.balancing a span {background:url(images/text/balancing.gif) no-repeat;} #center #navleft li.aura span {background:url(images/text/aura.gif) no-repeat; } #center #navleft li.aura a span {background:url(images/text/aura.gif) no-repeat;} #center #navleft li.cord span {background:url(images/text/cord.gif) no-repeat;} #center #navleft li.cord a span {background:url(images/text/cord.gif) no-repeat;} #center #navleft li.crystal span {background:url(images/text/crystal.gif) no-repeat;} #center #navleft li.crystal a span {background:url(images/text/crystal.gif) no-repeat;} #center #navleft li.yoga span {background:url(images/text/yoga.gif) no-repeat;} #center #navleft li.yoga a span {background:url(images/text/yoga.gif) no-repeat;} #center #navleft li.therapeutic span {background:url(images/text/therapeutic.gif) no-repeat;} #center #navleft li.therapeutic a span {background:url(images/text/therapeutic.gif) no-repeat;} #center #navleft li.weightloss span {background:url(images/text/weightloss.gif) no-repeat;} #center #navleft li.weightloss a span {background:url(images/text/weightloss.gif) no-repeat;} #center #navleft li.tarot span {background:url(images/text/tarot.gif) no-repeat;} #center #navleft li.tarot a span {background:url(images/text/tarot.gif) no-repeat;} #center #navleft li.angel span {background:url(images/text/angel.gif) no-repeat;} #center #navleft li.angel a span {background:url(images/text/angel.gif) no-repeat;} #center #navleft li.dreams span {background:url(images/text/dreams.gif) no-repeat;} #center #navleft li.dreams a span {background:url(images/text/dreams.gif) no-repeat;} #center #navleft li.books span {background:url(images/text/books.gif) no-repeat;} #center #navleft li.books a span {background:url(images/text/books.gif) no-repeat;} #center #navleft li.music span {background:url(images/text/music.gif) no-repeat;} #center #navleft li.music a span {background:url(images/text/music.gif) no-repeat;} #center #navleft li.articles span {background:url(images/text/articles.gif) no-repeat;} #center #navleft li.articles a span {background:url(images/text/articles.gif) no-repeat;} #center #navleft li.reikicourses span { background:url(images/text/reikicourses.gif) no-repeat;} #center #navleft li.reikicourses a span {background:url(images/text/reikicourses.gif) no-repeat;} #center #navleft li.reiki span:hover {background:url(images/text/active-reiki.gif) no-repeat;} #center #navleft li.balancing span:hover {background:url(images/text/active-balancing.gif) no-repeat;} #center #navleft li.aura span:hover {background:url(images/text/active-aura.gif) no-repeat;} #center #navleft li.cord span:hover {background:url(images/text/active-cord.gif) no-repeat;} #center #navleft li.crystal span:hover {background:url(images/text/active-crystal.gif) no-repeat;} #center #navleft li.yoga span:hover {background:url(images/text/active-yoga.gif) no-repeat;} #center #navleft li.therapeutic span:hover {background:url(images/text/active-therapeutic.gif) no-repeat;} #center #navleft li.weightloss span:hover {background:url(images/text/active-weightloss.gif) no-repeat;} #center #navleft li.tarot span:hover {background:url(images/text/active-tarot.gif) no-repeat;} #center #navleft li.angel span:hover {background:url(images/text/active-angel.gif) no-repeat;} #center #navleft li.dreams span:hover {background:url(images/text/active-dreams.gif) no-repeat;} #center #navleft li.books span:hover {background:url(images/text/active-books.gif) no-repeat;} #center #navleft li.music span:hover {background:url(images/text/active-music.gif) no-repeat;} #center #navleft li.articles span:hover {background:url(images/text/active-articles.gif) no-repeat;} #center #navleft li.reikicourses span:hover {background:url(images/text/active-reikicourses.gif) no-repeat;} /* bgimages h1 */ #center #navleft h1 {height: 29px; padding: 3px 10px; background: #ff9 ; /* AQUI */ margin: 0px; display: block; } #center #navleft h1.therapies { background: #fc0 url(images/text/therapies.gif) left center no-repeat; text-indent: -1000em;} #center #navleft h1.therapies.active, h1.therapies:hover { background: #fc0 url(images/text/active-therapies.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.therapies:hover { background: #fc0 url(images/text/active-therapies.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.workshops { background: #fc0 url(images/text/workshops.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.workshops.active, h1.workshops:hover { background: #fc0 url(images/text/active-workshops.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.workshops:hover { background: #fc0 url(images/text/active-workshops.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.resources { background: #fc0 url(images/text/resources.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.resources.active, h1.resources:hover { background: #fc0 url(images/text/active-resources.gif) left center no-repeat; text-indent: -1000em;} #center #navleft h1.resources:hover { background: #fc0 url(images/text/active-resources.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.testimonials { background: #fc0 url(images/text/testimonials.gif) left center no-repeat; text-indent: -1000em;} #center #navleft h1.testimonials.active, h1.testimonials:hover { background: #fc0 url(images/text/active-testimonials.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.testimonials:hover { background: #fc0 url(images/text/active-testimonials.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.links { background: #fc0 url(images/text/links.gif) left center no-repeat; text-indent: -1000em;} #center #navleft h1.links.active, h1.testimonials:hover { background: #fc0 url(images/text/active-links.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.links:hover { background: #fc0 url(images/text/active-links.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.guestbook { background: #fc0 url(images/text/guestbook.gif) left center no-repeat; text-indent: -1000em;} #center #navleft h1.guestbook.active, h1.guestbook:hover { background: #fc0 url(images/text/active-guestbook.gif) left center no-repeat; text-indent: -1000em; } #center #navleft h1.guestbook:hover { background: #fc0 url(images/text/active-guestbook.gif) left center no-repeat; text-indent: 1000em; } /* lnk */ #center #navleft h1 a {height: 29px; padding: 3px 0px; margin: 0px; display: block; } #center #navleft h1 a:hover { height: 29px; padding: 3px 0px; margin: 0px;} /**/ p#mailinglist {font-size:12pt; font-weight: bold ; padding-left: 5px} /* geral */ #center #content {padding: 0px; margin: 0px; margin-left: 260px; width: 520px; font-size: 0.95em } #center #content h1 {padding: 0px; margin: 0px; font-size: 1.35em; } #center #content h2 {padding: 0px; margin: 0px; font-size: 1.2em; padding-top: 15px;} #center #content h3 {padding: 0px; margin: 0px; font-size: 1.0em; } #center #content p {padding: 8px 0px; margin: 0px; font-size: 0.9em } #center #content ul {font-size: 0.9em } #center #content strong { color: #111; font-weight: bold;} #center #content blockquote { background: url(images/bgquote.gif) repeat; padding: 10px 15px; margin-top: 10px; margin-left: 0px; border: dashed #ff9 0.5pt; color: #606; font-weight: bold; font-size: 0.85em; } #center #content a {color: #226b3a; font-weight: bold; text-decoration: none;} /* AQUI */ #center #content a:hover {color: #1a5055; text-decoration: underline;} /* AQUI */ #center #content a:visited {color: #78507a; } #center #content a:active {color: #1a5055; font-style: italic; } /* --.geral */ #center #content img.illustration {border: none; float: right; right: 3px; margin-left: 2px; } #center #content h3.indented {margin-left: 20px;} #center #content p.note {font-style: italic;} #center #content p.point {font-style: italic; font-weight: bold; color: #324052;} /* AQUI */ #center #content p.top {font-size: 0.75em;} #center #content p.appt {padding: 10px 15px; margin: 10px 0px; background: url(images/bgquote.gif); font-size: 0.9em; width: 90%; border: dashed #ff9 0.5pt; } #center #content p.appt a {font-weight: bold; } #center #content p.contact a {font-weight: bold;} #center #content p.contact { font-size: 0.95em;} #center #content span.phone {color: #226b3a; text-decoration: none; font-weight: bold;} /* AQUI */ #center #content a.email {font-weight: bold;} span.destacado {text-transform: uppercase; font-weight: bold; color: maroon; } span.destacado:hover {color: #29552a;} #center #content table.recommendations { width: 100%; vertical-align: bottom;} #center #content table.recommendations td { text-align: center; width: 33%; border-left: solid #fc0 3.0pt; } #center #content table.recommendations td.rec-keyword { vertical-align: top; text-align: center; font-size: 0.8em; padding-bottom: 5px; } #center #content table.recommendations td.rec-keyword span { width: 50%; } #center #content table.recommendations td.rec-title {font-size: 0.9em; background: url(images/bgquote.gif); padding-top: 8px; padding-bottom: 8px;} #center #content table.recommendations td.rec-cover{ vertical-align: bottom;} #center #content table.recommendations td.rec-cover img {margin-top: 5px; border: solid gray 0.3pt; } #center #content table.recommendations td p.top {text-align: left; } #center #content table.emailform td {vertical-align: top; padding: 3px 0px 3px 0px ; } #center #content table.emailform {width: 350px;} #center #content .link {color: #226b3a; font-weight: bold } /* AQUI */ #center #content .link:hover {color: #1a5055; text-decoration: underline;} /* AQUI */ #bottom {clear: both; height: 3em; font-size: 0.8em;} #bottom #footer_left {float: left; padding-left: 15px;} #bottom #footer_right {float: right; color: #222; text-align: right; margin-right: 20px; } #bottom #footer_note { color: #222; font-style: italic; font-weight:bold; padding-top: 1px } #bottom #footer_credits {font-weight: bold; } #bottom a {color: #222; text-decoration: none;} #bottom a:hover {color: #1a5055; text-decoration: underline;}