html body {background:white url(bg22.jpg) repeat fixed;
	       margin: 20px 0px 0px 0px;
	       font-family:"trebuchet";}
	

#wrap     {position: relative;
	       width: 860px; 
	       border:2px solid #d15d17;
	       margin: 0px auto 0px;
	       padding: 0px 30px 2px 30px; 
	       background:white url(bg21.jpg) repeat;
	       -moz-border-radius:18px; 
           -moz-box-shadow: 1px 1px 20px #000;}

#logo    {position: absolute; left:20px; top: 20px;
	      text-align:left;
	      width:202px;
	      border:0px solid red;}

#homebanner  {position: absolute; right:30px; top: 20px;
	          margin: 10px auto 0px;
	          width:667px;
	          border:0px solid red;}
	
#phone   {position: absolute; right:0px; top: 130px;
		  margin: 0px auto 0px;
		  width:667px;
		  border:0px solid red;}
		
#tag     {float: left;
	      border:0px solid red;
		  margin: 350px 0px 140px 20px ;}

#pic     {float: right;
	      border:0px solid red;
		  margin: 220px 5px 30px 20px ;}
	
#banner  {margin: 30px auto 0px;
	      width:667px;
	      border:0px solid red;}


#pptable  {margin: 30px auto 0px;
	       padding: 20px 30px 20px 65px;
	       width:500px;
	       border:0px solid #036478;}

	
#footer  {text-align:center;
	      border:0px solid red;
	      margin: 0px 0px 0px 0px;}


#map     {text-align:center;
	      margin: 20px 0px 20px 0px;
	      border:0px solid red;}
		
#yogapic {float: right;
	      border:0px solid red;
		  margin: 0px 0px 22px 0px ;}
		
		
#yogatext {text-align:left;
	       width:250px; height:140px;
	       margin: 0px 0px 0px 0px ;
	       padding:0;
	       border:0px solid red;}
 
#prodpic {float: right;
	      border:2px solid #036478;
		  margin: 0px 0px 0px 0px ;}
	
#topnav  {clear:both;
	      word-spacing:10px;
	      text-align:center;
	      border:0px solid green;
	      -moz-outline-style: none;}
	
#butnav  {clear:both;
	      border:0px solid red;
	      padding:0 0 0 8px;
	      width:856px;
	      height:40px;
	      margin:0px auto 20px;}
	
	
	/*My new CSS triple image swap navation*/

#navbut1    {display: block; float:left;
	         width: 107px;
             height: 40px;
             background: url("but1.png") no-repeat 0 0;}

#navbut1:hover {background-position: 0 -40px;}

#navbut1:active {background-position: 0 -80px;}

#navbut1 span  {display: none;}





#navbut2    {display: block; float:left;
             width: 107px;
             height: 40px;
             background: url("but2.png") no-repeat 0 0;}

#navbut2:hover {background-position: 0 -40px;}

#navbut2:active {background-position: 0 -80px;}

#navbut2 span  {display: none;}






#navbut3    {display: block; float:left;
             width: 107px;
             height: 40px;
             background: url("but3.png") no-repeat 0 0;}

#navbut3:hover {background-position: 0 -40px;}

#navbut3:active {background-position: 0 -80px;}

#navbut3 span  {display: none;}





#navbut4    {display: block; float:left;
             width: 107px;
             height: 40px;
             background: url("but4.png") no-repeat 0 0;}

#navbut4:hover {background-position: 0 -40px;}

#navbut4:active {background-position: 0 -80px;}

#navbut4 span  {display: none;}





#navbut5    {display: block; float:left;
             width: 107px;
             height: 40px;
             background: url("but5.png") no-repeat 0 0;}

#navbut5:hover {background-position: 0 -40px;}
#navbut5:active {background-position: 0 -80px;}

#navbut5 span  {display: none;}





#navbut6    {display: block; float:left;
             width: 107px;
             height: 40px;
             background: url("but6.png") no-repeat 0 0;}

#navbut6:hover {background-position: 0 -40px;}

#navbut6:active {background-position: 0 -80px;}

#navbut6 span  {display: none;}





#navbut7    {display: block; float:left;
             width: 107px;
             height: 40px;
             background: url("but7.png") no-repeat 0 0;}

#navbut7:hover {background-position: 0 -40px;}

#navbut7:active {background-position: 0 -80px;}

#navbut7 span  {display: none;}





#navbut8    {display: block; float:left;
             width: 107px;
             height: 40px;
             background: url("but8.png") no-repeat 0 0;}

#navbut8:hover {background-position: 0 -40px;}
#navbut8:active {background-position: 0 -80px;} 

#navbut8 span  {display: none;}

	/*End of Image Swap Navigation*/
	
	
	
a         {outline:none;}

a:link    {font: 16px florida, sans-serif;
           color:#036478; text-decoration:none;}

a:visited {font: 16px florida, sans-serif;
           color:#036478; text-decoration:none;}

a:hover   {font: 16px florida, sans-serif;
           color:#dc6415; text-decoration:none;}

a:active  {font: 16px florida, sans-serif;
           color:#ff4301; text-decoration:none;}

a:focus   {-moz-outline-style: none;}

a.cyan     {text-align:center; 
	        color:#036478; 
	        font: 9pt "ariel", "helvetica", "sans serif";}
	
a.pay     {text-align:center; 
	        color:#a23c97; 
	        font: 12pt "ariel", "helvetica", "sans serif";}
	
a:hover.cyan   {text-align:center; 
	            color:#dc6415; 
	            font: 9pt "ariel", "helvetica", "sans serif";}
	
a:active.cyan   {text-align:center; 
	            color:#ff4301; 
	            font: 9pt "ariel", "helvetica", "sans serif";}

h1 {text-align:center;
      color:#a23c97;
      background:none;
      font:  28pt arial;
      text-transform:none;}

h1.small {text-align:center;
          color:#036478;
          background:none;
          font: 30pt "helvetica"; text-transform:none;}

h2 {text-align:center;
     color:#036478;
      background:none;
      font: bold  14pt "helvetica"}

h2.yoga {text-align:center;
	     color:#036478;
	     font: bold  16pt "trebuchet"}

h3   {text-align:center;
      color:#036478;
      font:  12pt "helvetica"}

h4   {font: 10px "Arial", sans-serif; 
      color:green; text-decoration:none;}

h5   {text-align:center;
      color:#036478;
      background:none;
      font: bold  14pt "helvetica"}

h6   {text-align:center;
      color:red;
      background:none;
	  font: bold  16pt "helvetica"}
	
img.mo  {border: 7px outset blue;}

img.nav {vertical-align:middle; 
	     display: none; 
	     position:relative;  
	     border: 0px outset blue;}  


b      {text-align:left;
        color:green;
        font: 15pt "helvetica"} 


p      {text-align:justify;
        color:#036478;
        font-size: 14pt;
        line-height: 120%; 
        text-indent: 0px;}

p.first {text-align:center;
         color:#036478;
         font-size: 14pt;
         line-height: 120%; 
         text-indent: 0px;}

p.who {text-align:justify;
         color:#036478;
         font-size: 14pt;
         line-height: 160%; 
         text-indent: 0px;}

p.home   {text-align:center;
         color:#036478;
         font-size: 14pt;
         line-height: 120%; 
         text-indent: 0px;}

p.prod    {text-align:left;
           color:#036478;
           font-size: 12pt;
           line-height: 260%; 
           text-indent: 0px;}

p.yoga     {text-align:justify;
            color:#036478;
            width:250px;
            font-size: 12pt;
            line-height: 110%; 
            text-indent: 0px; 
            font-weight: bold;}

p.nav       {font: 12px "Arial Black", sans-serif;
             color:#036478; text-decoration:none;}

p.small     {text-align:center; 
	         color:#036478; 
	         font: 9pt "ariel", "helvetica", "sans serif"}
	
p.medium     {text-align:center; 
	         color:#036478; 
	         font: 12pt "ariel", "helvetica", "sans serif"}
	
p.loc        {text-align:center; 
	         color:#036478; 
	         font: 12pt "ariel", "helvetica", "sans serif"}

p.center        {text-align:center;}

p.center2        {text-align:center;
	              font-size:16pt;}


table tr td   {text-align:left;
               color:#036478;
               font: 12pt "helvetica";
               line-height: 100%; 
               text-indent: 0px; 
               font-weight: regular;}

table.paypal tr td   {text-align:left;
               color:#a23c97;
               font: 12pt "helvetica";
               line-height: 100%; 
               text-indent: 0px; 
               font-weight: regular;}




table tr th    { text-align:center;
                 color:#036478;
                 font: 12pt "helvetica";
                 line-height:100%; 
                 text-indent: 0px; 
                 font-weight: regular;}

table.paypal tr th { text-align:left;
                     color:#036478;
                     font: 14pt "helvetica";
                     line-height:100%; 
                     text-indent: 0px; 
                     font-weight: regular;}