body,html {height:100%}
body {width: 100%; font-family: Arial, Helvetica; font-size: 12px; color: #4c4c4c; padding: 0; margin: 0; background: #000 url(../i/bg.gif); }
td {font-family: Arial, Helvetica}

a {color: #717171; text-decoration: none;}
	a:hover {color: #fff; text-decoration: none;}
	a span {cursor: pointer}

h1 {font-size: 14px; font-weight: normal; padding: 0; margin: 0;}
	h1.has-img {height: 24px; position: relative; }
	h1 span {height: 24px; width: 100%; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat !important;}

h2 {font-family: Arial; font-size: 18px; font-weight: normal; padding: 0 0 0 0; margin: 0 0 10px 0 !important; color: #d3d3d3}

li {background-repeat: no-repeat !important; background-position: 4px 7px !important;}

#body {width: 998px; position: relative; z-index: 10; margin: 0 auto; height: 100%; border-left: 1px solid #000; border-right: 1px solid #000; overflow-x: hidden; background: #282828; } 
#sec-body {width: 998px; position: relative; z-index: 10; margin: 0 auto; height: 100%; border-left: 1px solid #000; border-right: 1px solid #000; background: #282828; } 
html>body #body, html>body #sec-body {height: auto; min-height:100%}

#header {height: 391px; width: 100%; position: relative; background: #292929; border-bottom:  3px solid #000;}
	#header .top {height: 138px; width: 100%; position: relative; background: #292929; border-bottom:  3px solid #000;}
		#header .top .logo {position: absolute; left: 17px; top: 26px;}
		#header .top .menu {position: absolute; right: 0px; top: 25px;}
			#header .top .menu a {display: block; float: left; height: 80px; width: 140px; background: url(../i/manu-a-bg.gif) no-repeat right bottom; text-decoration: none;}
				#header .top .menu a.last {background: none;}
				#header .top .menu a span {cursor: pointer !important;}
					#header .top .menu a span.num {/*font-size: 18px;*/ color: #565656; display: block; margin: 25px 0px 0px 43px	; width: 26px; height: 20px;}
						#header .top .menu a .num.n1 {background: url(../i/menu/1.gif) no-repeat 0 -180px ;}
						#header .top .menu a .num.n2 {background: url(../i/menu/2.gif) no-repeat 0 -180px;}
						#header .top .menu a .num.n3 {background: url(../i/menu/3.gif) no-repeat 0 -180px;}
						#header .top .menu a .num.n4 {background: url(../i/menu/4.gif) no-repeat 0 -180px;}
						#header .top .menu a .num.n5 {background: url(../i/menu/5.gif) no-repeat 0 -180px;}
					#header .top .menu a span.text {font-size: 14px; color: #787778; display: block;margin: 10px 0px 0px 45px; cursor: pointer !important;}
				#header .top .menu a:hover {background: #131313; text-decoration: none;}
					#header .top .menu a:hover span.num {font-size: 18px; color: #fff;}
						#header .top .menu a:hover .num.n1 {background: url(../i/menu/1-active.gif) no-repeat 0 -180px;}
						#header .top .menu a:hover .num.n2 {background: url(../i/menu/2-active.gif) no-repeat 0 -180px;}
						#header .top .menu a:hover .num.n3 {background: url(../i/menu/3-active.gif) no-repeat 0 -180px;}
						#header .top .menu a:hover .num.n4 {background: url(../i/menu/4-active.gif) no-repeat 0 -180px;}
						#header .top .menu a:hover .num.n5 {background: url(../i/menu/5-active.gif) no-repeat 0 -180px;}
					#header .top .menu a:hover span.text {font-size: 14px; color: #787778;}
				#header .top .menu a.here {background: #000000 !important; text-decoration: none;}
					#header .top .menu a.here span.num {font-size: 18px; color: #fff;}
						#header .top .menu a.here .num.n1 {background: url(../i/menu/1-active.gif) no-repeat 0 -180px;}
						#header .top .menu a.here .num.n2 {background: url(../i/menu/2-active.gif) no-repeat 0 -180px;}
						#header .top .menu a.here .num.n3 {background: url(../i/menu/3-active.gif) no-repeat 0 -180px;}
						#header .top .menu a.here .num.n4 {background: url(../i/menu/4-active.gif) no-repeat 0 -180px;}
						#header .top .menu a.here .num.n5 {background: url(../i/menu/5-active.gif) no-repeat 0 -180px;}
					#header .top .menu a.here span.text {font-size: 14px; color: #787778;}

	#header .pic {height: 250px; position: relative;}
		#header .pic .flash {position: absolute; top: -5px;}
		#header .pic .flag {position: absolute; top: 2px; right: 1px;}

#center {/*padding: 0 0 90px 0;*/}
	#center .content-block {width: 100%; background: #282828; padding-bottom: 90px}
		#center .content-block .text-box {width: 887px; /*height: 388px;*/ background: #1c1c1c url(../i/text-box-bg.gif) no-repeat top; margin-left: 25px; margin-top: 25px; text-align: justify; padding: 17px 30px 40px 30px; font-size: 14px; color: #868686; line-height: 18px;}
			#center .content-block .text-box h1 {margin-bottom: 10px; margin-left: -5px}
			#center .content-block .text-box span.p {/*margin-left: 16px*/}
			#center .content-block .text-box p {margin: 15px 0;}


	#center .video-block {width: 100%; height: 430px; background: #282828 url(../i/video-block-bg.gif) no-repeat bottom; position: relative;}
		#center .video-block .vertical-tape {width: 168px; height: 388px; background: url(../i/video-tape-box-bg.gif) no-repeat; float: left; margin-left: 20px; margin-top: 15px;}
			#center .video-block .vertical-tape .up-arrow {width: 133px; height: 20px; margin-left: 15px; }
				#center .video-block .vertical-tape .up-arrow a {width: 133px; height: 20px;  display: block; position: relative; }
					#center .video-block .vertical-tape .up-arrow a span {position: absolute; top: 0; left: 0; width: 133px; height: 20px;  background: url(../i/video-right-tape-uparrow.gif) no-repeat;}
						#center .video-block .vertical-tape .up-arrow a:hover span {background: url(../i/video-right-tape-uparrow-active.gif) no-repeat;}

			#center .video-block .vertical-tape .body {width: 133px; height: 339px; margin-left: 17px; position: relative; overflow: hidden;}
				#center .video-block .vertical-tape .body ul {position: absolute; top: 0;}
					#center .video-block .vertical-tape .body ul li {position: relative; margin-top: 5px; cursor: pointer}
						#center .video-block .vertical-tape .body ul li .num {color: #a9a9a9; position: absolute; top: 6px; right: 3px; font-weight: bold; font-size: 11px;}
							#center .video-block .vertical-tape .body ul li:hover .num {color: #fff;}

			#center .video-block .vertical-tape .down-arrow {width: 133px; height: 20px; margin-left: 15px; }
				#center .video-block .vertical-tape .down-arrow a {width: 133px; height: 20px;  display: block; position: relative; }
					#center .video-block .vertical-tape .down-arrow a span {position: absolute; top: 0; left: 0; width: 133px; height: 20px;  background: url(../i/video-right-tape-downarrow.gif) no-repeat;}
						#center .video-block .vertical-tape .down-arrow a:hover span {background: url(../i/video-right-tape-downarrow-active.gif) no-repeat;}


		#center .video-block .video-box {width: 585px; height: 388px; background: url(../i/video-box-bg.gif) no-repeat top; float: left; margin-left: 20px; margin-top: 15px; position: relative;}
			#center .video-block .video-box div.a {width: 585px; height: 46px; position: absolute; bottom: 4px; left: 0;}
				#center .video-block .video-box div.a a {color: #717171; display: block; float: left; width: 117px; height: 30px; background: url(../i/video-a-bg.gif) no-repeat right top; font-size: 14px; text-align: center; padding-top: 15px;}
					#center .video-block .video-box div.a a:hover, #center .video-block .video-box div.a a.here 
						{color: #717171; background: url(../i/video-a-active-bg.gif) no-repeat top; border: none !important; }
					#center .video-block .video-box div.a a.last {width: 115px; background: url(../i/video-a-bg.gif) no-repeat left top; }
						#center .video-block .video-box div.a a.last:hover, #center .video-block .video-box div.a a.last.here
							{width: 115px; background: url(../i/video-a-active-bg.gif) no-repeat top;}

			#center .video-block .video-box .tv h1 {margin: 6px 0 0 13px;}
			#center .video-block .video-box .tv .telik {background-color:black;margin:6px 10pt 0pt 13px;text-align:center;}

			#center .video-block .link {position: absolute; top: 14px; left: 808px; width: 190px; float: left; height: 86px;}
				#center .video-block .link a {color: #717171; display: block; width: 190px; height: 32px; background: url(../i/video-right-a.gif) no-repeat left top; font-size: 14px; text-align: left; font-size: 14px; padding-top: 11px; padding-left: 40px;}
					#center .video-block .link a:hover, #center .video-block .link a.here 
						{background: url(../i/video-right-a-active.gif) no-repeat left top;}				

.footer-abs { position: absolute; bottom: 0px; left: 0px; background: url(../i/sec-block-bg.gif) no-repeat top !important; padding-top: 30px;}
#footer { height: 40px; background: #282828; width: 998px;}  
	#footer .box {width: 490px; margin: 0 auto;}
		#footer .box .copyright {float: left; margin-right: 10px;}
		#footer .box a:hover {color: #fff; text-decoration: none; border-bottom: 1px dotted #FFFFFF !important;}
		#footer .box span {color: #717171 !important;}

/* ----------------------- Tape  ------------------------ */

.horizontal-tape {width: 100%; height: 130px; background: #282828;}
	.horizontal-tape .box {width: 586px; height: 120px; background: url('../i/bottom-tape-block-bg.gif') no-repeat 15px 2px; margin: 0 auto;}

		.horizontal-tape .left-arrow {width: 20px; height: 122px; float: left}
			.horizontal-tape .left-arrow a {width: 20px; height: 122px;  display: block; position: relative; }
				.horizontal-tape .left-arrow a span {position: absolute; top: 0; left: 0; width: 20px; height: 122px;  background: url(../i/video-bottom-tape-leftarrow.gif) no-repeat;}
					.horizontal-tape .left-arrow a:hover span {background: url(../i/video-bottom-tape-leftarrow-active.gif) no-repeat;}

		.horizontal-tape .right-arrow {width: 20px; height: 122px; float: left}
			.horizontal-tape .right-arrow a {width: 20px; height: 122px;  display: block; position: relative; }
				.horizontal-tape .right-arrow a span {position: absolute; top: 0; left: 0; width: 20px; height: 122px;  background: url(../i/video-bottom-tape-rightarrow.gif) no-repeat right;}
					.horizontal-tape .right-arrow a:hover span {background: url(../i/video-bottom-tape-rightarrow-active.gif) no-repeat right;}

	.horizontal-tape .body {position: relative; width: 540px; height: 98px; margin-left: 3px; margin-right: 3px; padding-top: 22px; overflow: hidden; float: left;}
		.horizontal-tape .body ul {position: absolute; top: 20px; left: 0;}
		.horizontal-tape .body ul li {width: 132px; position: relative; margin-right: 3px; cursor: pointer; float: left; background-position: 5px 10px !important;}
			.horizontal-tape .body ul li .num {color: #a9a9a9; position: absolute; top: 6px; right: 3px; font-weight: bold; font-size: 11px;}
				.horizontal-tape .body ul li:hover .num {color: #fff;}

/* ========= color ========= */
/*
#body {border: 1px solid blue; }
#footer, #header {border: 1px solid green; }
#pre-footer {border: 1px solid yellow; }
#center {border: 1px solid red; }
*/