/*
Title:		Main
Updated:	2009.05.19
Notes:		Main stylesheet

*/

body {
	margin: 0;
	padding: 0;
	background: #f7f7f7 url(../images/template/main_bg.jpg) repeat-x top center;
	color: #1f1e1e;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	text-align: left;
}

/* @group Layout */
	#container {
		width: 970px;
		margin: 0 auto;
		padding: 0 27px;
		text-align: left;
		background: #f7f7f7 url(../images/template/container_bg.jpg) no-repeat 0 0;
	}

	#header {
		width: 970px;
	}

	#header-top {
		height: 82px;
		position: relative;
	}

	#logo {
		position: absolute;
		width: 229px;
		height: 64px;
		top: 5px;
		left: 0px;
		background: url(../images/template/logo.jpg) no-repeat 0 0;
	}

	#logo a {
		display: block;
		width: 100%;
		height: 100%;
	}

	#logo a span {
		display: none;
	}

	#mainmenu {
		height: 53px;
		line-height: 53px;
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		background: url(../images/template/mainmenu_bg.jpg) no-repeat 0 0;
	}

	#header-img {
		width: 970px;
		height: 335px;
		position: relative;
	}

	#header-img #bnr-lft {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 672px;
		height: 72px;
		background: url(../images/template/himg_bnr_lft.png) no-repeat 0 0;
	}

	#header-img #bnr-rgt {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 298px;
		height: 72px;
		background: url(../images/template/himg_bnr_rgt.jpg) no-repeat 0 0;
	}

	#bnr-rgt a {
		display: block;
		width: 298px;
		height: 72px;
	}

	#bnr-rgt a span {
		display: none;
	}

	#wrapper {
		width: 970px;
		margin: 0;
		padding: 0;
		background-color: #fff;
	}

	#sidebar {
		float: left;
		/* 215px */
		width: 215px;
		padding: 0;
		margin: 0;
	}

	#submenu h2 {
		/* 215px */
		width: 185px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
		color: #fff;
		padding: 0 15px;
		margin: 0;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		background: url(../images/template/submenu_hdr.jpg) repeat-x 0 0;
	}

	#breadcrumbs {
		/* 755px  */
		float: left;
		width: 725px;
		height: 32px;
		line-height: 32px;
		color: #fff;
		font-size: 10px;
		padding: 0 15px;
		margin: 0 0 20px;
		background: url(../images/template/breadcrumbs_bg.jpg) repeat-x 0 0;
	}

	#content-wrapper {
		/* 755px */
		float: left;
		width: 755px;
		margin: 0;
		padding: 0;
	}

	#content-wrapper h1 {
		font-size: 16px;
		margin: 0 0 20px;
	}

	#content-wrapper h1 small {
		font-size: 12px;
	}

	#content {
		/* 710px */
		float: left;
		padding: 0;
		width: 710px;
		margin: 0 0 10px 24px;
	}

	#bottom {
		float: left;
		width: 970px;
		background-color: #fff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 12px 0;
	}

	#footer {
		float: left;
		width: 970px;
		color: #acacac;
		font-size: 11px;
		margin: 10px 0 20px;
	}

	#bottommenu, #bottommenu-rgt {
		font-size: 11px;
		color: #989898;
	}

	#footermenu {
		float: right;
		text-align: left;
		font-size: 11px;
		color: #b4b4b4;
		padding: 0 10px 0 0;
	}

	#copy {
		float: left;
		text-align: left;
		font-size: 11px;
		height: 26px;
		line-height: 26px;
		padding: 0 0 0 120px;
		margin: 0 0 0 10px;
		background: url(../images/template/logo_footer.jpg) no-repeat 0 0;
	}
/* @end */

/* @group techmenu */
	#techmenu {
		float: right;
		list-style-type: none;
		padding: 0;
		margin: 35px 10px 0 0;
	}

	#techmenu li {
		float: left;
		height: 12px;
		padding: 0 5px;
	}

	#techmenu li.first {
		background-image: none;
	}

	#techmenu li.last {
		padding-right: 10px;
	}

	#techmenu .homepage {
		background: url(../images/template/tech_homepage.png) no-repeat center left;
	}

	#techmenu .email {
		background: url(../images/template/top_email.png) no-repeat center left;
	}

	#techmenu .contact {
		background: url(../images/template/tech_contact.png) no-repeat center left;
	}

	#techmenu .bookmark {
		background: url(../images/template/top_bookmark.png) no-repeat center left;
	}

	#techmenu .recommend {
		background: url(../images/template/top_recommend.png) no-repeat center left;
	}

	#techmenu .sitemap {
		background: url(../images/template/tech_sitemap.png) no-repeat center left;
	}

	#techmenu a {
		display: block;
		/*width: 100%;*/
		height: 100%;
	}

	#techmenu a span {
		/*display: none;*/
	}
/* @end */

/* @group mainmenu */
	#mainmenu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#mainmenu li {
		float: left;
		margin: 0;
		height: 53px;
		line-height: 53px;
		padding: 0;
		background: url(../images/template/mainmenu_divider.png) no-repeat bottom left;
	}

	#mainmenu li.first {
		background-image: none;
		border: 0 none;
	}

	#mainmenu li.last {
		border: 0 none;
	}

	#mainmenu a {
		display: block;
		padding: 0 30px;
		color: #fff;
		background: none;
		margin: 0 0 0 1px;
	}

	#mainmenu a:hover, #mainmenu .active a {
		background: url(../images/template/mainmenu_hvr.jpg) repeat-x 0 0;
	}

/* @end */

/* @group submenu */
	#submenu ul {
		font-size: 12px;
		list-style: none;
		padding: 10px 10px 30px 10px;
		margin: 0;
		color: #484747;
		background-color: #ededed;
	}

	#submenu ul ul {
		font-size: 11px;
		padding: 10px 10px 0 0;
		margin: 10px 0 0;
		border-top: 1px solid #d4d4d4;
	}

	#submenu li {
		margin: 0;
		padding: 10px 0 10px 0;
		border-bottom: 1px solid #d4d4d4;
	}

	#submenu ul ul li {
		border: 0 none;
		padding: 5px 0 5px 0;
		margin: 0;
	}

	#submenu ul a {
		color: #b5001e;
		font-weight: bold;
		padding: 5px 0 5px 14px;
		background: url(../images/template/submenu1_point.png) no-repeat 0 8px;
		margin-left: 15px;
	}

	#submenu ul ul a {
		color: #484747;
		font-weight: normal;
		background: url(../images/template/submenu2_point.png) no-repeat 0 5px;
		margin-left: 30px;
		padding: 0 0 0 10px;
	}

	#submenu a.active {
		color: #ccc;
	}

	#submenu a:hover {
		color: #333;
	}
/* @end */

/* @group bottommenu, bottommenu-rgt */
	#bottommenu ul {
		float: left;
	}

	#bottommenu-rgt ul {
		float: right;
	}

	#bottommenu ul, #bottommenu-rgt ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	#bottommenu li, #bottommenu-rgt li {
		display: inline;
		margin: 0;
		padding: 0 10px;
		border-right: 1px solid #e4e4e4;
	}

	#bottommenu li.last, #bottommenu-rgt li.last {
		border: 0 none;
	}

	#bottommenu a, #bottommenu-rgt a {
		color: #989898;
	}
/* @end */

/* @group footermenu */
	#footermenu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	#footermenu li {
		display: inline;
		margin: 0;
		padding: 0 10px;
		border-right: 1px solid #b4b4b4;
	}

	#footermenu li.last {
		border: 0 none;
	}

	#footermenu a {
		color: #b4b4b4;
	}
/* @end */

/* @group Links */
a, a:link {
	color: #475127;
	text-decoration: none;
}
a:visited {
	color: #475127;
	text-decoration: none;
}
a:hover {
	color: #919190;
	text-decoration: underline;
}

a.noborder, a.noborder:visited, a.noborder:hover, a.noborder:link, a.noborder img {
	border: 0 none;
	text-decoration: none;
}

/* @end */