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

*/

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

/* @group Layout */
	#container {
		width: 974px;
		margin: 0 auto;
		padding: 0px;
		text-align: left;
	}

	#header {

	}

	#header-top {
		height: 71px;
		position: relative;
		background: url(../images/template/header_top_bg.png) no-repeat top center;
	}

	#header-mid {
		height: 73px;
		overflow: hidden;
		background: url(../images/template/wrapper_bg.png) repeat-y top center;
	}

	#header-btm {
		background: url(../images/template/wrapper_bg.png) repeat-y top center;
	}

	#logo {
		position: absolute;
		width: 102px;
		height: 39px;
		top: 22px;
		left: 28px;
		background: url(../images/template/logo.png) no-repeat 0 0;
	}

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

	#logo a span {
		display: none;
	}

	#mainmenu {
		height: 73px;
		margin: 0;
		padding: 0;
		font-size: 12px;
		background: url(../images/template/mainmenu_bg.png) no-repeat top center;
	}

	#header-img, #header-img-home {
		width: 921px;
		height: 107px;
		margin: 0 auto;
	}

	#header-img-home {
		height: 242px;
		position: relative;
	}

	#wrapper {
		/*  974px */
		width: 922px;
		margin: 0;
		padding: 10px 26px 0 26px;
		background: url(../images/template/wrapper_bg.png) repeat-y top center;
	}

	#sidebar-lft {
		float: left;
		width: 267px;
		padding: 0;
		margin: 0;
	}

	#sidebar-rgt {
		/* 267px */
		float: left;
		width: 267px;
		margin: 0 0 0 4px;
		padding: 0 0 6px 0;
		background: url(../images/template/sidebar_rgt_btm.png) no-repeat bottom center;
	}

	#sidebar-rgt-top, #sidebar-lft-top {
		width: 247px;
		height: 25px;
		line-height: 25px;
		text-align: left;
		padding: 0 10px;
		background: url(../images/template/sidebar_rgt_top.png) no-repeat 0 0;
	}

	#sidebar-lft-top {
		background: url(../images/template/sidebar_lft_top.png) no-repeat 0 0;
	}

	#sidebar-rgt-top h2, #sidebar-lft-top h2 {
		font-size: 11px;
		color: #fefefe;
		font-weight: normal;
		margin: 0;
	}

	#sidebar-rgt-mid, #sidebar-lft-mid  {
		width: 237px;
		padding: 15px;
		background: url(../images/template/sidebar_rgt_mid.png) repeat-y 0 0;
	}

	#sidebar-lft-mid {
		background: none;
	}

	#sidebar-lft .box {
		/* 237px */
		width: 217px;
		margin: 10px auto;
		border: 1px solid #ddd;
		background-color: #fff;
		padding: 10px;
	}

	#content-wrapper {
		/* 921px */
		float: left;
		width: 921px;
		margin: 0;
		padding: 0;
		background: url(../images/template/content_wrapper_bg.png) repeat-y 0 0;
	}

	#content-wrapper-btm {
		float: left;
		width: 921px;
		height: 6px;
		margin: 0;
		padding: 0;
		background: url(../images/template/content_wrapper_btm.png) no-repeat 0 0;
	}

	#content {
		/* 650px */
		float: left;
		padding: 0 10px;
		width: 630px;
		margin: 0 0 0 4px;
		background: url(../images/template/content_top.png) no-repeat 0 0;
	}

	#content.home {
		width: 650px;
		margin: 0;
		padding: 0;
		background: none;
	}

	#content .breadcrumbs {
		height: 36px;
		line-height: 36px;
		margin: 0 0 10px;
	}

	#content .breadcrumbs h1 {
		font-size: 12px;
	}

	#bottom {
		float: left;
		width: 974px;
		background: url(../images/template/wrapper_bg.png) repeat-y top center;
	}

	#keywords {
		/* 920 x 27 */
		font-size: 10px;
		color: #7b7b7b;
		background-color: #F4F4F4;
		width: 880px;
		line-height: 1.2em;
		margin: 10px auto;
		padding: 10px 20px;
	}

	#bottommenu {
		font-size: 10px;
		color: #7b7b7b;
	}

	#footer {
		/* 974  */
		float: left;
		width: 944px;
		padding: 30px 15px 20px;
		background: url(../images/template/footer_bg.png) no-repeat top center;
		font-size: 10px;
		color: #7b7b7b;
	}

	#footer .footer-col {
		float: left;
		width: 300px;
		height: 70px;
		padding: 0 0 0 10px;
	}

	.footer-raks, .footer-cdn {
		float: left;
		height: 26px;
		padding: 0 0 0 10px;
	}

	.footer-raks {
		width: 94px;
		background: url(../images/template/logo_raks_footer.png) no-repeat top right;
		padding: 0 0 0 20px;
	}

	.footer-cdn {
		width: 65px;
		background: url(../images/template/logo_cdn_footer.png) no-repeat top right;
	}

	.footer-raks span, .footer-cdn span {
		display: none;
	}

	#footermenu {
		text-align: center;
	}

	#copy {
		text-align: right;
	}
/* @end */

/* @group homepage */
#home-updates {
	margin: 10px 0;
}

#content #home-updates h3 {
	padding: 0 0 0 25px;
}

#content #home-updates .featured {
	background: url(../images/icons/star.png) no-repeat left center;
}

#content #home-updates .date {
	padding: 0 0 0 10px;
	float: right
}

#content #home-updates a.btn {
	text-align: right;
	font-size: 1em;
	float: right;
}
/* @end */

/* @group featured */
#featured {
	width: 265px;
	position: absolute;
	right: 30px;
	bottom: 20px;
}

#featured #items {
	/* 265 x 180 */
	clear: both;
	position: relative;
	width: 225px;
	height: 150px;
	padding: 20px 20px 5px;
	border: 1px solid #fff;
	background: url(../images/template/featured_bg.png) repeat-x 0 0;
}

#featured #items .item {
	width: 225px;
	height: 155px;
	color: #fff;
	position: absolute;
	overflow: hidden;
	text-align: right;
}

#featured h3 {
	font-size: 18px;
	margin: 0 0 10px 0;
}
#featured p {
	text-align: right;
}

#featured .tabs {
	margin: 0;
	text-align: center;
	float: right;
}

#featured .tabs li {
	background-color: #4d617a;
	float: left;
	width: 21px;
	list-style: none;
	margin: 0 0 0 2px;
}

#featured .tabs li a {
	float: right;
	width: 21px;
	height: 21px;
	line-height: 21px;
	color: #eee;
	text-decoration: none;
}

#featured .tabs li.active {
	background-color: #7a889a;
}

#featured .tabs li a.active {
	color: #fff;
}

#featured .btn {
	color: #161e4d;
}
/* @end  */

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

	#techmenu li {
		float: left;
		height: 28px;
		padding: 0 15px;
		background: url(../images/template/tech_divider.png) no-repeat center left;
	}

	#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/tech_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/tech_bookmark.png) no-repeat center left;
	}

	#techmenu .recommend {
		background: url(../images/template/tech_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 {
		margin: 0;
		padding-left: 40px;
		list-style: none;
		height: 40px;
		width: 920px;
		position: relative;
		line-height: 40px;
	}

	#mainmenu ul li {
		float: left;
		text-align: center;
		background: url(../images/template/mainmenu_divider.png) no-repeat center left;
	}

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

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

	#mainmenu a {
		display: block;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		padding: 0 20px;
		margin: 0 0 0 1px;
	}

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

	/* --------- Sub Nav --------- */
	#mainmenu ul ul ul {
		display: none;
	}

	#mainmenu ul ul {
		visibility: hidden;
		position: absolute;
		left: auto;
		width: auto;
		height: 20px;
		line-height: 20px;
		list-style: none;
		padding: 5px;
		margin: 0 0 0 -20px;
	}

	#mainmenu ul ul li, #mainmenu ul ul li.first, #mainmenu ul ul li.last {
		width: auto;
		margin: 0 10px 0 0;
		padding: 0 0 0 10px;
		background: url(../images/template/mainmenu_point.png) no-repeat left center;
	}

	#mainmenu ul ul a {
		font-size: 11px;
		height: 20px;
		line-height: 20px;
		padding: 0 5px;
		background: none;
	}

	#mainmenu ul ul a:hover, #mainmenu ul ul .active a {
		background: none;
		background-color: #77c200;
	}

	#mainmenu .active ul a {
		background: none;
	}

	#mainmenu li:active ul, #mainmenu li:hover ul {
		background: none;
	}

/* @end */

/* @group submenu */
	#sidebar-lft ul {
		font-size: 11px;
		list-style: none;
		padding: 0 0 0 10px;
		margin: 0;
		color: #344d7a;
		font-weight: bold;
	}

	#sidebar-lft ul ul {
		font-size: 10px;
		padding: 0;
		margin: 5px 0;
		color: #5f5f5f;
		font-weight: normal;
	}

	#sidebar-lft ul ul ul {
		padding: 0 0 0 30px;
	}

	#sidebar-lft li {
		margin: 0;
		padding: 0 0 10px 0;
	}

	#sidebar-lft ul ul li {
		border: 0 none;
		padding: 5px 0;
		margin: 0;
	}

	#sidebar-lft a {
		color: #344d7a;
		padding: 0;
		margin: 0;
		background: none;
	}

	#sidebar-lft ul ul a {
		color: #5f5f5f;
		background: url(../images/template/sidebar_point.png) no-repeat 0 3px;
		padding: 0 0 0 12px;
	}

	#sidebar-lft a:hover {
		color: #333;
	}

	#sidebar-lft ul ul a.active {
		font-weight: bold;
		color: #333;
	}
/* @end */

/* @group bottommenu */
	#bottommenu ul {
		margin: 0 auto;
		text-align: center;
	}

	#bottommenu ul ul {
		display: none;
	}

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

	#bottommenu li {
		display: inline;
		margin: 0;
		padding: 0 15px;
		border-right: 1px solid #7b7b7b;
	}

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

	#bottommenu a {
		color: #7b7b7b;
	}
/* @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 #7b7b7b;
	}

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

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

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

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

/* @end */