@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);
}
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;
}
#element01 {
	background-image: url(images/element002.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element01 .topic01 {
	float: left;
	width: 430px;
	height: 240px;
	padding: 0px;
	margin-top: 278px;
	margin-left: 677px;
}
#element02 {
	background-image: url(images/element003.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element02 .topic01 {
	float: left;
	width: 252px;
	height: 145px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 600px;
}
#element03 {
	background-image: url(images/element004.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element03 .topic01 {
	float: left;
	width: 335px;
	height: 186px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 705px;
}
#element04 {
	background-image: url(images/element005.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element04 .topic01 {
	float: left;
	width: 335px;
	height: 186px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 705px;
}
#element05 {
	background-image: url(images/element006.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element05 .topic01 {
	float: left;
	width: 335px;
	height: 186px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 705px;
}
#element06 {
	background-image: url(images/element007.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element06 .topic01 {
	float: left;
	width: 409px;
	height: 235px;
	padding: 0px;
	margin-top: 49px;
	margin-left: 698px;
}
#element06 .topic02 {
	float: left;
	width: 409px;
	height: 235px;
	padding: 0px;
	margin-top: 51px;
	margin-left: 698px;
}
#element07 {
	background-image: url(images/element008.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element07 .topic01 {
	float: left;
	width: 383px;
	height: 213px;
	padding: 0px;
	margin-top: 3px;
	margin-left: 664px;
}
#element07 .topic02 {
	float: left;
	width: 403px;
	height: 225px;
	padding: 0px;
	margin-top: 67px;
	margin-left: 50px;
}
#element08 {
	background-image: url(images/element009.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element08 .topic01 {
	float: left;
	width: 409px;
	height: 235px;
	padding: 0px;
	margin-top: 49px;
	margin-left: 698px;
}
#element08 .topic02 {
	float: left;
	width: 409px;
	height: 235px;
	padding: 0px;
	margin-top: 51px;
	margin-left: 698px;
}
#element09 {
	background-image: url(images/element010.jpg);
	background-repeat: no-repeat;
	width: 1160px;
	padding-top: 100px;
	height: 720px;
}
#element09 .topic01 {
	float: left;
	width: 409px;
	height: 232px;
	padding: 0px;
	margin-top: 49px;
	margin-left: 698px;
}
#element09 .topic02 {
	float: left;
	width: 409px;
	height: 230px;
	padding: 0px;
	margin-top: 55px;
	margin-left: 698px;
}