body{
	background:url("../img_base/head_bg.png") repeat-x;
}

#wrp {
	width:920px;
	margin:0px auto 0px auto;
}

#logo{
	margin:20px 0px 0px 0px;
	width:638px;
	height:600px;
	background:url("../img_base/logo.png") no-repeat;
}

#head{
	width:920px;
	height:18px;
}

h1.head{
	float:right;
	color:#ffffff;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
}

h2.logo{
	text-indent:-9999px;
}


ul#nav {
    clear: both;
	margin:30px 0px 0px 0px;
    background: url("../img_base/nav.png") no-repeat;
    width: 526px;
    height: 60px;
}

ul#nav li {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
}

ul#nav li.introduction a {
    display: block;
    width: 128px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -0px -0px;
}


ul#nav li.present a {
    display: block;
    width: 146px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -128px -0px;
}


ul#nav li.book a {
    display: block;
    width: 124px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -274px -0px;
}


ul#nav li.profile a {
    display: block;
    width: 128px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -398px -0px;
}


ul#nav li.introduction a:hover {
    display: block;
    width: 128px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -0px -60px;
}


ul#nav li.present a:hover {
    display: block;
    width: 146px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -128px -60px;
}


ul#nav li.book a:hover {
    display: block;
    width: 124px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -274px -60px;
}


ul#nav li.profile a:hover {
    display: block;
    width: 128px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -398px -60px;
}


ul#nav li.introduction a:active {
    display: block;
    width: 128px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -0px -120px;
}


ul#nav li.present a:active {
    display: block;
    width: 146px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -128px -120px;
}


ul#nav li.book a:active {
    display: block;
    width: 124px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -274px -120px;
}


ul#nav li.profile a:active {
    display: block;
    width: 128px;
    height: 60px;
    background: url("../img_base/nav.png") no-repeat -398px -120px;
}


#main {
	float:left;
	 width:510px;
	 margin:-80px 0px 0px 0px;
}
#main2{
	float:left;
	width:920px;
}

#right {
	float:right;
	width:410px;
	position:absolute;
	top:850px;
	left:680px;
}

h2 {
    width: 420px;
    height: 70px;
}

h3 {
	border-left:3px solid #ccd9eb;
	padding:0px 0px 0px 3px;
	margin:30px 0px 10px 15px;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
	color:#01419a;
}

#book_img {
	float:right;
	text-indent:-9999px;
	margin:-480px 0px 0px 0px;
    background:url("../img_base/book_img.png") no-repeat;
    width: 420px;
    height: 590px;
}

#footer {
	clear:both;
    background: url("../img_base/footer_bg.png") no-repeat;
    width: 920px;
    height: 300px;
}

p.copyright{
	color:#ffffff;
	padding:120px 0px 0px 0px;
	text-align:center;
}

h4.right{
	font-size:1.em
	line-height:2em
	color:#333333;
	font-weight:bold;
}

p{
	color:#333333;
	line-height:1.5em
}

div.para{
	margin:0px 0px 30px 0px;
}

div.para p{
	margin:0px 80px 0px 20px;
}

a:hover.button_present{
	display:block;
	float:left:
	margin:0px 0px 0px 0px;
	width:420px;
	height:80px;
    clear: both;
	text-indent:-9999px;
    background: url("../img_base/button_present.png") no-repeat -0px -80px;
}

a.button_present{
	display:block;
	float:left:
	margin:0px 0px 0px 0px;
	width:420px;
	height:80px;
    clear: both;
	text-indent:-9999px;
    background: url("../img_base/button_present.png") no-repeat -0px -0px;
}

a:hover.button_amazon{
	display:block;
	float:left:
	margin:0px 0px 0px 0px;
	width:420px;
	height:80px;
    clear: both;
	text-indent:-9999px;
    background: url("../img_base/button_amazon.png") no-repeat -0px -80px;
}

a.button_amazon{
	display:block;
	float:left:
	margin:0px 0px 0px 0px;
	width:420px;
	height:80px;
    clear: both;
	text-indent:-9999px;
    background: url("../img_base/button_amazon.png") no-repeat -0px -0px;
}

.button_box{
	width:420px;
	margin:0px auto 0px auto;
	text-align:center;
}

ul.material{
	width:400px;
	margin:0px 0px 0px 20px;
}

ul.material li{
    display: block;
    float: left;
	margin:0px 20px 20px 0px;
}

table.present{
	width:400px;
	margin:0px 0px 0px 20px;
	border:1px solid #CCCCFF;
	border-collapse:separate;}

table.present th{
	width:80px;
	text-align:center;
	line-height:2em;
	border-right:1px solid #CCCCFF;
	border-bottom:1px solid #CCCCFF;
	background:#9999FF;
}

table.present td{
	border-right:1px solid #9999FF;
	border-bottom:1px solid #9999FF;
	background:#CCCCFF;
}

h4.present, h4.material{
	border-bottom:1px solid #ccd9eb;
	border-left:5px solid #ccd9eb;
	padding:0px 0px 0px 5px;
	margin:10px 0px 10px 15px;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	color:#01419a;
}

h5.material{
	border-left:3px solid #ccd9eb;
	padding:0px 0px 0px 3px;
	margin:30px 0px 10px 15px;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
	color:#01419a;
}

p.material{
	font-size:0.8em;
}

table.contact{
	width:400px;
	margin:0px 0px 0px 20px;
}

table.contact th{
	width:220px;
}

table.contact td{
	width:280px;
}

input{
	width:100%;
	height:30px;
}

ul.profile{
	margin:0px 0px 0px 40px;
	list-style:circle;
}

ul.profile li{
	margin:0px 0px 20px 0px;
	line-height:2em;
}

img.profile{
	float:right;
	width:340px;
	height:510px;
}