body			{ margin:0; text-align:center; background: url('../images/bg-body.gif') top left repeat-x #357e0a; font-family: tahoma, arial, verdana, serif; font-size:12px; color:#4d9410;}

#delivery	{ position:absolute; left:0; top:0; }
#mainframe	{ background: url('../images/bg-header.jpg') top center no-repeat; width:100%; min-height:800px; margin:auto;}

#header		{ width:900px; height:390px; background: url('../images/img-otakotak.png') top left no-repeat;  margin:auto;}
#logo		{ float:right; width:800px; text-align:right;}
#intro		{ float:right; width:590px; height:381px; background: url('../images/img-otakotak2.png') top right no-repeat; margin-top:20px; font-family: "monotype corsiva", Arial, Helvetica, serif; color:#316300; text-align:left;}
#intro h2	{ font-size:18px; line-height:150%; }

#content	{ background:transparent; width:900px; margin:auto;}
#article	{ background-image: url('../images/logo-otakotak2.gif'); background-position: 0px 25px; background-repeat:no-repeat; width:650px; float:left; text-align:left; }
#article h2	{ font-size:18px;  }
#article p	{ line-height:140%; margin: 5px 0px 5px 100px ; text-align:justify;}
blockquote	{ background: url('../images/bg-blockquote.png') top left no-repeat; padding: 5px; margin: 2px 0px 0px 100px; color:#000; height:85px;}
#imago		{ width:650px; float:left; margin: 25px 0px 5px 90px; }
.imgbox		{ width:160px; text-align:center; float:left;}
label			{ width:50px; float:left; margin-left:20px; }
#section	{ background:transparent; width:200px; float:right;}

#content	a			{ color:#006600;}
#content	a:hover		{ color:#ffff66;}

#yahoo		{ background: url('../images/banner-ym-online.png') top left no-repeat; padding: 28px 0px 10px 60px; }

#footer	a			{ color:#99ffff;}
#footer	a:hover		{ color:#ffff66;}

#footer		{ background:#000; width:100%; color:#fff; font-size:11px; clear:both;}
#footer p	{ padding:5px; }