@charset "utf-8";
* {
		margin: 0;
		padding: 0;
		border: 0;
}
body {
		background: #000;
}
#container {
		width: 1000px;
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		padding: 50px;
		height: 500px;
}
#navi {
		float: left;
		width: 320px;
		overflow: hidden;
}
#navi .pageWrap {
		width: 960px;
}
#navi .pageWrap .page {
		float: left;
		width: 320px;
}
#navi ul {
		height: 440px;
}
#navi ul li {
		float: left;
		width: 160px;
}
#navi ul li img {
		border: 2px solid #FFF;
}
#navi p {
		padding: 10px 0px;
		clear: both;
		width: 320px;
		text-align: center;
}
#navi p img {
		cursor: pointer;
		vertical-align: middle;
}

#main {
		float: right;
		width: 650px;
}
#main img {
		border: 2px solid #FFF;
		position: absolute;
}
#navitext {
		color: #FFF;
		clear: both;
		text-align: right;
}
#navitext p span {
		color: #A61414;
}
#navitext p a {
		text-decoration: none;
		color: #FFF;
}
#navitext p a:hover {
		color: #A61414;
		background: #FFF;
}