body			{ margin: 10px 0px 10px; padding: 0px; font-family: verdana, helvetica, sans-serif;
				font-size:11px; line-height: 1.5em; color: #808073; background-color: white; }
a			{ color: #997; text-decoration: none; }
a:hover			{ color: #BB9; }
a img			{ border-width: 0px; }

#index-01 		{ background: url('images/index_01.jpg') no-repeat; position:absolute;	left:0px;	top:0px;	width:700px;	height:330px;}
#index-02 		{ background: url('images/index_02.jpg') no-repeat; position:absolute;	left:0px;	top:330px;	width:700px;	height:237px;}
#index-03 		{ background: url('images/index_03.jpg') no-repeat; position:absolute;	left:0px;	top:567px;	width:700px;	height:133px;}
#index-04 		{ background: url('images/index_04.jpg') no-repeat; position:absolute;	left:0px;	top:0px;	width:700px;	height:300px;}
#index-04 a		{ padding: 0px 340px 250px; }

#granny  		{ position: relative; width:704px; height: 694px; }
#granny a		{ font-size: 1.2em; font-weight: bold; }
#granny .in		{ margin: 3px 0px; text-align: justify; }
#granny .in a 		{ color: #A6A674; font-size: 1em; font-weight: normal;  }
#granny .in a:hover 	{ color: #CCCCA3; }

.sub 			{ position: absolute; z-index: 10; text-align: right;  }
#s1			{ width: 140px; top: 400px; left: 10px; }
#s2			{ width: 80px; 	top: 490px; left: 196px; text-align: center; }
#s3			{ width: 100px; top: 395px; left: 507px; text-align: center; }
#s4			{ width: 180px; top: 570px; left: 20px;  }
#s4 .in, #s1 .in	{ text-align: right; }
#s5			{ width: 210px; top: 520px; left: 480px; text-align: left; }

#granny2  		{ background: url('images/index_04.jpg') no-repeat top; width:700px; 
				padding-top: 325px; position: relative; }
#granny2 .head		{ color: #997; font-weight: bold; width: 540px; padding: 5px 0px; 
				border-top: 1px solid #DDD; border-bottom: 1px solid #EEE; }
#granny2 .head a 	{ font-weight: normal; color: #664; font-size: 13px;  margin: 0px 10px; }
#granny2 .head b 	{ font-size: 13px; margin: 0px 10px; color: #775; }
#granny2 .title 	{ margin: 0.6em 0px; color: #BBA; font-size: 48px; }
#granny2 .title a 	{ font-size: 32px; color: #664; padding: 0px 10px; }
#granny2 .navig		{ text-align: center; font-size: 22px; margin-bottom: 1em; color: #DDC; }
#granny2 .navig .in	{ position: relative; top: -0.1em; font-size: 12px; color: #CCB; font-weight: bold;  }
#granny2 .navig .in a	{ font-size: 12px;  color: #886; padding: 0px 0px; font-weight: normal; }
#granny2 .main		{ position: relative; padding: 0px 25px; text-align: justify; font-size: 12px; color: #221; }
#granny2 .main p	{ text-indent: 20px; }
#granny2 .main .subtitle .reply	{ position: absolute; right: 25px; color: #CCB; }
#granny2 .main .subtitle .reply a	{ font-size: 11px; font-weight: normal; color: #887; }
#granny2 .main .subtitle a { color: #553; font-size: 14px; font-weight: bold;}
#granny2 .main .red 	{ padding-left: 20px; padding-right: 5px; font-size: 12px; 
				font-weight: bold; color: #AA8; }
#granny2 .main b	{ color: #553; font-size: 1.1em; }
#granny2 .main ul	{ padding: 0px 0px 0px 70px; margin: 5px 0px; }
#granny2 .main ul ul	{ padding: 0px 0px 0px 40px; margin: 5px 0px; }
#granny2 .main li	{ color: #BB9; margin: 0px 0px 7px; }
#granny2 .main li span	{ color: #332; text-align: justify; }
#granny2 .main a	{ color: #885; }
#granny2 .main a:hover 	{ color: #BB8; }
#granny2 .main a.ext	{ color: #779; }
#granny2 .main a.ext:hover	{ color: #99B; }
#granny2 .main .part	{ margin: 40px 0px 20px; }
#granny2 .main .hr	{ margin: 0px 100px; padding: 10px 0px 0px;  font-size: 1px; height: 1px; border-bottom: 1px solid #BBA; }



.clear			{ clear: both; font-size: 1px; line-height: 1px; visibility: hidden; }

.footer			{ width: 600px; border-top: 3px double #C5C5BC; margin: 0px;
				padding-top: 10px; color: #66665C; }
