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

*/

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/template/background.jpg) fixed;
	color: #757575;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	text-align: left;
}

/* @group Layout */
	#container {
		width: 900px;
		margin: 20px auto 10px;
		text-align: left;
		background: #ffffff;
	}

	#header {
		width: 900px;
		height: 62px;
		padding: 0;
		position: relative;
	}

	#logo {
		float: left;
		width: 212px;
		height: 62px;
		margin: 0;
		padding: 0;
		background: url(../images/template/logo.jpg) no-repeat 0 0;
	}

	#logo span {
		display: none;
	}

	#techmenu {
		float: left;
		width: 688px;
		height: 28px;
		margin: 0;
		padding: 0;
		text-align: right;
	}

	#mainmenu {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		float: left;
		width: 688px;
		height: 34px;
		overflow: hidden;
		background: url(../images/template/mainmenu_bg.jpg) no-repeat 0 0;
	}

	#langmenu {
	}

	#wrapper {
		margin: 20px 0 0;
		width: 900px;
		background: url(../images/template/corner_bg.jpg) no-repeat bottom left;
	}

	#sidebar {
		float: left;
		width: 200px;
		margin: 0 12px 0 0;
		padding: 0;
	}

	#content-wrapper {
		width: 662px;
		float: left;
		padding: 0;
		margin: 0 0 0 12px;
	}

	#content {
		float: left;
		width: 630px;
		margin: 20px 0 10px 23px;
	}

	#column-left {
		float: left;
		width: 330px;
	}

	#column-right {
		float: right;
		width: 270px;
		margin: 0 0 0 30px
	}

	#bottommenu {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		float: left;
		width: 900px;
		margin: 0 0 10px;
	}

	#keywords {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		float: left;
		width: 860px;
		background: url(../images/template/keywords_bg.jpg) repeat 0 0;
		margin: 2px 0 1px 0;
		padding: 4px 20px;
		color: #929292;
	}

	#footer {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		float: left;
		width: 900px;
		height: 27px;
		margin: 0;
		background: url(../images/template/footer_bg.jpg) no-repeat 0 0;
		padding: 5px 0 0;
	}

	#footermenu {
		float: left;
		width: 400px;
		margin: 0 10px 0 0;
	}

	#copy {
		float: right;
		width: 400px;
		margin: 0 10px 0 10px;
		text-align: right;
		color: #8588dd;
	}

	#copy a {
		color: #8588dd;
	}
/* @end */

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

	#techmenu li {
		display: inline;
		margin: 0 5px;
	}

	#techmenu a img {
		text-decoration: none;
		border: 0 none;
	}

	#techmenu a:hover img {
		text-decoration: none;
		border: 0 none;
	}
/* @end */

/* @group mainmenu */
	#mainmenu ul {
		list-style-type: none;
		padding: 0;
		margin: 0 0 0 31px;
		height: 34px;
		line-height: 34px;
	}

	#mainmenu ul li {
		display:block;
		float:left;
		list-style: none;
		margin: 0 5px 0 -15px;
		padding: 0;
		position: relative;
	}

	#mainmenu ul li.first {

	}

	#mainmenu ul li.last {

	}

	#mainmenu ul li a {
		color: #fff;
		float: left;
		display:block;
		text-decoration:none;
		padding: 0 30px 0 0;
		line-height: 34px;
		height: 34px;
		background: url(../images/template/menu_bg.png) no-repeat top right;
	}

	#mainmenu ul li a span {
		float: left;
		display: block;
		height: 34px;
		line-height: 34px;
		background: url(../images/template/menu_bg.png) no-repeat top left;
		padding: 0 0 0 40px;
		margin: 0 0 0 -20px;
		cursor: pointer;
	}

	#mainmenu ul li a:hover {
		color: #12157d;
		text-decoration: none;
		background: url(../images/template/menu_active_bg.png) no-repeat top right;
		margin: 0;
	}

	#mainmenu ul li a:hover span {
		background: url(../images/template/menu_active_bg.png) no-repeat top left;
	}

	#mainmenu ul li.active a {
		color: #12157d;
		text-decoration: none;
		background: url(../images/template/menu_active_bg.png) no-repeat top right;
		margin: 0;
	}

	#mainmenu ul li.active a span {
		background: url(../images/template/menu_active_bg.png) no-repeat top left;
	}
/* @end */

/* @group Langmenu */
	#langmenu ul {
		position: absolute;
		right: 10px;
		bottom: 10px;
		list-style-type: none;
		padding: 0;
		margin: 0 10px 0 10px;
		background: none;
	}

	#langmenu ul li {
		text-align: right;
		display: inline;
		margin: 0 5px;
		padding: 0;
		background: none;
	}

	#langmenu ul li a, #langmenu ul li a:hover {
		text-decoration: none;
		border: 0 none;
		background: none;
		margin: 0;
		padding: 0;
	}
/* @end */

/* @group submenu */
	#submenu ul {
		list-style-type: none;
		padding: 0 0 220px 0;
		margin:  0 0 0 20px;
	}

	#submenu ul li {
		display: block;
		margin: 5px 0 10px 0;
		padding: 10px 0 0;
		background: url(../images/template/submenu_top_bg.png) no-repeat top left;
	}

	#submenu ul li a {
		display: block;
		line-height: 16px;
		color: #29176f;
		text-decoration:none;
		padding: 0 0 0 25px;
		background: url(../images/template/submenu_bg.png) no-repeat left center;
	}

	#submenu ul li a:hover {
		color: #ccc;
	}
/* @end */

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

	#bottommenu li {
		display: inline;
		border-left: 1px solid #2e3193;
		margin: 0;
		padding: 0 10px;
	}

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

	#bottommenu a {
		text-decoration: none;
		color: #2e3193;
	}

	#bottommenu a:hover {
		color: #aaa;
	}
/* @end */

/* @group bottommenu */
	#footermenu ul {
		list-style-type: none;
		padding: 0;
		margin:  0 0 0 10px;
	}

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

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

	#footermenu a {
		text-decoration: none;
		color: #bfbad4;
	}

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

/* @group Links */
a, a:link {
	color: #5c5eb5;
	text-decoration: none;
}

a:hover {
	color: #aaa;
	text-decoration: underline;
}

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

/* @end */

/* @end */