* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
   background-color: #f9fce2;

}


.wrapper { 
 margin: 0 auto;
 width: 900px;
}

.wrap { 
 margin: 0 auto;
 width: 800px;
}

#headerbg{
width:100%;
height: 94px;
background-color: #ac8eae;
background-image: url(../images/headerbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 94px;
 margin: 0px 0px 0px 0px;

}

#menubg{
width:100%;
height: 99px;
background-image: url(../images/menubg.gif);
background-position:top;
background-repeat: repeat-x;
}

#menu {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 99px;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
}

#bannerbg{
width:100%;
height: 246px;
background-image: url(../images/bannerbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#banner {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 246px;
 margin: 0px 0px 0px 0px;

}


#bannersubbg{
width:100%;
height: 150px;
background-image: url(../images/bannersubbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#bannersub {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 150px;
 margin: 0px 0px 0px 0px;
background-image: url(../images/bannersub.gif);
background-position:top;
background-repeat: repeat-x;
}

#contentbg{
width:100%;
height: auto;
background-image: url(../images/contentbg.gif);
background-position:bottom;
background-repeat: repeat-x;
float:left;
background-color: #f9fce2;
}

#content {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}

#bubblesbg{
width:100%;
height: auto;
background-image: url(../images/bubblesbg.gif);
background-position:bottom;
background-repeat: repeat-x;
float:left;
}

#contentmain {
 color: #333;
 width: 800px;
 float: left;
 padding: 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}



.contentbox_contain {

 color: #333;
 width: 800px;
 height: auto;
 float: left;
 margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}


.contentbox {
background-color: #ffffff;
border-right: 1px solid #9ea9a0;
  background-image: url(../images/contentbox_bg.gif);
	background-position:bottom;
background-repeat: no-repeat;
 color: #333;
 width: 799px;
 height: auto;
 float: left;
}

.contentbox_top {
  background-image: url(../images/contentbox_top.gif);
	background-position:bottom;
background-repeat: no-repeat;
 color: #333;
 width: 800px;
 height: 12px;
 float: left;
}

.contentbox_bot {
  background-image: url(../images/contentbox_bot.gif);
	background-position:bottom;
background-repeat: no-repeat;
 color: #333;
 width: 800px;
 height: 10px;
 float: left;
}


.textbox {
 
 color: #333;
 background-color: #ffffff;
 width: 780px;
 height: auto;
 float: left;
 padding: 5px 10px 5px 10px;
 margin: 0px;
}

.textbox  p{
font-family: verdana;
font-size: 12px;
color: #000000;

margin:0px 10px 10px 10px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}


#boxes {

 color: #333;
 background-color: #ffffff;
 width: 800px;
 height: 366px;
 float: left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}



#leftcol {
 background-image: url(../images/hiddenhealthbg.gif);
 color: #333;
 width: 392px;
 height: 366px;
 background-position:top;
 background-repeat: no-repeat;
 float: left;
}


#rightcol {
 background-image: url(../images/challengebg.gif);
 color: #333;
 width: 392px;
 height: 366px;
 background-position:top;
 background-repeat: no-repeat;
 float: right;
 margin: 2px 0px 0px 0px;}

 
 #leftcolbut{
  width: 392px;
height: 99px;
  margin: 4px 10px 10px 10px;
	 padding: 0px 40px 40px 0px;
 }
 
 
 #rightcolbut{
  width: 392px;
height: 49px;
  margin: 2px 0px 0px -10px;
	 padding: 0px 0px 0px 0px;
 }

.texthome{
height: auto;

 font-size: 12px; 
 margin: 70px 30px 0px 25px;
}


.texthome p{
font-family: verdana;
font-size: 12px;
color: #000000;
text-align: left;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 14pt;
}


/* box rollover */

a#left {
width:370px;
height:49px;
background-image:url(../images/left.gif);
display:block;
text-decoration:none;
float:left;
}

a#left:hover {
background-position:370px 0;
}
a#right {
width:370px;
height:49px;
background-image:url(../images/right.gif);
display:block;
text-decoration:none;
float:right;
}

a#right:hover {
background-position:370px 0;
}

/* menu rollover */

a#home {
width:151px;
height:99px;
background-image:url(../images/home.gif);
display:block;
text-decoration:none;
float:left;
}

a#home:hover {
background-position:151px 0;
}

a#about {
width:233px;
height:99px;
background-image:url(../images/about.gif);
display:block;
text-decoration:none;
float:left;
}

a#about:hover {
background-position:233px 0;
}

a#diet {
width:210px;
height:99px;
background-image:url(../images/diet.gif);
display:block;
text-decoration:none;
float:left;
}

a#diet:hover {
background-position:210px 0;
}

a#faq {
width:103px;
height:99px;
background-image:url(../images/faq.gif);
display:block;
text-decoration:none;
float:left;
}

a#faq:hover {
background-position:103px 0;
}

a#buy {
width:203px;
height:99px;
background-image:url(../images/buy.gif);
display:block;
text-decoration:none;
float:left;
}

a#buy:hover {
background-position:203px 0;
}
/* footer */

#footerbg { 
 width:100%;
 height: 118px;
 background-image: url(../images/footbg.gif);
 background-position:top;
 background-repeat: repeat-x;
 float: left;
}


#footer { 
 width: 900px;
 clear: both;

 margin: 0px 0px 0px 0px;
 padding: 0px;

}


#footer p{
font-family: verdana;
font-size: 12px;
color: #ffffff;
text-align: center;
margin:20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#footer a{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#footer a:hover{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
 
 /* list and img border */
 
 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 


ul.list1 { 
list-style-type:none;
}


li.list1   {
padding-left:20px;
background:transparent url(../images/bullet.gif) no-repeat;
background-position:8px 4px;
}


/* headers */

h1  {
padding:2px 0px 0px 35px;
margin:5px 0px 10px 10px;
text-align:left;
position:relative;
color:#4a0000;
font-family: arial;
font-size: 1.8em;
background:transparent url(../images/headerswirl.gif) no-repeat;
background-position:0px 2px;
}




h2  {
padding:2px 0px 0px 35px;
margin:5px 0px 10px 10px;
text-align:left;
position:relative;
color:#D10707;
font-family: arial;
font-size: 1.6em;
background:transparent url(../images/headerswirl.gif) no-repeat;
background-position:0px 0px;
}

h3  {
padding:2px 0px 0px 35px;
margin:5px 0px 10px 10px;
text-align:left;
position:relative;
color:#D10707;
font-family: arial;
font-size: 1.4em;
background:transparent url(../images/headerswirl.gif) no-repeat;
background-position:0px 0px;
}


/* img floats */


img.floatright { 
    float: right; 
    margin: 10px 20px 10px 15px; 
}

img.floatleft { 
    float: left; 
    margin: 10px 15px 10px 10px; 
}