/*	Title:			Implant

	Description:	Companion Site for Creating Sexy Stylesheets Presentation

	Author:			Manop Bootkaew

	Last Updated:	13.03.08

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: baseline;

}



/*	.................................................

	. resets	

	.................................................

*/



* { margin: 0; padding: 0;}

h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em; line-height: 1em; }

/*	.................................................

	. basic html styles

	.................................................

*/

body {

	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;

	font-size: 12px;

	color: #000;

	text-align:justify;

	background-color:#a6d7e7;

	background:url(../images/bg_body.gif) repeat;

}



#wrapper {margin: 0 auto; width: 760px; overflow: auto; }



/*	.................................................

	. headerWrapper

	.................................................

*/

#headerWrapper {width: 730px; height: 115px; background: url(../images/bg_head.gif) no-repeat; background-color:#e9808c; padding-top:35px; padding-left:30px; }

	#headerWrapper h1{width:292px; height:55px; }

	#headerWrapper h1 a {text-decoration: none;color:#107995; font-size:28px; font-weight:bold;}

	#headerWrapper h1 a:hover {text-decoration: none;}

/*	.................................................

	. leftSide (Navigation)

	.................................................

*/

#leftSide {overflow: left;  background-color:#4daac7; width:202px; height:auto; padding-top:30px; }

	#leftSide p { text-align: center;}

	#leftSide ul { list-style:none; margin-top:20px; margin-left:5px;}

	#leftSide li{width: 170px; padding:7px 9px; border-bottom:#f4db37 dashed 1px;}

	#leftSide li a{text-decoration: none; color:#fff; font-size:16px;}

	#leftSide li a:hover{text-decoration: underline;}

/*	.................................................

	. leftSide2 (Navigation)

	.................................................

*/

#leftSide2 { overflow: hidden;  background-color:#7caadf; width:202px; height:auto; padding-top:20px; padding-bottom:30px;}

	#leftSide2 h4 { font-weight:bold; text-align:center; color:#ff9900;}

	#leftSide2 p { margin-top:5px; margin-left:5px; margin-right:5px; }

/*	.................................................

	. mianContent (content)

	.................................................

*/

#navi{position: relative; float: left; margin: 0 auto; width: 202px; overflow: hidden; background:url(../images/bg_content.gif) repeat-y;}

#mainContent { float: right; position: relative; margin: 0 auto; width: 550px; overflow: hidden; background:url(../images/bg_content.gif) repeat-y;}

#contentWrapper {width: 550px; overflow: hidden; margin:0 4px 2px 0px; }

#contentWrapper h2 {width:530px;font-size: 18px; font-weight:bold; color: #fff; padding: 10px;background:#1263bb;margin-right:20px;margin-left:20px;margin-bottom:5px;margin-top:15px;}

#contentWrapper h3 {margin:15px 20px 0 0; font-size:18px; color:#7F7F55; font-weight:bold; text-align:center; text-decoration:underline;}

#contentWrapper p.content {font-size: 16px; line-height:1.6em; color:#5eabff; margin: 20px ; padding-top:5px;} 

#contentWrapper p.content  img{margin-left:150px; border: dashed 1px  #FFCC33;}

/*	.................................................

	. Footer (Footer)

	.................................................

*/

#Footer {

	margin: 0 auto;

	padding-top: 15px;

	width: 760px;

	height: 30px;

	background:#107995;

	font-size: 10px;

	color: #fff;

	text-align: center; }

	





#yomi-dh{

	margin-right: 20px;

	margin-left: 20px;

	margin-top: 40px;

	margin-bottom: 20px;

	width: auto;

	line-height: 28px;

	font-size: 14px;

	text-indent: 40px;

}

.yomi-dh2{

	margin-left: 50px;

	padding:10px;

	text-align:center;

	font-weight:bolder;

}

.yomi-dh3{

	padding:10px;

	font-size:12px;

	text-align:left;

	line-height:28px;

}

.yomi-text1{

	font-size:14px;

	font-weight:bold;

}

.yomi-text2{

	font-size:12px;

	line-height: 28px;

}

hr.yomi-sen{

display:inline;

}