*{margin:0;padding:0;}

body
{
	font-size:12px;
	color:#222;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:#f0f0f0;
	text-align:center;
	border:4px solid #94664F;
	overflow:auto; 
	background: url('bg-help.gif');
	scrollbar-arrow-color: #7D665E;
	scrollbar-darkshadow-color:  #E0CAB2;
	scrollbar-3dlight-color:   #E0CAB2; 
	scrollbar-shadow-color:  #C8B29A;
	SCROLLBAR-TRACK-COLOR: #C8B29A;
	scrollbar-base-color: #C8B29A;
	scrollbar-highlight-color: #C8B29A;
}


.pic
{
	border:1px dotted #94664F;
	margin-top: 2px;
}



.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.clearfix
{
	zoom:1;
}


ul,li
{
	list-style:none;
}


img
{
	border:0;
}


.wrapper{
	width:800px;
	height:500px;
	margin:2px auto;
	padding-bottom:50px;
}


/* focus */
#focus
{
	width:800px;
	height:500px;
	overflow:hidden;
	position:relative;
}


#focus ul
{
	height:380px;
	position:absolute;
}


#focus ul li
{
	float:left;
	width:800px;
	height:500px;
	overflow:hidden;
	position:relative;
	border:1px solid #94664F;
}


#focus ul li div
{
	position:absolute;
	overflow:hidden;
}


#focus .btnBg
{
	position:absolute;
	width:800px;
	height:24px;
	left:0;
	bottom:0;
	background:#000;
}


#focus .btn
{
	position:absolute;
	width:780px;
	height:10px;
	padding:5px 30px;
	right:0;
	bottom:0;
	text-align:right;
}


#focus .btn span
{
	display:inline-block;
	_display:inline;
	_zoom:1;
	width:40px;
	height:12px;
	_font-size:0;
	margin-left:10px;
	cursor:pointer;
	background:#fff;
}


#focus .btn span.on{
	background:#fff;
}


#focus .preNext
{
	width:45px;
	height:100px;
	position:absolute;
	top:200px;
	background:url('sprite.png') no-repeat 0 0;
	cursor:pointer
}


#focus .pre
{
	left:0;
}


#focus .next
{
	right:0;
	background-position:right top;
}