body {

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  margin:0;
  line-height: 150%;

 
  color:#333333;

  background: #669933 url(../images/ketepaBg.png);

}

p {

 margin:0;

}

h1 {

  font-size:16px;

  font-family:Geneva, Arial, Helvetica, sans-serif;

  font-weight:normal;

 }

#shadow {

  position:relative;

  width:880px;

  margin-left: auto;

  margin-right:auto;

  height: 600px;

}

#wrapper {

  position:absolute;

  background-color:#FFFFFF;

  background-image:url(../images/wrapperbg.png);

  width: 878px;

  height: 650px;

  top: 0px;

}

#wrapperbottom {

  background:#FFFFFF url(../images/wrapperbgbottom.png);

}

#header {

	position:absolute;

	top:0px;

	background-color:#FFFFFF;

  background:url(../images/peepBoxImages/bagInField.jpg) right no-repeat #fff;

	height: 124px;

	width:878px;

}



#main {

  position:absolute;

  top: 125px;

  background: #FFFFFF;

  left: 0px;

  width:100%;

}

#user1 {

	position:absolute;

	width: 179px;

	margin: 15px 25px 0 94px;

	height: 180px;

	top: 250px;

	border: #7EAF39 thin solid;

}

#user1 p, #user2 p, #user3 p {

  padding-left: 5px;

  text-align:justify;

}

#user1 p img, #user2 p img, #user3 p img {

  padding: 5px 2px 0px 0px;

}

#user2 {

	position:absolute;

	width: 179px;

	margin: 15px 25px 0 325px;

	height: 180px;

	top: 250px;

	border: #5D250C thin solid;	

}

#user3 {

	position:absolute;

	width: 179px;

	margin: 15px 0 0 560px;

	height: 180px;

	top: 250px;

	border: #D7862A thin solid;	

}

  

.logo {

  padding: 10px;

  left:0;

}

.banner {

    float:right;

	width: 550px;

}

#footer {

  position:relative;

  margin-left:auto;

  margin-right:auto;

  color:#FFFFFF;

  font-family:Geneva, Arial, Helvetica, sans-serif;

  font-size:10px;

  text-align:center;

  top: 590px;

}

.border {

  background:#FFCC00;

  line-height: 0.5em;

}

#sidebar {

  position:absolute;

  width: 200px;

  margin: 5px 0 0 20px;

  min-height: 150px;

  border: #5D250C 1px solid;	



}

#sidebar .products {

  background-image:url(../images/nav_img/sidebarHeader.png);

  background-repeat:no-repeat;

  font-size: 200%;

  color:#FFFFFF;

  padding: 0 0 0 3px;

  height: 45px;

  width: 200px;

  font-weight: normal;

  text-align:center;

  font-family:Geneva, Arial, Helvetica, sans-serif;

  

}

#productimage{

  left:0px;

  position:absolute;

  top: 185px;

}

#contentbox {

  position:relative;

  width: 650px;

  float: right;

}

#content {

  position: relative;

  float:right;

  width: 350px;

  height:auto;

  padding: 10px 10px 10px 10px;

}

#learning  {
	text-align:justify;
	list-style:inside disc;
	display:block;
}
 
#learning li {
  display:block;
  list-style-type: disk;
  list-style-position: inside;
  margin-left: 1em;
  padding: 7px;

 }

.pagetitle {

  color:#FFFFFF;

  font-weight:normal;

  font-size:22px;

  text-align:center;

}