@charset "UTF-8";
/* CSS Document */


body{
	padding:0;
	margin:20px;
	background:#aa4679 url(../images/bg.gif) repeat-x left top;
	font-family:"Century Gothic", arial, verdana, san-serif;
	font-size:12px;
	}
	
ul,li,p,q,h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	list-style:none;
	}
h1{
	text-align:left;
	color: #764769;
	padding-bottom: 5px;
	font-style: italic;
	}
a{
	text-decoration:none;
	}
a:hover{
	/*text-decoration:underline;*/
	}
img{
	border:none;
	padding: 0 0 0 0;
	}
.clr{
	clear:both;
	}

#wrapper{
	margin:auto;
	width:972px;
	border:1px #4f1139 solid;
	background-color:#FFF;
	}
	#header{
		float:left;
		width:966px;
		border:3px solid #fff;
		border-bottom:2px solid #fff;
		//background:url(../images/bg_header.gif) no-repeat left top;
		}
		#counsulation{
			padding:22px 25px;
			float:left;
			}
		#logo{
			float:right;
			}
	#topmenu{
		clear:both;
		float:left;
		width:966px;
		font-size:13px;
		border-left:3px solid #fff;
		border-right:3px solid #fff;
		}

		#topmenu li a{
			color:#fff;
			}
			#topmenu li a:hover{
				text-decoration:none;
				}

	#container{
		clear:both;
		float:left;
		width:966px;
		border:3px solid #fff;
		background:url(../images/bg_butterfly_02.jpg) no-repeat top left;
		}
		
	#books_container{
		clear:both;
		float:left;
		width:966px;
		border:3px solid #fff;
		background:url(../images/bkg_books.jpg) no-repeat top left;
		}
		
		#contents_index{
			float:left;
			width:966px;
			height:416px;
			//background:url(../images/bg_index_contents.png) no-repeat left top;
			}
			#text_box{
				width:310px;
				height:120px;
				margin:165px 0 0 40px;
				text-align:justify;
				}
				#contents_index h1{
					font-size:14px;
					color:#87a757;
					font-weight:normal;
					}
				#contents_index h2{
					width:315px;
					font-size:12px;
					font-weight:normal;
					}
			#banner{
				float: left;
				clear: both;
				width: 970px;
				}
		
		#sideimage {
			float: right;
			width: 315px;
		}
		
		#contents{
			float:left;
			width: 430px;
			text-align:justify;
			padding-bottom:30px;
			margin-bottom:10px;
			color:#764769;
			padding-top: 20px;
			padding-right: 23px;
			padding-left: 23px;
			}
			#contents a{
				color:#72aeb7;
				text-decoration:none;
				}
			#contents a:hover{
				color:#922a4c;
				}
			#contents h1{
				font-size:48px;
				}
			#contents h2{
				font-weight:normal;
				font-size:24px;
				text-align:left;
				}
			#contents h3{
				font-weight:normal;
				font-size:24px;
				text-align:left;
				padding:25px 0px 0px 5px;
				}
			#contents h4{
				font-weight:bold;
				font-size:13px;
				text-align:left;
				padding:0px 0px 0px 5px;
				}
			#contents h5{
				font-weight:normal;
				font-size:12px;
				text-align:left;
				padding:0px 0px 0px 5px;
				}
			#contents h6{
				font-weight:bold;
				font-size:13px;
				text-align:left;
				padding:0px 0px 0px 30px;
				}
			#contents p{
				margin-top: 20px;
				margin-right: 0;
				margin-bottom: 5px;
				margin-left: 30px;
				line-height: 20px;
				}
			#contents blockquote{
				display:block !important;
				padding:1px 1px;
				margin:20px 10px 20px 10px;
				text-align:justify;
				font-family:"Century Gothic", arial, verdana, san-serif;
				background:url(../images/quote_bkg.png) no-repeat top left;
				}
			#contents blockquote p{
				font-style:normal;
				color:#764769;
				display:inline;
				}
			#contents ul{
				margin-top:10px;
				margin-left:40px;
				}
			#contents li{
				padding:5px 0 5px 25px;
				background-image: url(../images/ic_list.gif);
				background-repeat: no-repeat;
				background-position: left top;
				}
				#container li a{}
			#coupon{
				float:left;
				margin:10px;
				margin-left:40px;
				width: 448px;
				height: 42px;
				background:url(../images/img_coupon.gif) no-repeat left;
				}
				
		#book_contents{
			float:left;
			width: 744px;
			text-align:justify;
			padding-bottom:30px;
			margin-bottom:10px;
			color:#764769;
			padding-top: 20px;
			padding-right: 23px;
			padding-left: 23px;
			}
			#book_contents a{
				color:#72aeb7;
				text-decoration:none;
				}
			#book_contents a:hover{
				color:#922a4c;
				}
			#book_contents h1{
				font-size:48px;
				}
			#book_contents h2{
				font-weight:normal;
				font-size:24px;
				text-align:left;
				}
			#book_contents h3{
				font-weight:normal;
				font-size:24px;
				text-align:left;
				padding:25px 0px 0px 5px;
				}
			#book_contents h4{
				font-weight:bold;
				font-size:13px;
				text-align:left;
				padding:0px 0px 0px 5px;
				}
			#book_contents h5{
				font-weight:normal;
				font-size:12px;
				text-align:left;
				padding:0px 0px 0px 5px;
				}
			#book_contents h6{
				font-weight:bold;
				font-size:13px;
				text-align:left;
				padding:0px 0px 0px 30px;
				}
			#book_contents p{
				margin-top: 20px;
				margin-right: 0;
				margin-bottom: 5px;
				margin-left: 30px;
				line-height: 20px;
				}
			#book_contents blockquote{
				display:block !important;
				padding:1px 1px;
				margin:20px 10px 20px 10px;
				text-align:justify;
				font-family:"Century Gothic", arial, verdana, san-serif;
				background:url(../images/quote_bkg.png) no-repeat top left;
				}
			#book_contents blockquote p{
				font-style:normal;
				color:#764769;
				display:inline;
				}
			#book_contents ul{
				margin-top:10px;
				margin-left:40px;
				}
			#book_contents li{
				padding:5px 0 5px 25px;
				background-image: url(../images/ic_list.gif);
				background-repeat: no-repeat;
				background-position: left top;
				}
			#book_contents img{}
			
	#indent{
		margin:5px 0px 5px 30px;
		padding:0px 5px 5px 5px;
		background-color:#FFF4FF;
		}
	#indent p{
		padding:20px 28px 15px 0px;
		font-style: italic;
		}

	#sidebar{
		float:left;
		width:145px;
		color:#4f1139;
		font-weight: bold;
		font-size: 11px;
		padding:10px 20px 10px 10px;
		}
		#sidebar a{
			color:#4f1139;
			}
		#sidebar input {
			font-family: "Century Gothic", arial, verdana, san-serif;	
			font-size: 10px;
		}
		
		#sidebar textarea {
			font-family: "Century Gothic", arial, verdana, san-serif;	
			font-size: 10px;
		}
		
		#sidebar h2{
			font-size:32px;
			text-align: center;
			color: #af497d;
			}
		#sidebar h3{
			font-size:18px;
			text-align: center;
			margin-top:-5px;
			color: #af497d;			
			}
			
		#sidebar p{
			font-size:10px;
			font-weight: normal;
			text-align: justify;
			color: #af497d;
			}
		#sidebar h4{
			float:right;
			font-size:24px;
			}
		#sidebar h5{
			font-size:10px;
			font-weight: normal;
			text-align: center;
			color: #af497d;
			}
		#sidebar ul{}
		#sidebar li{
			padding:3px 10px;
			border-bottom: thin solid #ede7eb;
			text-align: right;
			}
		#question td{
			padding:3px;
			}
			.question{
				width:145px;
				border:1px solid #798863;
				}
		p.bottom{
			clear:both;
			border-top:3px solid #fff;
			}
	#footer{
		clear:both;
		width:966px;
		margin:auto;
		color:#d2a5bd;
		font-size:11px;
		font-variant:small-caps;
		padding:8px 0;
		}
		#footer a{
			color:#d2a5bd;
			}
		#footer ul{
			float:left;
			width:200px;
			}
		#footer li{
			float:left;
			line-height:10px;
			padding:0 8px;
			border-right:1px solid #d2a5bd;
			}
			
		#footer p.copyright{
			float:left;
			margin-left:50px;
			}
		#footer p.taoti{
			float:right;
			}
			
/* Right Panel Buttons */

#buttons_right {
	padding: 2px 0 0 0;
	width: 313px;
	}
 
#buttons_right li {
	list-style: none;
	padding: 0 0 2px 0;
	margin: 0;
	}
 
.button_main {
	/*background-color:#fee8f5;*/  /* Pink Color */  /* use either background-image or background-color */
	background-image: url(../images/right_button_down.gif);  /* use either background-image or background-color */
	background-repeat: no-repeat;
	height: 127px;
	width: 313px;
	}

.button_main h1{
	font-family:"Century Gothic", arial, verdana, san-serif;
	font-size:12px;
	font-weight: bold;
	text-align: left;
	color: #af497d;
	padding:15px 0 5px 5px;
	}
.button_main h2{
	font-family:"Century Gothic", arial, verdana, san-serif;
	font-size:11px;
	font-weight: normal;
	text-align: left;
	color: #af497d;
	padding:40px 0 0px 5px;
	}
.button_main h3{
	font-family:"Century Gothic", arial, verdana, san-serif;
	font-size:12px;
	font-weight: bold;
	text-align: left;
	color: #af497d;
	padding:0px 0 0px 5px;
	}
.button_main h4{
	font-family:"Century Gothic", arial, verdana, san-serif;
	font-size:12px;
	font-weight: bold;
	text-align: left;
	color: #af497d;
	padding:45px 0 0px 5px;
	}
.button_main p{
	font-family:"Century Gothic", arial, verdana, san-serif;
	font-size:11px;
	font-weight: normal;
	text-align: left;
	color: #af497d;
	padding:5px 0 0 5px;
	}

.button_main a{
	/*background-color:#f6f6fe;*/  /* Blue Color */  /* use either background-image or background-color */
	background-image: url(../images/right_button_up.gif);  /* use either background-image or background-color */
	background-repeat: no-repeat;
	height: 127px;
	width: 313px;
	display: block;
	}
	
.button_main img{
	padding:13px 5px 0 8px;
	}

.button_main a:hover{
	background: none;
	}
	
/* End Right Panel Buttons */
		
/* Start Tooltip CSS */

#tooltip { 
    display:none; 
    background:transparent url(../images/black_arrow.png); 
    font-size:12px; 
    height:200px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}
/* End Tooltip CSS */
				
/* Start Contact Form Input Field CSS */

#contactform {
	width:380px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:10px 0;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	/*background:#c48100;*/
	border:1px solid #ddd;
	-moz-border-radius:5px
}
* html #contactform fieldset {
	position:relative;
	margin:10px 0 30px 0;
	padding:20px 0;
}
* html #contactform legend {
	position:absolute;
	top:-1.2em;
	left:0;
}
#contactform fieldset legend {
	font:normal bold 14px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:125px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#column_wrap{
	width:370px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#contactform form label2 {
	display:block;
	float:left;
	width:380px;
	padding:6px 10px 0 0;
	margin:0 0 0 25px;
	text-align:left;
}
#contactform form label3 {
	display:block;
	float:left;
	width:170px;
	padding:0px 1px 1px 0;
	margin:0 0 0 1px;
}

#contactform form .radioposition {
	float:left;
	display:block;
	width:20px;
	padding:5px 0 0 25px;
	margin:0 15px 0 50px;
}

#contactform form .checkposition {
	float:left;
	display:block;
	width:20px;
	padding:1px 0 0 0;
	margin:0 1px 0 115px;
}

#contactform form p{
	text-align:center;
	font-size:11px;
	padding:0 0 0px 0px;
	color:#764769;
}

#contactform input.inpt, #contactform textarea {
	width:180px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #c48100;
}

#contactform select {
	width:180px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #c48100;
}

#contactform input.inpt, #contactform textarea, #contactform select {
	width:180px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #764769;
}

#contactform form .required {
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('../images/required.gif') 98% 50% no-repeat;
}
#contactform input.required {
	background:#f5f5f5 url('../images/required.gif') 98% 50% no-repeat;
}

#contactform .select select:focus {
	border-color: #c48100;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}

form.cl select
	{
		border:1px solid #d8d8d8;
	}

/* Start Contact Form Input Field CSS */
	
/* Start Contact Form Error / Success / Notice */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				font-size:100%;
				color:#000;
				padding:10px;
				width:90%;
				margin:0 0 20px 0px;
				text-align:left
				margin-left:auto;
				margin-right:auto;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
				padding:2px 40px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;


.notification_ok {
	border: 1px #567397 solid;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
	-moz-border-radius: 5px;
	}

/* End Contact Form Error / Success / Notice */

label.askerror {
	font-weight:normal;
	color:red;
	text-align:left;
	width:140px; 
	padding-left:25px;
    background: transparent url(/351face3/images/cancel.png) no-repeat scroll left; 
	float: left;
}