/*
----------------------------------------
file: main.css
app: tyannmassage
date: july 2007
desc: 
----------------------------------------
*/


/* structure
................................................................................ */
body {
   margin: 0;
   padding: 20px 0;
   font: small tahoma, arial, sans-serif;
   line-height: 1em;
   color: #333;
   background-color: #9e99d2;
   }

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, blockquote, td {
   margin: 0;
   padding: 0;
   border: 0;
   }

table {
   border-collapse: collapse;
   }

ul, ol, li {
   list-style: none;
   }


/* layout
................................................................................ */
#container {
   position: relative;
   width: 700px;
   margin: 0 auto;
   background: url(../img/content_back.gif) repeat-y 0 0;
   }


/* head
................................................................................ */
#head {
   height: 135px;
   background: url(../img/head_flower.gif) no-repeat 0 0;
   }

#head img {
   margin: 0 0 0 170px;
   }

#head h1 {
   position: absolute;
   margin-left: -1999px;
   }


/* content
................................................................................ */
#content {
   margin: 0 0 0 190px;
   padding: 25px 20px 25px 0;
   }

#content h3 {
   height: 20px;
   margin: 0 0 15px;
   padding-top: 20px;
   background-position: 0 100%;
   background-repeat: no-repeat;
   }

#content h3 span {
   position: absolute;
   margin-left: -1999px;
   }

#content h4 {
   margin: 0 0 15px;
   font-size: 100%;
   font-weight: bold;
   color: #333;
   }

h3.welcome {
   background-image: url(../img/t_welcome.gif);
   }

h3.location {
   background-image: url(../img/t_location.gif);
   }

h3.therapies {
   background-image: url(../img/t_therapies.gif);
   }

h3.benefits {
   background-image: url(../img/t_benefits.gif);
   }

h3.session {
   background-image: url(../img/t_session.gif);
   }

h3.pricing {
   background-image: url(../img/t_pricing.gif);
   }

h3.policies {
   background-image: url(../img/t_policies.gif);
   }

h3.forms {
   background-image: url(../img/t_forms.gif);
   }

h3.forms {
   background-image: url(../img/t_forms.gif);
   }

h3.promo {
   background-image: url(../img/t_promo.gif);
   }

#content p {
   margin: 0 0 20px;
   font-size: 95%;
   line-height: 1.8em;
   }

#content p.top {
   margin: 0;
   padding: 0;
   font-size: 90%;
   text-align: center;
   }

#content a {
   color: #184ba0;
   }

#content a:hover {
   text-decoration: none;
   }

img.portrait {
   float: left;
   margin: 0 20px 3px 0;
   }

#content ul {
   margin: 0 0 1.35em 25px;
   }

#content li {
   margin: 0;
   font-size: 95%;
   line-height: 1.5em;
   list-style: disc;
   }

#map {
   margin: 0;
   padding: 0;
   text-align: center;
   }

dt {
   margin: 0 0 .35em;
   font: bold 85% verdana, arial, sans-serif;
   color: #333;
   background: url(../img/bullet1.gif) no-repeat 0 50%;
   }

dd {
   margin: 0 0 1em 20px;
   line-height: 1.3em;
   }

span.em {
   font: bold 100% verdana, arial, sans-serif;
   }

span.un {
   border-bottom: 1px dashed #333;
   }

table.pricing {
   margin: 0 0 25px 20px;
   border-collapse: separate;
   border: 1px solid #9acd78;
   font: 85% verdana;
   color: #333;
   background: #fff;
   }

table.pricing th, table.pricing td {
   padding: 5px 10px;
   }

table.pricing th {
   font-size: 100%;
   font-weight: bold;
   text-align: center;
   color: #fff;
   background: #99cd77;
   }

table.pricing td {
   background: #edf8dc;
   }

table.pricing td.rate {
   background: #e0f2c5;
   }

table.pricing td.price {
   text-align: right;
   background: #e0f2c5;
   }

#promo {
   text-align: center;
   }

#promo p {
   margin: 0;
   padding: 0;
   font: 70% verdana, arial, sans-serif;
   }


/* nav
................................................................................ */
#nav {
   float: left;
   width: 120px;
   margin: 40px 0 0;
   padding: 0 0 0 20px;
   }

#nav li {
   padding: 4px 0 3px;
   background: url(../img/nav_line.gif) no-repeat 0 0;
   }

#nav li.noline {
   background-image: none;
   }

#nav a {
   display: block;
   width: 120px;
   padding: 3px 0;
   font: bold 100% verdana, arial, sans-serif;
   text-decoration: none;
   text-align: right;
   color: #f8eff8;
   }

#nav a:hover {
   background-color: #6e359b;
   }


/* foot
................................................................................ */
#foot {
   clear: both;
   height: 70px;
   background: #cdcbed url(../img/foot.jpg) no-repeat 0 0;
   }

#foot p {
   margin: 0;
   padding: 50px 0 0;
   font: 85%/100% arial, sans-serif;
   text-align: center;
   color: #006;
   }