@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	font-family: 'arial', 'verdana', 'trebuchet ms', sans-serif;
	line-height: 1.5;
	font-size: 12px;
	background-color:#D0D0D0;
}
img {
	border:none;
}
a {
	color: #D0D0D0;	
}
a:hover img {
	background-image: url(images/decks_hover.png);
}
#top01 a:hover img {
filter : alpha(opacity=85);
opacity : 0.85 ;
}
ul {
	list-style-type: none;
	margin-left: -40px;
	margin-top: 0px;
}
li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
}
.clearer {
	clear: both;
	height: 1px;
}
#site-wrapper {
	width: 1160px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#gravis01 {
	background-image: url(images/gravis01.jpg);
	background-repeat: no-repeat;
	padding-left: 135px;
	width: 1025px;
	padding-top: 102px;
	height: 718px;
}
#gravis02 {
	background-image: url(images/gravis02.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#gravis02 .topic01 {
	float: left;
	width: 492px;
	height: 320px;
	padding: 0px;
	margin-top: 273px;
	margin-left: 81px;
}
#gravis02 .click01 {
	height: 20px;
	width: 100px;
	float: left;
	margin-left: 40px;
	margin-top: 90px;
	margin-right: 350px;
}
#gravis02 .click02 {
	height: 20px;
	width: 77px;
	float: left;
	margin-left: 40px;
	margin-top: 70px;
	margin-right: 350px;
}
#gravis03 {
	background-image: url(images/gravis03.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#gravis03 .left_box {
	float:left;
	width: 570px;
margin: 0;
	padding: 0;
}
#gravis03 .right_box {
	float:right;
	width: 570px;
margin: 0;
	padding: 0;
}
#gravis03 .topic01 {
	float: left;
	width: 488px;
	height: 319px;
	padding: 0px;
	margin-top: 267px;
	margin-left: 0px;
}
#gravis03 .click01 {
	height: 20px;
	width: 87px;
	float: left;
	margin-left: 145px;
	margin-top: 140px;
	margin-right: 350px;
}
#gravis03 .click02 {
	height: 20px;
	width: 60px;
	float: left;
	margin-left: 240px;
	margin-top: 0px;
	margin-right: 250px;
}
#gravis03 .click03 {
	height: 20px;
	width: 30px;
	float: left;
	margin-left: 70px;
	margin-top: 0px;
	margin-right: 450px;
}
#gravis03 .click04 {
	height: 20px;
	width: 37px;
	float: left;
	margin-left: 70px;
	margin-top: 80px;
}
#gravis04 {
	background-image: url(images/gravis04.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#gravis04 .topic01 {
	float: left;
	width: 492px;
	height: 320px;
	padding: 0px;
	margin-top: 265px;
	margin-left: 81px;
}
#gravis04 .click01 {
	height: 20px;
	width: 100px;
	float: left;
	margin-left: 40px;
	margin-top: 108px;
	margin-right: 350px;
}
#gravis04 .click02 {
	height: 20px;
	width: 77px;
	float: left;
	margin-left: 40px;
	margin-top: 70px;
	margin-right: 350px;
}
#gravis05 {
	background-image: url(images/gravis05.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#gravis05 .left_box {
	float:left;
	width: 570px;
margin: 0;
	padding: 0;
}
#gravis05 .right_box {
	float:right;
	width: 570px;
margin: 0;
	padding: 0;
}
#gravis05 .topic01 {
	float: left;
	width: 488px;
	height: 319px;
	padding: 0px;
	margin-top: 247px;
	margin-left: 0px;
}
#gravis05 .click01 {
	height: 20px;
	width: 95px;
	float: left;
	margin-left: 70px;
	margin-top: 125px;
	margin-right: 350px;
}
#gravis05 .click02 {
	height: 20px;
	width: 70px;
	float: left;
	margin-left: 70px;
	margin-top: 90px;
	margin-right: 250px;
}
#gravis06 {
	background-image: url(images/gravis06.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#gravis06 .topic01 {
	float: left;
	width: 492px;
	height: 320px;
	padding: 0px;
	margin-top: 268px;
	margin-left: 81px;
}
#gravis06 .click01 {
	height: 20px;
	width: 100px;
	float: left;
	margin-left: 40px;
	margin-top: 180px;
	margin-right: 400px;
}
#gravis06 .click02 {
	height: 20px;
	width: 50px;
	float: left;
	margin-left: 40px;
	margin-top: 105px;
	margin-right: 0px;
}
#gravis06 .click03 {
	height: 20px;
	width: 70px;
	float: left;
	margin-left: 0px;
	margin-top: 105px;
}
#gravis07 {
	background-image: url(images/gravis07.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#gravis07 .left_box {
	float:left;
	width: 570px;
margin: 0;
	padding: 0;
}
#gravis07 .right_box {
	float:right;
	width: 570px;
margin: 0;
	padding: 0;
}
#gravis07 .topic01 {
	float: left;
	width: 488px;
	height: 319px;
	padding: 0px;
	margin-top: 267px;
	margin-left: 0px;
}
#gravis07 .click01 {
	height: 20px;
	width: 87px;
	float: left;
	margin-left: 70px;
	margin-top: 107px;
	margin-right: 350px;
}
#gravis07 .click02 {
	height: 20px;
	width: 65px;
	float: left;
	margin-left: 70px;
	margin-top: 70px;
	margin-right: 250px;
}
#gravis07 .click03 {
	height: 20px;
	width: 30px;
	float: left;
	margin-left: 70px;
	margin-top: 0px;
	margin-right: 450px;
}
#gravis08 {
	background-image: url(images/gravis08.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#gravis08 .topic01 {
	float: left;
	width: 492px;
	height: 320px;
	padding: 0px;
	margin-top: 268px;
	margin-left: 81px;
}
#gravis08 .click01 {
	height: 20px;
	width: 65px;
	float: left;
	margin-left: 40px;
	margin-top: 90px;
	margin-right: 350px;
}
#gravis08 .click02 {
	height: 20px;
	width: 50px;
	float: left;
	margin-left: 40px;
	margin-top: 35px;
	margin-right: 350px;
}