body {

	margin: 0px;
	
	
	padding: 0px 0px 12px 0px;
	/*padding: 15px 0px 12px 0px;*/
	
	
	background: #c96 url(../images/bg1.gif) center top;
	/*background: #c96 url(../images/tile927.gif) center top;*/
	

	color: #fff;

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

	font-size: 12px;

	text-align: center;

}



a { text-decoration: none }

a:link { color: #fc6 }

a:visited { color: #ec7 }

#wrapinner a:hover { text-decoration: underline }

a:active { color: #f93 }

.hand { display: none }



h1 { float: left; padding-left: 100px; }

h1 a { display: block; width: 440px; height: 150px; overflow: hidden; text-indent: -900em; }



#wrap {

	margin: 0 auto;

	min-height: 688px;

	width: 930px;

	background: transparent url(../images/homex.jpg) no-repeat center top;

	text-align: left;

}



#topnav {

	float: left;

	margin: 02px auto;

	padding: 90px 90px 0 0;

	overflow: hidden;

	font-size: 11px;

	text-align: left;

	width: 390px;

	height: 223px;

	voice-family:"\"}\"";

	voice-family:inherit;

	width: 300px;

	height: 133px;

}

#topnav ul {

	margin: 0;

	padding: 0 6px 0 0;

	float: right;

	list-style-type: none;

	text-align: right;

	line-height: 11px;

	width: 156px;

	voice-family:"\"}\"";

	voice-family:inherit;

	width: 150px;

}

#topnav a { display: block; padding: 3px 10px 3px 0 }

#topnav a:link, #topnav a:visited { color: #fff }

#topnav a:hover { color: #fc6 }

#topnav a:active { color: #f93 }

#topnav a.active, #topnav a:hover { background: transparent url(../images/dots.gif) no-repeat right 5px }



#wrapinner {

	clear: both;

	margin: 0 auto;

	padding-top: 60px;

	width: 930px;

}



h2, h3 {

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 999;

}

.first { display: block; position: relative; z-index: 999 }



#middle .shadow, #leftnote .shadow { display: block; padding: 0; position: absolute; top: 2px; left: 2px; z-index: 10; color: #222 }

#middle {

	height: 80px;

	padding-left: 360px;

}

#middle h2 { word-spacing: 0.5em; width: 530px; font-size: 24px;

font-weight: bold; line-height: 28px; }

#middle .second { padding: 0 0 0 45px; }

#middle .third { padding: 0 0 0 90px; }

#middle a.learn { position: relative; margin-left: 85px; padding-bottom: 2px; font-size: 16px; display: block; width: 100px; }

#middle a.learn:link, #middle a.learn:visited { color: #fff }

#middle a.learn:hover { border-bottom: 2px solid #ccc; padding-bottom: 0; text-decoration: none; opacity: 0.7; color: #ccc }



#leftnote {

	float: left;

	position: relative;

	top: -40px;

	left: 133px;

	width: 226px;

	text-align: justify;

	font-size: 11px;

}

#leftnote h2 { left: -10px; font-size: 16px; margin-top: 20px; line-height: 16px; text-align: left; }

#leftnote h2 .second { padding: 2px 0 0 20px }

#leftnote h2.shadow { margin-top: -32px; left: -8px }

#leftnote h3 { font-size: 12px; margin-top: 4px; line-height: 12px; text-align: left; }

#leftnote h3 .second { font-weight: normal; font-size: 11px; font-style: italic; letter-spacing: -1px; line-height: 12px; }

#leftnote h3.shadow { margin-top: -22px }

#leftnote .cont { padding-right: 10px; margin-top:5px; }

#rightnote {

	float: right;

	padding: 35px 33px 0 0;

	text-align: justify;

	font-size: 11px;

	width: 210px;

	voice-family:"\"}\"";

	voice-family:inherit;

	width: 170px;

}

#leftnote p, #rightnote p { margin: 0; padding: 10px 0 5px; line-height: 14px; }

#leftnote .learn, #rightnote .learn { display: block; text-align: right }

#rightnote .learn { position: relative; margin-top: -5px }



#sbfa {

	clear: both;

	position: relative;

	top: -25px;

	left: 111px;

	cursor: pointer;

	display: block;

	width: 370px;

	height: 60px;

	text-indent: -900em;

}



/*ie\*/

* html #wrap { height: 688px }

* html #topnav a { height: 1px }

* html #middle h2 { margin-top: -4px }

/**/