body {
      margin:5px 0px; 
	  padding:0px;
	  height: 100%;
      text-align:center;
	  font-family: arial, verdana,sans-serif;
	font-size: 12px;
	background-color:#EAF4E7;
      }
img{
	border: 0px;
}

a,a:visited{ color: #15A9D3; text-decoration: none;}
a:hover,a:active{color: #0B8BB0;text-decoration: none;}

a.nav,a.nav:visited{color: #68AC3E;text-decoration: none; font-weight: bold;}
a.nav:hover,a.nav:active{color: #0B8BB0;text-decoration: none; font-weight: bold;}

#mainContainer {
      width:803px;
      margin:0px auto;
      text-align:left;
      padding:0px;
      background-color:#fff;
      }


#header {
	float: left;
	display: inline;
	height: 155px;
	width: 803px;
	margin: 0px;
	background-image: url(graphics/header5.jpg);
	background-repeat: no-repeat;	
}




.footer {
	float: left;
	width: 803px;
	height: 100px;
	background-image: url(graphics/footer.gif);
	background-repeat: no-repeat;	
}

#bodyO {
float: left;
display: inline;
width: 801px;
margin: 0px;
margin-top:-1px;
border-right: solid 2px #ccc;
background-color: #fff;
}

 #bodyO {
    \width: 803px;
    w\idth: 801px;
  }

 * html  #bodyO {
    width: 803px; /* for IE5 and IE6 in quirks mode */
    w\idth: 803px; /* for IE6 in standards mode */
  }
  
#homeImage{
float: left;
display: inline;
width: 100%;
height: 422px;
margin: 0px;
background-image: url(graphics/panela_pedra_home.jpg);
background-repeat: no-repeat;
}

#contactImage{
float: left;
display: inline;
width: 100%;
margin: 0px;
margin-top: -3px;
background-repeat: no-repeat;
background-image: url(graphics/panela_pedra_contact2.jpg);
height: 467px;
}

 #recipesImage{
float: left;
display: inline;
width: 100%;
margin: 0px;
margin-top: -3px;
margin-bottom: -2px;
background-repeat: no-repeat;
background-image: url(graphics/panela_pedra_contact2.jpg);
background-image: url(graphics/panela_pedra_recipes.jpg);
height: 467px;
background-color:#EAF4E7;
}


.footerImg {
	float: left;
	width: 803px;
	height: 100px;
	background-image: url(graphics/footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 0px;
	background-color:#EAF4E7;	
}
.logo {
	float: left;
	width: 300px;
}

#nav{
	float: right;
	display: inline;
	width: 575px;
	margin:127px 2px 0px 0px; 	
}

.navBorder{	
	width: 575px;
	height: 4px;
	 background-image: url(graphics/navbar.gif);
	background-repeat: repeat-x;
	margin: 24px 8px 0px 0px;
}

.navLink{
float: right;
display: inline;
margin:8px 15px 5px 15px;
font-weight: bold;
font-size: 13px;
}

.leftBody{
	float: left;
	display:inline;
	width: 183px;
	height: 104px;
	margin: 0px;
	margin-top: -3px;
	background-image: url(graphics/left_leaves.gif);
	background-repeat: no-repeat;
}

.rightBody{
	float: left;
	display:inline;
	width: 618px;
	height: 104px;
	margin-top: -3px;
	background-image: url(graphics/background.gif);
	background-repeat: repeat-x;
}

.rightBodyAbout{
	float: left;
	display:inline;
	height: 104px;
	background-image: url(graphics/background.gif);
	background-repeat: repeat-x;
	width: 1px;
}





h1.welcome{
 font-size: 15px;
 color:#126197;
 text-align: left;
}


.welcomeText{
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	width: 280px;
	color:#5A5B5B;
	text-align: justify;
	margin-top:33px;
	
}

h1.aboutText{
 font-size: 17px;
 color:#126197;
 margin-top: 0px;
 margin-bottom: 0px;
}


h3.aboutText{
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	width: 350px;
	color:#5A5B5B;
	text-align: justify;
	margin-top:28px;
	margin-bottom: 0px;
	display: inline;
	float: left;
	
}



h3.aboutText2{
	padding-left: 100px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	color:#5A5B5B;
	text-align: justify;
	margin-top:0px;
	float: left;
	display: inline;
}

h3.aboutText3{
	margin-left: 100px;
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	color:#5A5B5B;
	text-align: justify;
	margin-top:0px;
	float: left;
	display: inline;
	width: 400px;
}

h1.about{
	padding-left: 100px;
	padding-right: 10px;
	padding-top:0px;
	 font-size: 17px;
 color:#126197;
	line-height: 15px;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 15px;
	width: 700px;
	float: left;
	display: inline;
	
}

h2.contact{
 font-size: 12px;
 color:#126197;
}


.text{
	margin: 55px 0px 10px 370px;
	float: left;
	display: inline;
}

.textHome{
	margin: 73px 0px 10px 130px;
}


.textCare{
	margin: -40px 0px 10px 130px;
	width: 530px;
	float: left;
	display: inline;
}

.textCare p{font-size: 13px; margin: 7px 0 0px 0px;
	line-height: 13px;
	color:#353F46;
	text-aling: left;
	}
	
	
ul li{
font-size: 13px; margin: 5px 0 0px 0px;
	line-height: 15px;
	color:#5A5B5B;
	text-align: left;

}


.productText{margin: -80px 0 0 130px; float: left; display: inline; width: 550px;}

.productText p{font-size: 11px; margin: 7px 0 0px 0px;
	line-height: 13px;
	color:#353F46;
	text-align: justify;}
	
	.table{ margin: 30px 30px 0px 98px; float: left; }
	.table p{font-size: 13px; }
	.spacer {margin: 10px 0px 0px 0px; float: left;}
	
	span.price{color:#AE094B; font-size: 12px; font-weight: bold;}
	
	.productPots{float: left; display: inline; margin: 20px 0px 0px 0px;}


.contactText{
float: left;
display: inline; 
width: 320px; 
text-align: left; 
margin: 25px 0 0 90px;}

.contactText p{font-size: 11px; margin: 7px 0 0px 0px;
	line-height: 13px;
	color:#353F46;
	text-align: left;}
	
	.recipesText{ 
float: left; 
width: 315px; 
text-align: left; 
margin: 40px 0 0 180px;}

	
	.blockquote{margin: 5px 20px 5px 20px;}
  
#homeImage, .aboutImage{
float: left;
display: inline;
width: 100%;
height: 422px;
margin: 0px;
margin-top: -3px;
background-image: url(graphics/panela_pedra_home.jpg);
background-repeat: no-repeat;

}

.aboutImage{
margin-top: -3px;
height: 930px;
/*width: 803px;*/
background-image: url(graphics/panela_pedra_about3.jpg);
background-color:#EAF4E7;
}



.soapstoneImg{
float: right;
display: inline;
margin:5px 70px 30px 45px;
width: 180px;
}




