@charset "utf-8";
/* CSS Document */

#featureContainer {
	 MARGIN: 0px auto; WIDTH: 1200px; FONT-SIZE: 80%;
}

#feature {
	POSITION: relative; MARGIN-TOP: 5px; MARGIN-BOTTOM: 20px; 
}

#feature .prev {
	TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px;  TOP:-185px; 
}
#feature .next {
	TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px; TOP: -185px; 
}
#feature .prev:hover {BACKGROUND-POSITION: center bottom}
#feature .next:hover {BACKGROUND-POSITION: center bottom}
.featureUL {
	 POSITION: relative; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; LEFT: 0px
}
.featureBox {
	BACKGROUND-IMAGE: url(../images/bg-featurebox.jpg); WIDTH: 350px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT:370px; OVERFLOW: hidden; PADDING-TOP: 10px
}
.featureBox img{border-radius:10px; width:100%;}
#botton-scroll {
	Z-INDEX: 0; MARGIN: 0px auto; WIDTH: 1100px; FLOAT: left; HEIGHT:370px; 
}
#block {
	Z-INDEX: 0;  POSITION: relative; BPADDING-BOTTOM: 20px; MARGIN: 0px auto;  WIDTH:1100px;  HEIGHT: 370px; FONT-SIZE: 70%; OVERFLOW: hidden; 
}
#block .box {
	PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 30px; WIDTH:310px; PADDING-RIGHT:30px; FLOAT: left; HEIGHT: 370px;PADDING-TOP: 10px
}
#block .box .feature-title {
	FONT-SIZE: 140%; FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 350px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT:370px
}

* A {POSITION: relative}