@charset "utf-8";

/* 
----------------------------------------
reset styles - v1.0 | 20080212 
----------------------------------------
*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline: 0;}/* remember to define focus styles! */
table {border-collapse: collapse;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */


/*
------------------------------------
basic structure
------------------------------------
*/


/* mac hide \*/
html, body {height:100%;}
/* end hide */

body {
	background:#fff url(../images/bck.png) 305px 200px no-repeat;
	color: #1a171b;
}

#wrapper{
	min-height:100%;
	color: #000;
	width:980px;
	font-family:Helvetica, Arial, sans-serif;
	margin-bottom:-50px;
}

#header {
	height:200px;
	background:#fff url(../images/logo.png) 100% 0 no-repeat;
}
	#header h1{
		margin-right:200px;
		padding-left:14px;
		padding-top:70px;
		padding-bottom:7px;
		background:#fff url(../images/bck_header.png) 0 100% repeat-x;
		font-size:22px;

	}
	#header p{
		margin-top:2px;
		padding-left:15px;
	}

#content {
	width:680px;
	padding:10px 30px 100px;
	line-height:1.4;
	float:right;
	color:#555;
	font-size:14px;
}
	#content h2 {
		margin-bottom:14px;
		padding-bottom:4px;
		font:normal 18px Arial,sans-serif;
		border-bottom:1px dotted #f29500;		
	}
	#content h3 {
		margin-top:18px;
		font:bold 14px Arial,sans-serif;
	}

	#content p {
		margin-bottom:12px;
	}
	
	#content dl {
		margin:18px 0;
	}
		#content dt {
			font:bold 14px Arial,sans-serif;
		}
	
	#content ul {
		margin:8px 0 8px 20px;
		list-style:square url(../images/sign.png);
	}
		#content ul.horizontal {
			margin:0;
			list-style:none;
		}
			#content ul.horizontal li {
				display:inline;
				margin-right:20px;
			}

			#content ul.horizontal li img{margin-bottom:20px;}


	#content a {
		color:#f79700;
		text-decoration:none;
		border-bottom:1px dotted #f79700;
	}

	#content a:hover {
		color:#7e5006;
		border-bottom:1px dotted #7e5006;
	}

#left {
	width:220px;
	padding:8px 0;
}
	#left ul {
		line-height:2;
	}
	#left li {
		background:#fff url(../images/bck_header.png) 0 54% repeat-x;
	}
	#left li a {
		margin-left:4px;
		padding-left:9px;
		display:block;
		color:#555;
		background:#fff;
		text-decoration:none;
		border-bottom:1px dotted #555;
		font-size:14px;
	}
	#left li a:hover {
		color:#000;
		background:#fff url(../images/mark1.png) 100% 50% no-repeat;
	}
	#left li a.marked {
		color:#000;
		background:#fff url(../images/mark.png) 100% 50% no-repeat;
	}

#footer {
	border-top:1px dotted #555;
	width:940px;
	padding:10px 20px 20px;
	font-size:12px;
	clear:both;
	color:#555;
}
	#footer p {
		padding:2px 0;
		text-align:right;
	}

.fl {
	float:left;
}