@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #abaaab;
	padding: 0px;
}

#page {
	width: 990px;
	height: 100%;
	margin: 0 auto;
}
#page-flash {
	width: 1100px;
	height: 100%;
	margin: 0 auto;
}

#top {
	width: 100%;
	height: 20px;
	margin-top: 0px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#content {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#content.static {
	width: 610px;
	float: left;
	margin: 0;
	margin-left: 170px;
	padding: 20px;
	position: relative;
	background-color: white;
	border: 1px solid #BFBDBD;
}

#content.static * {
	color: #005085;
}

.preview {
	display: block;
	width: 326px;
	height: 168px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	border: 1px solid #BFBDBD;
	margin-right: 1px;
	cursor: pointer;
}

.content-box-1 .preview,
.content-box-1 .fulltext {
	background-image: url(../images/bg-box-1.jpg)
}
.content-box-2 .preview,
.content-box-2 .fulltext {
	background-image: url(../images/bg-box-2.jpg)
}
.content-box-3 .preview,
.content-box-3 .fulltext {
	background-image: url(../images/bg-box-3.jpg)
}

.fulltext {
	position: absolute;
	top: 1px;
	width: 286px;
	height: 108px;
	padding: 60px 20px 0 20px;
	overflow: hidden;
	background-position: 0 -336px;
	cursor: pointer;
}

.content-box-1 .fulltext {
	left: 1px;
}
.content-box-2 .fulltext {
	left: 330px;
}
.content-box-3 .fulltext {
	left: 659px;
}

#content div.hover {
	background-position: 0 -168px;
}



/* Top */
#top ul {
	list-style: none;
	height: 22px;
}

#top ul li {
	display: inline;
	height: 22px;
	padding-right: 6px;
}

#top ul li.last {
	border-left: 1px solid white;
	padding-left: 12px;
}

/* Logo */
#logo {
	margin: 20px 0 54px 0;
	text-align: center;
}

.claim {
	text-align: center;
}

.border {
	border: 3px solid red;
}