/* TOP */
#top { background: url(../images/top_bg.gif) repeat-x top; margin-top: 20px; color: #fff; }
#top a { color: #fff; }
#top div.right { background: url(../images/top_right.jpg) no-repeat top right; }
#top div.left { background: url(../images/top_left.jpg) no-repeat top left; height: 222px; padding: 53px 80px 100px 305px; position: relative; }
#top ul { list-style-image: url(../images/top_bullet.gif); font-size: 14px; margin: 0 0 10px 0; padding-right: 30px; }
#top .top_titles { /*padding-right: 100px;*/ text-align: center; }
#top .top_titles .main_titles { width: 100%;  text-align: center; float: right;}
#top .top_title { height: 23px;color:#ff8719; font-size:26px; font-weight:lighter; /*text-align: right;*/ }
#top .top_title2 { /*text-align: right;*/ line-height: 21px;}
#top .top_right { float: right; width: 48%; font-size: 14px;}
#top .top_left, #top span.left { margin-right: 52%; font-size: 14px;}
#top span.left { display: block; font-weight: bold; padding-right: 30px; }
#top .join { position: absolute; right: 110px; bottom: 60px;}
#top .demo { position: absolute; left: 305px; bottom: 63px; }
.welcome{font-size:23px !important;}
.h2_welcome{font-size:17px !important;color:#fff; _margin-top: -100px; }
.h2_books{font-size:19px !important;color:/*#6b7477*/#393e4c; font-weight: normal; line-height:20px;}
/* CONTENT */
#books { width: 912px; margin: auto; position: relative; }
#over { width: 54px; height: 70px; position: absolute; top: 53px; display: none; background: url(../images/black_box.png) no-repeat scroll 2px 0px; text-align: left; padding: 44px 0 0 26px; margin-top:-14px; *margin-top:-14px; }
#over img { margin: 0; vertical-align: top; }
#content .info .book_title { margin: 10px 0; }
#content .info table { clear: left; margin-top:-11px;}
#content .info ul { list-style: none; margin: 0; padding-bottom: 13px; *padding-bottom: 0px;}
#content .info ul li { padding: 0px 0; }
/*#content .info ul ul { margin: 0; }*/
#content .info a { color: #393e4c; }
#content .info { background: #fff url(../images/info_top.gif) repeat-x top; position: absolute; width: 100%; color: #8c8f95; line-height: 18px; z-index:0;}
#content .info .right { background: url(../images/info_right.jpg) no-repeat top right; }
#content .info .left { background: url(../images/info_left.jpg) no-repeat top left; padding: 6px 60px 0 6px; min-height: 290px; }
#content .info .left h1 { *line-height: 25px; }
#content .info .close { float: left; cursor: pointer; }
#info { padding: 10px 55px; }
#info .container { width: 100%; position: relative; }
#arrow { width: 899px; margin: auto; position: relative; }
#arrow img { position: absolute; top: -17px; display: none; }
.change {width:90% !important;}

.right2
{
	float: right !important;
}
.under_over {
  
  margin:-2px 0 0 -1px !important;
}