/* 代码整理：易站站长网 yizhanzzw.com */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0pt none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0pt;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
	vertical-align:baseline;
}
table {
	border-collapse:separate;
	border-spacing:0pt;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
* {
	margin:0pt;
	padding:0pt;
}
body {
	background:url(../images/body.gif) left top repeat #d3d3d3;
	font-size:11px;
	font-family:Arial;
	color:#555554;
}
a {
	color:#406b95;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:active {
	outline:none;
}
:focus {
	-moz-outline-style:none;
}
.wrapper {
	width:969px;
	margin:0px auto;
}
#bbody {
	background:url(../images/bbody.jpg) center repeat-y;
	width:100%;
}
#nav {
	padding:40px 0 42px 425px;
	position:relative;
}
#nav ul {
	height:28px;
	list-style:none;
}
#nav ul li {
	display:inline-block;
}
#nav ul li a {
	margin:0 8px 0 0;
	display:block;
	height:28px;
	width:68px;
	background-position:top;
	text-indent:-9999pt;
	float:left;
}
#nav ul li.home a {
	width:68px;
	background-image:url(../images/home.png);
}
#nav ul li.about a {
	width:75px;
	background-image:url(../images/about.png);
}
#nav ul li.contact a {
	width:92px;
	background-image:url(../images/contact.png);
}
#nav ul li a:hover {
	background-position:bottom;
}
h1 {
	margin:30px 0 22px 0;
	background:url(../images/welcome.gif) left top no-repeat;
	text-indent:-9999pt;
	height:23px;
}
h2 {
	background:url(../images/intro.gif) left top no-repeat;
	text-indent:-9999pt;
	height:39px;
}
#nav img.logo {
	position:absolute;
	left:20px;
	top:90px;
}
#items {
	clear:both;
}
.item {
	padding:90px 48px 0 34px;
	background:url(../images/singlebg.png) left top no-repeat;
	width:167px;
	height:261px;
	position:relative;
	float:left;
	margin:0 -7px 20px 0;
}
.item a {
	font-weight:bold;
	text-shadow:0 1px 0 #FFFFFF;
}
.item p {
	line-height:20px;
	margin:0 0 25px 0;
	text-shadow:0 1px 0 #FFFFFF;
}
.item img.smalllogo {
	position:absolute;
	top:40px;
	left:20px;
}
.item img.visit {
	position:absolute;
	top:227px;
	left:5px;
}
#about {
	background:url(../images/aboutbg.png) left top no-repeat;
	height:160px;
	padding:88px 45px 0 45px;
	margin:20px 0 40px 0;
}
#about p {
	line-height:20px;
	margin:0 0 20px 0;
	text-shadow:0 1px 0 #FFFFFF;
}
.sponsor {
	background:url(../images/sponsors.png) center no-repeat;
	height:14px;
}
#friends {
	clear:both;
	margin:30px 0 75px 0;
	height:146px;
}
.friend {
	background:url(../images/adbg.png) left top no-repeat;
	width:143px;
	height:140px;
	padding:6px 0 0 18px;
	float:left;
}
.third {
	margin-right:-15px;
}
.last {
	float:right;
}
#featured {
	background:url(../images/featuredbg.png) center top no-repeat;
	height:329px;
	position:relative;
}

/** ************ slider **************************************/

/* container for slides */
.images {
 position:relative;
 height:329px;
 width:910px;
 float:left;
 cursor:pointer;
}

/* single slide */
.images div {
 display:none;
 position:absolute;
 top:0;
 left:0;
 height:229px;
 color:#3b3b3b;
 text-shadow:0 1px 0 #fff;
 padding:100px 0 0 45px;
}
.images div img {
 position:absolute;
 left:412px;
 top:0px;
}

/* header */
.images h3 {
 font-size:22px;
 font-weight:bold;
 margin:0 0 10px 0;
 color:#565556;
}
.images p {
 line-height:18px;
 width:330px;
 margin:0 0 15px 0;
}
#rright {
	position:absolute;
	right:37px;
	top:60px;
	width:27px;
}
/* tabs (those little circles below slides) */
.tabs {
	padding:0 0 0 8px;
}
/* single tab */
.tabs a {
	width:10px;
	height:10px;
	margin:10px 0;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;
}
/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;
}
/* prev and next buttons */
.forward, .backward {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:27px;
	height:28px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}
/* next */
.forward {
	background-position: 0 -28px;
	clear:right;
}
.forward:hover {
	background-position:-27px -28px;
}
.forward:active {
	background-position:-54px -28px;
}
/* prev */
.backward:hover {
	background-position:-27px 0;
}
.backward:active {
	background-position:-54px 0;
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;
}

/* 代码整理：易站站长网 yizhanzzw.com */
