* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: url(../images/index.jpg) top center no-repeat #000;
	font-family: Times;
	font-size:16px;
	height: 100%;
}
#container {
	background: url(../images/list.jpg) top center no-repeat #e9dec7;
	width: 991px;
	height:1165px;
	border: 0px solid #995d35;
	position: absolute;
	left: 50%;
	margin-left: -491px;
	overflow: hidden;
}
input, select{
	border: 1px solid #995d35;
	background: #e9dec7;
	height:22px;
	margin: 0px 0px 5px 0px;
	padding:0px 3px 0px 3px;
	width:200px;
}
textarea{
	border: 1px solid #995d35;
	background: #e9dec7;
	margin: 0px 0px 5px 0px;
	padding:0px 3px 0px 3px;
	width:200px;
}
label{
	display:block;
	width:150px;
	border: 0px solid #995d35;
	line-height:25px;
	white-space: nowrap;
	font-weight:bold;
}

#p-graph {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/p-graph.jpg) no-repeat;
	top:275px;
	left:90px;
}
#l-graph {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/l-bg.jpg) no-repeat;
	top:26px;
	left:42px; 
	display:none;
}
#b-graph {
	width: 251px;
	height: 54px;
	overflow: hidden;
	position:absolute;
	background: url(../images/b-graph.png) no-repeat;
	cursor:pointer;
	top:431px;
	left:48px;
}
#g-graph {
	width: 251px;
	height: 181px;
	overflow: hidden;
	position:absolute;
	background: url(../images/l-pic.png) no-repeat;
	top:250px;
	left:48px;
}
#a-graph{
	width: 170px;
	height: 130px;
	position:absolute;
	top:20px;
	right:15px;
}
#p-envir {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/p-envir.jpg) no-repeat;
	top:530px;
	left:90px;
}
#l-envir {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/l-bg.jpg) no-repeat;
	top:26px;
	left:42px; 
	display:none;
}
#b-envir {
	width: 251px;
	height: 54px;
	overflow: hidden;
	position:absolute;
	background: url(../images/b-envir.png) no-repeat;
	cursor:pointer;
	top:686px;
	left:48px;
}
#g-envir {
	width: 251px;
	height: 181px;
	overflow: hidden;
	position:absolute;
	background: url(../images/l-pic.png) no-repeat;
	top:505px;
	left:48px;
}
#a-envir{
	width: 170px;
	height: 130px;
	position:absolute;
	top:20px;
	right:15px;
	border:0px solid #995d35;
}
#p-photo {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/p-photo.jpg) no-repeat;
	top:785px;
	left:90px;
}
#l-photo {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/l-bg.jpg) no-repeat;
	top:26px;
	left:42px; 
	display:none;
}
#b-photo {
	width: 251px;
	height: 54px;
	overflow: hidden;
	position:absolute;
	background: url(../images/b-photo.png) no-repeat;
	cursor:pointer;
	top:941px;
	left:48px;
}
#g-photo {
	width: 251px;
	height: 181px;
	overflow: hidden;
	position:absolute;
	background: url(../images/l-pic.png) no-repeat;
	top:760px;
	left:48px;
}
#a-photo{
	width: 170px;
	height: 130px;
	position:absolute;
	top:13px;
	right:15px;
	border:0px solid #995d35;
}
#p-cloth {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/p-cloth.jpg) no-repeat;
	top:275px;
	right:88px;
}
#l-cloth {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/r-bg.jpg) no-repeat;
	top:26px;
	right:35px; 
	display:none;
}
#b-cloth {
	width: 251px;
	height: 54px;
	overflow: hidden;
	position:absolute;
	background: url(../images/b-cloth.png) no-repeat;
	cursor:pointer;
	top:431px;
	right:53px;
}
#g-cloth {
	width: 251px;
	height: 181px;
	overflow: hidden;
	position:absolute;
	background: url(../images/r-pic.png) no-repeat;
	top:250px;
	right:53px;
}
#a-cloth{
	width: 170px;
	height: 130px;
	position:absolute;
	top:13px;
	left:15px;
	border:0px solid #995d35;
}
#p-event {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/p-event.jpg) no-repeat;
	top:530px;
	right:88px;
}
#l-event {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/r-bg.jpg) no-repeat;
	top:26px;
	right:35px; 
	display:none;
}
#b-event {
	width: 251px;
	height: 54px;
	overflow: hidden;
	position:absolute;
	background: url(../images/b-event.png) no-repeat;
	cursor:pointer;
	top:686px;
	right:53px;
}
#g-event {
	width: 251px;
	height: 181px;
	overflow: hidden;
	position:absolute;
	background: url(../images/r-pic.png) no-repeat;
	top:505px;
	right:53px;
}
#a-event{
	width: 170px;
	height: 130px;
	position:absolute;
	top:20px;
	left:15px;
	border:0px solid #995d35;
}
#p-art {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/p-art.jpg) no-repeat;
	top:785px;
	right:88px;
}
#l-art {
	width: 192px;
	height: 148px;
	overflow: hidden;
	position:absolute;
	background: url(../images/r-bg.jpg) no-repeat;
	top:26px;
	right:35px; 
	display:none;
}
#b-art {
	width: 251px;
	height: 54px;
	overflow: hidden;
	position:absolute;
	background: url(../images/b-art.png) no-repeat;
	cursor:pointer;
	top:941px;
	right:53px;
}
#g-art {
	width: 251px;
	height: 181px;
	overflow: hidden;
	position:absolute;
	background: url(../images/r-pic.png) no-repeat;
	top:760px;
	right:53px;
}
#a-art{
	width: 170px;
	height: 130px;
	position:absolute;
	top:20px;
	left:15px;
	border:0px solid #995d35;
}
#a-event ul, #a-art ul{
	list-style:none;
}
#a-event li, #a-art li{
	background: url('../images/lil.png') left 16px no-repeat;
	padding:13px 5px 0px 25px;
	color:#372e21;
}
#a-cloth ul{
	list-style-type:none;
}
#a-cloth li{
	background: url('../images/lil.png') left 12px no-repeat;
	padding:9px 5px 0px 25px;
	color:#372e21;
}
#l-graph ul, #l-envir ul{
	list-style-type:none;
}
#l-graph li, #l-envir li{
	background: url('../images/lir.png') right 16px no-repeat;
	padding:13px 25px 0px 0px;
	color:#372e21;
	text-align:right;
}
#a-photo ul{
	list-style-type:none;
}
#a-photo li{
	background: url('../images/lir.png') right 12px no-repeat;
	padding:9px 25px 0px 5px;
	color:#372e21;
	text-align:right;
}
#c-about {
	width: 207px;
	height: 81px;
	overflow: hidden;
	position:absolute;
	background: url(../images/c-about.png) no-repeat;
	cursor:pointer;
	top:190px;
	left:290px;
}
#c-order {
	width: 203px;
	height: 81px;
	overflow: hidden;
	position:absolute;
	background: url(../images/c-order.png) no-repeat;
	cursor:pointer;
	top:190px;
	right:291px;
}
#c-choose {
	width: 286px;
	height: 75px;
	overflow: hidden;
	position:absolute;
	background: url(../images/c-choose.png) no-repeat;
	cursor:pointer;
	top:250px;
	right:352px;
}
#g-about {
	width: 207px;
	height: 81px;
	overflow: hidden;
	position:absolute;
	background: url(../images/g-about.jpg) no-repeat;
	top:190px;
	left:290px;
}
#g-order {
	width: 203px;
	height: 81px;
	overflow: hidden;
	position:absolute;
	background: url(../images/g-order.jpg) no-repeat;
	top:190px;
	right:291px;
}
#g-choose {
	width: 286px;
	height: 75px;
	overflow: hidden;
	position:absolute;
	background: url(../images/g-choose.jpg) no-repeat;
	top:250px;
	right:352px;
}
#h-about {
	width: 207px;
	height: 81px;
	overflow: hidden;
	position:absolute;
	background: url(../images/h-about.png) no-repeat;
	top:190px;
	left:290px;
}
#h-order {
	width: 203px;
	height: 81px;
	overflow: hidden;
	position:absolute;
	background: url(../images/h-order.png) no-repeat;
	top:190px;
	right:291px;
}
#h-choose {
	width: 286px;
	height: 75px;
	overflow: hidden;
	position:absolute;
	background: url(../images/h-choose.png) no-repeat;
	top:250px;
	right:352px;
}
a, a:link {
	color:#372e21;
	text-decoration:none;
}
a:hover, a:active {
	color:#372e21;
	text-decoration:underline;
}