/* Reset */
BODY,DIV,DL,DT,DD,UL,OL,LI,H1,H2,H3,H4,H5,H6,PRE,FORM,FIELDSET,P,BLOCKQUOTE,TH,TD {margin:0;padding:0;font-weight:400;}
TABLE {border-collapse:collapse; border-spacing:0;}
FIELDSET,IMG{border:0;}
ADDRESS,CAPTION,CITE,DFN,EM,STRONG,TH {font-style:normal; font-weight:normal;}
OL,UL {list-style:none;}
CAPTION,TH {text-align:left;}
H1,H2,H3,H4,H5,H6 {font-size:100.1%;}
Q:BEFORE,Q:AFTER {content:'';}
BLOCKQUOTE {font-style:oblique;}
A:focus {outline:0;}

HTML {background:#FFF; height:100%;}
BODY {font-size:12px; font-family:Arial, Tahoma, sans-serif; background: #C80000 url(bg.body.2.png) no-repeat top center; padding:34px 0 25px;}
.wrap {position:relative; margin:0 auto; background:#FFF; width:977px;}
.inner {overflow:hidden;padding-bottom:5px; min-height:555px;}
.bold {font-weight:700;}

	/* Boxes'n'corners'n'lines */
	.box {position:relative; padding:4px 0 0 0;}
		.inner-wrap {margin:0 -5px; padding:0 5px;}
		.wide {width:470px;}
			.wide .inner-wrap {background:url(box-border.24.png) repeat-y -704px 0; width:480px;}
		 .narrow {width:220px;}
			.narrow .inner-wrap {background:url(box-border.24.png) repeat-y -474px 0;}
	.cn {position:absolute; background:transparent url(cn.24.png) no-repeat scroll 0 0; z-index:20;}
		.four {height:4px; width:4px;}
			.four.tl {background-position:-4px -4px; top:0; left:-4px;}
			.four.tr {background-position:0 -4px;left:0;margin-left:100%;top:0;}
			.four.bl {background-position:-4px 0; bottom:auto; left:-4px;}
			.four.br {background-position:0 0;left:0;margin-left:100%; bottom:auto;}
		.nine {height:13px; width:13px;}
			.nine.tl {background-position:-13px -21px; top:0; left:-4px;}
			.nine.tr {background-position:0 -21px;left:-9px;margin-left:100%;top:0;}
			.nine.bl {background-position:-13px -8px; margin-top:-10px; left:-4px;}
			.nine.br {background-position:0 -8px;left:-9px;margin:-10px 0 0 100%;}
	.cn-wrap {position:absolute; background:transparent url(cn.wrap.24.png) no-repeat scroll 0 0; height:9px; width:9px; z-index:2; clear:both;}
			.cn-wrap.tl {background-position:-9px -9px; top:-9px; left:0; width:968px;}
			.cn-wrap.tr {background-position:0 -9px;left:-9px;margin-left:100%;top:-9px;}
			.cn-wrap.bl {background-position:-9px 0; bottom:auto; left:0; width:968px;}
			.cn-wrap.br {background-position:0 0;left:-9px;margin-left:100%; bottom:auto;}
	.box .brdr {position:absolute; width:100%; height:4px; background: url(box-border.24.png) no-repeat 0 0; z-index:10;}
		.box .brdr.top {top:0; left:0;}
		.box .brdr.bottom {left:0;background-position:0 -4px; bottom:auto;}
	.line {clear:both; display:block; background:#6A6A6A;}
		.hr {height:1px;}
		.ways .hr,
		.platforms .hr {margin:0 10px;}
		.vr {float:left; margin:10px 0; width:1px;}
		#sidebar .vr {height:400px;}
	.pic {position:absolute; top:7px; left:0; background:url(sprite.png) no-repeat 0 -71px;}
	.inline-pic {display:inline;background:url(sprite.png) no-repeat 0 -71px;}
	/*--------*/

/* Header */
.index #header {height:146px; z-index:5; position:relative;}
.sub #header {height:105px;}
	.wrap-picture {position:absolute;left:-697px;top:-9px;margin-left:100%;z-index:2;}
	.index #header .title {font-size:14px; margin:21px 0 0 30px;}
	.sub #header .title {margin:20px 0 0 40px; white-space:nowrap;}
		#header .title .logo {float:left;}
		#header .title .logo A {border:0;text-decoration:none;}
		#header .title .logo A:hover {border:0;}
		.index #header .title H1 {padding:15px 0 0 130px; font-size:24px; line-height:45px;}
		.sub #header .title H1 {padding:15px 0 0 70px; font-size:24px;}
		#header .title A {color:#000; text-decoration:none;}
		#header .title A:hover {border-bottom:1px solid;}
		.index #header .title P {padding-left:130px; width:160px;}
		.sub #header .title P {padding:6px 0 0 70px;font-size:14px; color:#A1A1A1;}
		#header .title {float:left;}
		#header .contacts {float:right; margin-right:12px;}
			#header .contacts .online {position:relative;padding-right:4px; margin-top:-9px; background:url(sprite.png) no-repeat right -36px; height:35px; line-height:35px; text-align:right; z-index:100;}
				#header .contacts .online A {color:#FFF; text-decoration:none;}
				#header .contacts .online A:hover {color:#111;}
			#header .contacts .phone {position:relative; padding-left:35px; font-size:24px;}
			.index #header .contacts .phone {margin-top:61px;}
			.sub #header .contacts .phone {margin-top:11px;}
				#header .contacts .phone SPAN {display:block;color:#959595; font-size:12px;}
				#header .contacts .phone .pic {width:30px; height:35px;}

/* Content */
#content {}
.index #content {float:left; padding:0 0 10px 20px;width:700px; z-index:5; position:relative;}
#content .why-futures {border:0;}
.sub #content {float:right; padding:0 20px 10px 10px; width:685px; font-size:14px;}
	.index #content H2 {padding:15px 0 20px; font-size:14px; font-weight:700;}
	.index #content P {padding:8px 0;}
	#content A {color:#333;border-bottom:1px solid;text-decoration:none;}
	#content A:hover {border:0;}
	.sub #content H1 {font-size:18px; font-weight:700; padding:5px 0;}
	.sub #content H2 {font-size:16px; font-weight:700; padding:5px 0; line-height:1.5;}
	.sub #content H3 {font-size:14px; font-weight:700; padding:5px 0; line-height:1.5;}
	.sub #content H2 SPAN {display:block;color:#959595;}
	.sub #content P {padding:7px 0; line-height:1.2;}
	.sub #content BLOCKQUOTE {padding:10px 0; color:#959595;overflow:hidden;}
	.sub #content BLOCKQUOTE {position:relative; padding:10px 0 10px 40px;}
		.sub #content BLOCKQUOTE .pic {top:17px;height:29px;width:33px;}
		.sub #content BLOCKQUOTE .quote-start {top:18px; background-position:-30px -71px;}
		.quote-end {padding:1px 10px; margin-left:5px; background-position:-63px -71px;}
	.sub #content OL {margin:10px 10px 10px 30px;list-style-type:decimal;list-style-position:outside; font-size:12px;}
		.sub #content OL LI {padding:0 0 5px;}
	.sub #content UL {margin:10px 10px 10px 30px;list-style-type:none; list-style-image:url(marker.gif); font-size:12px;}
		.sub #content UL LI {padding:0 0 5px;}
	.sub #content TABLE {border:none;}
		.sub #content TD, .sub #content TH {padding:3px 10px;}
		.sub #content .caption {color:#959595;}
		.sub #content .odd {background:#E2E2E2;}
	.sub #content DL {margin:10px 10px 20px;overflow:hidden;}
		.sub #content DL DT {font-weight:700;margin:5px 0 5px 10px;}
		.sub #content DL DD {margin:5px 0 5px 10px;}
	.sub #content .gray-list {font-size:12px; color:#999;}
		.sub #content .gray-list LI {padding-bottom:2px;}
	.sub #content .comment {padding:20px; background:#EEE;}
	.sub #content DIV.alignright,
	.sub #content IMG.alignright {float:right;margin:0 0 10px 10px;text-align:right;}
	.sub #content .alignright {text-align:right;}
	.sub #content DIV.alignleft,
	.sub #content IMG.alignleft {float:left;margin:0 20px 10px 0;text-align:left;}
	.sub #content IMG.aligncenter {margin:0 auto;}
	.sub #content .aligncenter {text-align:center;}
	.sub #content .block {position:relative; padding:10px 25px; background:#CCC; overflow:hidden;}
		.sub #content .block .cn {width:8px; height:8px;}
		.sub #content .block .cn.tl {left:0; top:0; background-position:-8px -60px;} 
		.sub #content .block .cn.tr {left:-8px; top:0; margin-left:100%; background-position:0 -60px;}
		.sub #content .block .cn.bl {left:0; background-position:-8px -52px;margin-top:2px;}
		.sub #content .block .cn.br {left:-8px; margin:2px 0 0 100%; background-position:0 -52px;}
	.sub #content .bold {font-weight:700;font-size:12px;}
	#content .flash {float:left; margin-bottom:10px;}
		#content .flash .inner-wrap {height:192px;}
	#content .def {float:right; margin-bottom:10px;}
		#content .def .inner-wrap {height:182px; padding:10px 25px;}
		#content .def DFN {font-weight:700;}
	#content .contests {float:left; margin-top:10px;width:220px; height:200px; overflow:hidden;}
		#content .contests .carousel {position:absolute;width:440px; height:140px;overflow:hidden;}
		#content .contests .carousel LI {float:left;display:inline;height:100px; width:200px;}
		#content .contests .carousel-control {display:none;}
		#content .contests H3 {padding:5px 0; font-size:16px; font-weight:700;}
		#content .contests LI {padding:35px 10px 5px 10px; font-size:20px; }
			#content .contests A {color:#898989; text-decoration:none;border:0;font-size:20px; font-weight:400;}
				#content .contests H3 SPAN {display:block; color:#F00; font-size:25px;}
				#content .contests P {font-size:12px;}
	#content .faces-list {float:right; margin-top:10px;}
		#content .faces-list .inner-wrap {height:194px;}
	#content .faces-list .tabs {overflow:hidden;}
			#content .faces-list .tabs DT {float:left; padding:4px 15px; background:url(sprite.png) repeat-x 0 0; border-left:1px solid #EFEFEF; height:28px; width:126px; color:#959595; cursor:pointer; line-height:14px;}
				#content .faces-list .tabs SPAN {display:block; font-size:14px; font-weight:700;}
				#content .faces-list .tabs .selected {background:none;display:block;}
				#content .faces-list .tabs .selected SPAN {color:#000;}
				#content .faces-list .tabs .first {border-left:none; width:127px}
			#content .faces-list .tabs DD {display:none; float:right; position:relative; padding:15px 20px; margin-left:-100%; width:430px; margin-top:36px;}
			#content .faces-list .tabs P {}
			#content .faces-list .tabs IMG {float:left; margin: 15px 10px 0 -35px;}
	.ways,
	.platforms {padding:10px 10px 0;}
		.platforms H2 {margin:10px 20px;font-size:16px;color:#333;}
		.platforms UL {margin:10px 20px 10px 30px;overflow:hidden;}
			.platforms UL LI {float:left;margin:0 20px 0 0;}
			.platforms UL LI A {position:relative;display:block;height:54px;}
			.platforms UL LI SPAN {position:absolute;background:url(platforms.logos.png) no-repeat 0 0;}
			.platforms .mt4 {margin-right:60px;}
			.platforms .mt4,
			.platforms .mt4 SPAN {width:207px;height:54px;}
			.platforms .mt4 A:hover SPAN {background-position:0 -54px;}
			.platforms .sr {margin-right:60px;}
			.platforms .sr,
			.platforms .sr SPAN {width:234px;height:54px;background-position:-207px 0;}
			.platforms .sr A:hover SPAN {background-position:-207px -54px;}
			.platforms .qk {margin-right:60px;}
			.platforms .qk,
			.platforms .qk SPAN {width:111px;height:54px;background-position:-441px 0;}
			.platforms .qk A:hover SPAN {background-position:-441px -54px;}
			.platforms .trx,
			.platforms .trx SPAN {width:148px;height:54px;background-position:-552px 0;}
			.platforms .trx A:hover SPAN {background-position:-552px -54px;}
		.ways .ways-list {padding:5px 0;overflow:hidden; margin-left:0;}
			.ways .ways-list LI {float:left; position:relative; padding:5px 0 5px 5px; background:url(bg.ways.png) no-repeat 0 0; width:319px; font-size:12px;}
				.ways .ways-list .start {background-position:0 0;}
				.ways .ways-list .read {background-position:0 -92px;}
				.ways .ways-list .study {background-position:0 -184px;}
				.ways .ways-list .last {width:303px;}
			.ways .ways-list A {display:block;color:#333;text-decoration:none;height:67px;padding:15px 105px 0 25px;width:170px;}
			.ways .ways-list A:hover {color:#666;}
			.ways .ways-list A SPAN {display:block; color:#000; font-size:16px; font-weight:700;}
			.ways .ways-list A:hover SPAN {color:#333;}
			.ways .ways-list .line {position:absolute; top:0; left:-13px; margin:12px 5px; height:75px;}
			
/* Sidebar */
.index #sidebar {float:right; position:relative; padding:0 13px 0 10px; width:233px; z-index:5;}
.sub #sidebar {float:left;  padding:0 13px 0 10px; width:233px;}
	#sidebar .example {float:right; font-size:10px;}
		#sidebar .example .inner-wrap {height:420px;}
		#sidebar .box H3 {padding:0 15px; background:url(sprite.png) repeat-x 0 0; line-height:36px; font-size:12px;}
			#sidebar .box h3 A {color:#000; text-decoration:none;}
		.index #sidebar .box DL {padding:5px 20px;}
			#sidebar .box DT {font-size:12px;}
			#sidebar .box DD {padding-bottom:5px;}
		.index #sidebar .box P {padding:5px 0 5px 20px;}
		.sub #sidebar .box P {padding:5px 0;}
		#sidebar DT {font-size:14px;}
		#sidebar .comment {color:#959595; font-size:10px;}
		#sidebar INPUT {width:95%;}
	/* Sidebar after reg */
	#sidebar .quick-form {padding:10px;}
		#sidebar .quick-form #captcha {display:block;}
		#sidebar .quick-form IMG {display:none;}
		#sidebar .quick-form H2 {font-weight:700;}
		#sidebar .quick-form OL, UL {margin-left:20px;}
			#sidebar .quick-form LI {list-style-type:decimal; list-style-position:outside;}
				#sidebar .quick-form LI H3 {padding:5px 0; background:none; line-height:20px;}
		#sidebar .quick-form A {color:#000000; text-decoration:none; border-bottom:1px solid;}
			#sidebar .quick-form A:HOVER {border-bottom:none;}

/* Footer */
#footer {margin:0 auto; padding:20px 0 10px; width:977px;}
	#footer .left-list {float:left;}
	#footer .right-list {float:right; text-align:right;}
	#footer LI {display:inline; margin:0 5px;}
	#footer A {color:#FFF;text-decoration:none;border-bottom:1px solid;}
	#footer A:hover {border:0;}