/* CSS Document by WebDancer Studios */

/* ------------------------------- formatting ----------------------------- */

body {
 margin: 0 auto;
 padding: 0;
 width:100%;
 background: url(../images/bg.gif) repeat 0 0;
}

.clear {
 clear: both;
 padding-bottom: 1px;	/* for Gecko-based browsers */
 margin-bottom: -1px;	/* for Gecko-based browsers */
}

.hide { display: none !important; }


#pageControl {
 margin:0 auto;
 padding-bottom: 0;
 width:770px;
 background: #411136 url(../images/body_bg.gif) repeat-x 0 0;

}

#headerBG {
 margin-top: 114px;
 padding: 0;
 width: 100%;
 height:224px;
 margin: 0 -1px;    /* compensate for the borders because of 100% width declaration */
 background: url(../images/big_bg.gif);
}

#header, header ul {
margin:0 auto;
padding: 14px 0 10px 0;
width: 100%;
height: 20px;
text-align:center;
font-size: 0;
}

#header ul li {
 float: left;
 margin: 0 auto;
 padding: 0 26px 0 26px;
 border-right: 2px solid #b7de23;
 list-style-type: none;
}

#header ul li.nobor { border-right: none; }

#header ul li a {
 display: block;
 font: bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
 color: #f9cd13;
 background-color: #411137;
 text-decoration: none;
}

#header ul li a:hover {
 color: #ffffff;
 background-color: #411137;
}

#pic {
 width: 500px;
 background: url(../images/pic_bg.gif) repeat-y 0 0;
}

#pic span {
 background: url(../images/pict_up.gif) no-repeat 0 0;
 display: block;
 height: 19px;
 width: 500px;
}

#pic span.down {
 background: url(../images/pict_down.gif) no-repeat 0 0;
 display: block;
 height: 17px;
 width: 500px;
}

#pic img {
 margin: 6px 0 0 28px;
 display: block;
}





#leftBody {
width: 262px;
margin: 0;
float: left;
}

#leftBody h1 {
width: 262px;
color: #333333;
display: block;
padding: 30px 0 0 0;
margin: 20px 0 0 0;
background: #8ac20e url(../images/h1_bg.gif) repeat-x 0 0;
}

#leftBody h2 {
width: 120px;
height: 14px;
display: block;
margin: 30px 0 0 29px;
}

#leftBody ul {
width: 154px;
display: block;
margin: 0 0 0 29px;
}

#leftBody ul li {
background: url(../images/arrow.gif) no-repeat 0 8px;
display: block;
padding: 0 0 0 16px;
border-right: none;
width: 139px;
}

#leftBody ul li a {
font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
color: #c686bd;
text-decoration: none;
display: block;
}

#leftBody ul li a:hover {
text-decoration: none;
}

#leftBody h3 {
background: url(../images/hand-cream.jpg) no-repeat;
width: 99px;
height: 30px;
display: block;
text-indent: -2000px;
margin: 34px 0 0 0;
float: left;
padding: 0 0 0 29px;
}

#leftBody p {
width: 203px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.35em;
color: #e093bf;
background-color: #411136;
padding: 5px 5px 0 27px;
text-align: justify;
float: left;
}

#leftBody p center {
width: 203px;
text-align: center;
}

#leftBody p span {
padding: 0 0 0 5px;
}

#leftBody p a {
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
display: block;
background-color: #411136;
color: #ffffff;
text-decoration: underline;
margin: 10px 0 38px 0;
}




#rightBody {
width: 460px;
margin: 0;
float: left;
}


#rightBody h4 {
background: url(../images/skin-care-testimonies.jpg) no-repeat 0 0;

width: 281px;
height: 57px;
}

#rightBody h5 {
background: url(../images/contactus.gif) no-repeat 0 0;
width: 156px;
height: 24px;
}

#rightBody p form {

text-align: left;
}

#rightBody p {


font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #f3f3f0;
letter-spacing: 0.09em;
line-height: 1.2em;

margin: 10px 0 0 0;
}

#rightBody p a {

font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #6dcef3;

text-decoration: underline;
margin: 18px 0 0 0;
}



#footerContainer {
 margin: 0 -1px 0 0;    /* compensate for the borders because of 100% width declaration */
 padding-top:1px;
 width: 100%;
 height: 79px;
 text-align:center;
 font-size: 0;
 background: url(../images/footer_bgNew.gif) repeat-x 0 0;
}

#footer {
 margin-top: 16px;
 padding:0;
 width:100%;
}

#footer ul, #footer ul li {
 display: inline;
 margin:0;
 padding:0;
 text-align:center;
}

#footer ul li a {
 padding-left: 18px;
 padding-right: 18px;
 border-right: 1px solid #fff;
 font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration: none;
}

#footer ul li a.noborder { border-right:none !important }

#footer p, #footer p.copy, #footer link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 132%;
 color: #154600;
 background:inherit;
}

.fCopy {
 margin-top:16px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 132%;
 color: #154600;
 background:inherit;
}