/*-- CASCADING STYLE SHEET --*/

	body {
		font-family: Verdana, Geneva, sans-serif;
		text-align: center;
		font-size: 12px;
		color: #666666;
		background: #000000;
		margin: 0;
		padding: 0;
		}

	img {
		border: none;
		}

	a:link { 
		color: #666666;
		text-decoration: none;
		}

	a:visited {
		color: #666666;
		text-decoration: none;
		}

	a:active {
		color: #666666;
		text-decoration: none;
		}

	a:hover {
		color: #6699cc;
		text-decoration: none;
		}

	select {
		color: #666666;
		}

	#container {
		width: 840px;
		margin: 0 auto 0 auto;
		text-align: left;
		background: #ffffff;
		}

	.hidden {
		visibility: hidden;
		}

/*-- MEMBER LOGIN --*/

	#memberlogin_container {
		float: left;
		position: relative;
		width: 100%;
		height: 42px;
		background: #000000;
		border-bottom: 1px solid #333333;
		}

	#memberlogin {
		width: 840px;
		height: 42px;
		background: transparent;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	.memberlogin {
		float: right;
		position: relative;
		}

	#memberlogin p {
		font-size: 10px;
		color: #ffffff;
		line-height: 18px;
		text-align: left;
		margin: 12px 0px 12px 0px;
		}

	#memberlogin input {
		color: #ffffff;
		background: #222222;
		border: 1px solid #333333;
		}

/*-- HEADER | LOGO & NAVIGATION --*/

	#header_container {
		float: left;
		position: relative;
		width: 100%;
		height: 80px;
		background-color: #000000;
		background-image: url('../images/header_bg.png');
		background-repeat: repeat;
		}

	#header {
		width: 840px;
		height: 80px;
		background: transparent;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	#header .logo {
		float: left;
		position: relative;
		margin: 14px 0px 0px 0px;
		}

	#header .navigation {
		float: right;
		position: relative;
		margin: 21px 0px 0px 0px;
		}

	#header .navigation ul {
		float: left;
		position: relative;
		font-size: 14px;
		font-weight: bold;
		color: #666666;
		list-style-type: none;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#header .navigation li {
		float: left;
		position: relative;
		margin: 0px 0px 0px 12px;
		}

	#header .navigation .aboutzixi {
		float: left;
		position: relative;
		display: inline;
		width: 85px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_aboutzixi.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .aboutzixi:hover {
		background-position: -86px 0px;
		}

	#header .navigation .aboutzixi.active {
		background-position: -86px 0px;
		}

	#header .navigation .technology {
		float: left;
		position: relative;
		display: inline;
		width: 87px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_technology.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .technology:hover {
		background-position: -88px 0px;
		}

	#header .navigation .technology.active {
		background-position: -88px 0px;
		}

	#header .navigation .solutions {
		float: left;
		position: relative;
		display: inline;
		width: 78px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_solutions.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .solutions:hover {
		background-position: -79px 0px;
		}

	#header .navigation .solutions.active {
		background-position: -79px 0px;
		}

	#header .navigation .applications {
		float: left;
		position: relative;
		display: inline;
		width: 93px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_applications.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .applications:hover {
		background-position: -94px 0px;
		}

	#header .navigation .applications.active {
		background-position: -94px 0px;
		}

	#header .navigation .news {
		float: left;
		position: relative;
		display: inline;
		width: 53px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_news.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .news:hover {
		background-position: -54px 0px;
		}

	#header .navigation .news.active {
		background-position: -54px 0px;
		}

	#header .navigation .contact {
		float: left;
		position: relative;
		display: inline;
		width: 67px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_contact.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .contact:hover {
		background-position: -68px 0px;
		}

	#header .navigation .contact.active {
		background-position: -68px 0px;
		}

/*-- IMAGES --*/

	#image_container {
		float: left;
		position: relative;
		width: 100%;
		height: 220px;
		background-color: #2a3037;
		background-image: url('../images/image_bg.png');
		background-repeat: repeat-x;
		}

	#image {
		width: 840px;
		height: 220px;
		background: #2a3037;
		text-align: left;
		margin: 0 auto 0 auto;
		}

/*-- CONTENT --*/

	#content_container {
		float: left;
		position: relative;
		width: 100%;
		min-height: 365px !important;
		height: auto !important;
		height: 365px;
		background: #ffffff;
		padding: 0px 0px 6px 0px;
		}

	#content {
		width: 840px;
		background: #ffffff;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	#content a {
		text-decoration: underline;
		}

	#content .columnleft {
		float: left;
		position: relative;
		width: 266px;
		}

	#content .columnleft ul {
		float: left;
		position: relative;
		font-size: 14px;
		color: #666666;
		list-style-type: none;
		line-height: 24px;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnleft li {
		width: 240px;
		border-bottom: 1px solid #cccccc;
		}

	#content .columnleft h2 {
		font-size: 14px;
		color: #666666;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		}

	#content .columnleft p {
		font-size: 12px;
		color: #666666;
		line-height: 21px;
		margin: 12px 0px 12px 0px;
		}

	#content .columnright {
		float: right;
		position: relative;
		width: 523px;
		}

	#content .columnright h2 {
		font-size: 14px;
		color: #666666;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		}

	#content .columnright h3 {
		font-size: 12px;
		color: #666666;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		}

	#content .columnright h4 {
		font-size: 12px;
		color: #666666;
		line-height: 18px;
		margin: 12px 0px -12px 0px;
		}

	#content .columnright p {
		font-size: 12px;
		color: #666666;
		line-height: 21px;
		text-align: left;
		margin: 12px 0px 12px 0px;
		}

	#content .columnright ul {
		font-size: 12px;
		color: #666666;
		line-height: 21px;
		text-align: left;
		list-style-type: disc;
		margin: 12px 0px 12px 0px;
		padding: 0px 0px 0px 16px;
		}

	#content .columnright ul ul {
		font-size: 12px;
		color: #666666;
		line-height: 21px;
		text-align: left;
		list-style-type: disc;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 32px;
		}

	#content .columnright ul.partners {
		list-style-type: none;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnright ul.partners li {
		float: left;
		position: relative;
		margin: 0px 12px 0px 0px;
		}

	#content .columnright ul.news {
		float: left;
		position: relative;
		width: 100%;
		font-size: 12px;
		color: #666666;
		list-style-type: none;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnright ul.news .date {
		float: left;
		position: relative;
		width: 20%;
		margin: 0px 0px 0px 0px;
		}

	#content .columnright ul.news .article {
		float: left;
		position: relative;
		width: 75%;
		margin: 0px 0px 0px 5%;
		}

	#content .contact.column1 {
		float: left;
		width: 300px;
		}

	#content .contact.column2 {
		float: left;
		width: 200px;
		}

	.youtube_video {
		margin: 12px 0px 0px 0px;
		}

	.flash {
		margin: 12px 0px 0px 0px;
		}

/*-- FOOTER --*/

	#footer_container {
		float: left;
		position: relative;
		width: 100%;
		height: 50px;
		background: #000000;
		padding: 12px 0px 0px 0px;
		}

	#footer {
		width: 840px;
		height: 50px;
		background: #000000;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	#footer a:hover {
		color: #cccccc;
		text-decoration: none;
		}

	#footer .copyright {
		float: left;
		position: relative;
		margin: 0px 0px 0px 0px;
		}

	#footer .copyright p {
		font-size: 11px;
		color: #666666;
		margin: 8px 0px 14px 0px;
		}

	#footer .navigation {
		float: right;
		position: relative;
		margin: 0px 0px 0px 0px;
		}

	#footer .navigation ul {
		float: left;
		position: relative;
		font-size: 11px;
		color: #666666;
		list-style-type: none;
		margin: 8px 0px 14px 0px;
		padding: 0;
		}

	#footer .navigation li {
		float: left;
		position: relative;
		}

	#footer .navigation li.seperator {
		margin: 0px 8px 0px 8px;
		}