body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
img {border: none;}
html { background:#000 url('../img/index/body-rpt.png') repeat-y 50% 0; height:100%; }
body { font-family: Verdana, Arial, sans-serif; background: transparent url('../img/index/header.jpg') no-repeat 50% 0; color:#f3f3f3; font-size:10px; height:100%;}
a {color:#99ff33}
li {list-style-type: none; list-style-position: outside;}
h3 {font-size:12px;font-family: Arial, sans-serif;}
fieldset {border: none;}

#FlashIntro {
	width:1200px; height:600px;
	position: absolute; top:0; left:50%; margin-left:-600px;
	z-index:15;
}

.section {width:800px; margin:0 auto 30px; position: relative; z-index:20;}
.section_start {height:52px; background: url("../img/index/box_heading.png"); overflow: hidden;}
.section_start h2 {
	font-size:30px; line-height:50px; font-weight: normal; padding-left:90px;
	background: url("../img/index/box_heading_icons.gif") no-repeat 0 -10px;
	float: left;
	font-variant: small-caps;
	letter-spacing: -1px;
}
.infos .section_start h2 {background-position:0  -130px;}
.news .section_start h2 {background-position: 0 -10px;}
.banners .section_start h2 {background-position:0  -70px;}
.section_conent {background: #000;  padding:15px;}
.section_conent p {line-height: 16px; text-rendering: optimizeLegibility;}

.featbox {text-align: center; z-index:10;}
.featbox .section_conent {position: relative; border-top: solid 1px #fff; background: transparent; padding:0; overflow: hidden; height:380px;}
.featbox .feat {display: block; margin-top:348px; float:left;}
.featbox .feat.first .feat_button {padding-left:66px; background-position: 0 100%;}
.featbox .feat.last .feat_button {padding-right:66px; background-position: 100% 100%;}
.featbox .feat_content {
	position: absolute; top:0; left:800px;
	width:800px; height:348px;
	text-align: left; border-bottom: solid 1px #fff;
}
.featbox .feat_bgd {position: absolute; top:0; left:0; width:800px; height:348px; overflow: hidden;}
.featbox .feat_name {position: absolute; top:20px; left:30px; width: 510px; text-shadow: 1px 1px 2px #000; font-family: Arial, sans-serif; font-size:36px; line-height:36px; letter-spacing: -1px;}
.featbox .feat_info {position: absolute; bottom:0; left:0; width:540px;  height:60px; padding:15px 230px 15px 30px; background-color:#000; line-height: 16px;}
.featbox .feat_links {position: absolute; top:270px; right:30px; line-height:12px; text-align: right;}
.featbox .feat_button {
	display:block; width:12px; padding:0 4px 10px 4px; line-height:22px;
	cursor:pointer;
	background: url(../img/index/selector_paging.png) transparent no-repeat 50% 100%;
	font-size:10px;  color: #666; text-decoration: none; 
	position: relative;
	z-index:10;
}
.featbox .feat:hover .feat_content ,
.featbox .feat.toggler_on .feat_content 
	{left:0; z-index:7;}
.featbox .feat .feat_button:hover ,
.featbox .feat.toggler_on .feat_button 
	{color: #99ff33;}
.feat_mask {
	position: absolute; top:0; z-index:10;
	width:40px; height:350px; overflow: hidden; 
	background:url(../img/index/selector_mask.png) no-repeat -2000px 0;
	text-decoration: none;
	outline: none;
}
.feat_mask span {visibility: hidden;}
#PrevFeat {left:0; margin-left:-10px; background-position: -80px 0;}
#NextFeat {right:0; margin-right:-10px; background-position: -120px 0;}
#PrevFeat:hover {background-position: -0px 0;}
#NextFeat:hover {background-position: -40px 0;}

.infos .section_conent {font-size:24px; font-family: Arial, sans-serif; line-height:30px; color:#ccc; text-align: center; font-style: italic; }
.phone_nums {font-size:18px; font-family: Georgia; text-decoration: none; line-height:22px; position: absolute; right:30px; bottom:15px;}

#logo {padding: 70px 0px 30px; height: 80px;}
#logo a {width: 540px; height:80px; display: block; margin: 0px auto; overflow: hidden; text-indent: -1000px; text-decoration: none;}
.l_bg #logo a { background: transparent url("../img/index/logo_ecometal_bg.jpg") no-repeat center center;}
.l_en #logo a { background: transparent url("../img/index/logo_ecometal_en.jpg") no-repeat center center;}
#Slogan {
	position: absolute; top:320px; 
	width:600px; left:50%; margin-left:-300px;
	text-align: center;
	z-index:10;
	font-size: 24px; text-transform: uppercase; text-shadow: 2px 2px 2px #000;
}

.news .section_conent{width: 770px; overflow: hidden; position: relative;}
.news .column {padding:0 15px;}
.news .left { float: left; width:175px; line-height: 16px; text-rendering: optimizeLegibility;}
.news .left #news_list {width: 175px; left:15px; top:15px; bottom:15px;  overflow: auto;  position:absolute;}
.news .left #news_scrolling {position: absolute; bottom:15px; left:15px; height:10px; padding-top: 18px; background: #000; width:175px; display: none; text-align: right;}
#ScrolUp {cursor: pointer; display: inline-block; width: 14px; height: 10px; margin-right: 3px; overflow: hidden; background: black url("../img/index/arrows.gif") no-repeat 0px 0px;}
#ScrolDown {cursor: pointer; display: inline-block; width: 14px; height: 10px; margin-right: 3px;  overflow: hidden; background: black url("../img/index/arrows.gif") no-repeat -20px 0px;}
.news .left h3 {}
.news .left a {text-decoration: none; text-shadow: 1px 1px 1px #000;}
.news .left p{padding-bottom: 1em;}
.news .left p.date{color: #bfbfbf;}
.news .right{/*margin-left: 195px;*/ float: right; width:549px; border-left: solid 1px #666;}
.news .right h1 {font-size:18px; color:#9f3; margin-bottom:16px; font-family: Arial, sans-serif;}
.news .right .row_top {overflow: hidden; padding-bottom:16px; color:#9f3; position: relative; width: 549px;}
.news .right .row_top img {border: solid 10px #333;}
.news .right .row_top p {position: absolute; bottom: 10px; right:0; width: 110px;}
.news b.dots
{
	display: block;
	height: 16px;
	overflow: hidden;
	font-family: Verdana, sans-serif;
	font-size: 30px;
	line-height: 12px;
	text-align: center;
	vertical-align: top;
	color: #9f3;
	letter-spacing: -6px;
}

#news_search
{
	float: right;
	width: 200px;
	height: 22px;
	overflow: visible;
	padding-top: 15px;
	padding-right: 15px;
	background: transparent url("../img/index/search.png") no-repeat 0px 15px;
}

#news_search input.text
{
	padding: 2px 5px;
	border: none;
	width: 164px;
	height: 18px;
	float: left;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #f3f3f3;
	background-color: transparent;
}

#news_search input.submit
{
	padding: 0px;
	border: none;
	float: left;
	background-color: transparent;
	cursor: pointer;
}


.banners {margin-bottom:-150px;}
.banners a.banner{
	display: inline-block;
	width:142px;
	text-align: right;
	position: relative;
	text-decoration: none;
	padding-top: 110px;
	padding-right: 8px;
	font-size: 9px;
	text-shadow: 1px 1px 1px #000;
	line-height: 20px;
	color: #fff;
}
.banners a.banner:hover {color:#99ff33}
.banners a.banner img {position: absolute; top:0; left:0; z-index:10;}
.banners a.banner span {position: relative; z-index:20;}

#header {position: absolute; top:0px; left:50%; width:730px; margin-left: -365px; height:40px;}
#LangsNav {position: absolute; left:0; top:5px;}
#CurTime {position: absolute; right:0; top:5px;}
#VisitSite {
	display: block;	width: 100px; height:26px; line-height:26px;
	position: absolute; left: 50%; margin-left: -50px; top:2px;
	background: url(../img/index/BtnVisitSite.png) no-repeat 50% 0;
	color: #fff; text-align: center; text-transform: lowercase; text-decoration: none;
}
#footer {
	height:60px; padding-top:300px; 
	background: url(../img/index/footer.jpg) no-repeat 50% 0;
	position:relative; z-index:10;
}
#footer_content {
	text-align: center; text-transform: uppercase;
	line-height:20px;
}
.counter {text-decoration: none; color:#fff; background-color: #DF561F; display:inline-block; padding-right:5px; line-height:15px;}
.counter img {display: block; float: left; margin-right:4px;}