body {
color: #3a605c;
font-family: arial, helvetica, sans-serif;
font-size: 85%;
margin: 0;
padding: 0;
width: 100%;
background: #fff;
text-align: center;
}

html {
text-align: center;
}

a {
color: #3a605c;
text-decoration: none;
font-size: 1em;
font-weight: normal;
}

a:visited {
color: #666;
}

a:hover {
color: #7597c1;
text-decoration: underline;
}

a:active {
color: #7597c1;
}

a img {
border: none;
}

a.current {
color: #7597c1;
text-decoration: underline;
}

h1 {
font-size: 1.4em;
font-weight: normal;
text-align: left;
color: #bc524d;
}

h2 {
font-size: 1.3em;
font-weight: normal;
text-align: left;
color: #b23732;
}

h3 {font-size: 1.3em;
font-weight: normal;
text-align: left;
}

h4 {font-size: 1.1em;
font-weight: normal;
}

p {text-align: left;
line-height: 1.3em;
color: #3a605c;
font-size: 1em;
}

/* text decoration */

.ital {
font-style: italic;
}

.bold {
font-weight: bold;
}

.small {
font-size: 0.9em;
}

.large {
margin-top: 0;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix { display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix { height: 1%;}

#container {
position: relative;
margin: 0 auto;
padding: 0 0 80px 0;
width: 944px;
background: url(images/bottom1.gif) bottom left no-repeat;
}

#footpic {
position: absolute;
top: 0;
left: 0;
width: 180px;
height: 308px;
}

#content {
margin: -3px 0 0 0;
padding: 0;
width: 944px;
background: url(images/bg1.gif) top left repeat-y;
}

ul#mainnav {
list-style: none;
margin: 0 0 0 60px;
padding: 0;
width: 844px;
}

ul#mainnav li {
display: inline;
margin: 0;
padding: 0 10px;
}

#text {
margin: 30px 0 0 120px;
padding: 0 0 0 60px;
width: 740px;
text-align: left;
}

#text ul {
list-style-type: square;
margin: 0 0 0 30px;
padding: 0;
text-align: left;
}

#text ul li {
margin: 5px 0 5px 0;
padding: 0 0 0 10px;
}

#text ul.chakras {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
vertical-align: middle;
}

#text ul.chakras li img {
display: inline;
margin-right: 20px;
vertical-align: middle;
}

#text a {
color: #7597c1;
text-decoration: underline;
}

#text a:hover {
color: #b23732;
}

#article {
margin: 0 0 0 20px;
padding: 0;
width: 610px;
text-align: left;
}

div.float {
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 200px;
}

#footer {
clear: all;
margin: 20px auto;
padding: 0;
}