.Container {
	MARGIN: 0px auto; WIDTH: 728px
}
.middle-out {
	POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 520px; MARGIN: 80px auto 0px; WIDTH: 728px; DISPLAY: table-cell; HEIGHT: 520px; VERTICAL-ALIGN: middle; OVERFLOW: hidden
}
.image {
	POSITION: static; TOP: 50%
}
.image IMG {
	POSITION: static; TOP: -50%; LEFT: -50%; BORDER: #EEEEEE 3px solid;
}
.switch {
	MARGIN: 0px auto; WIDTH: 728px; HEIGHT: 87px
}
.clear {
	CLEAR: both
}
.icon1 {
	TEXT-INDENT: -9999px; PADDING-LEFT: 18px; WIDTH: 15px; DISPLAY: inline; FLOAT: left; PADDING-TOP: 30px
}
.icon1 A {
	WIDTH: 15px; DISPLAY: block; BACKGROUND: url(sprite.gif) no-repeat -23px 0px; HEIGHT: 30px
}
.icon1 A:hover {
	BACKGROUND: url(sprite.gif) no-repeat -23px -40px
}
.icon2 {
	TEXT-INDENT: -9999px; WIDTH: 15px; PADDING-RIGHT: 15px; FLOAT: right; PADDING-TOP: 30px
}
.icon2 A {
	WIDTH: 15px; DISPLAY: block; BACKGROUND: url(sprite.gif) no-repeat 0px 0px; HEIGHT: 30px
}
.icon2 A:hover {
	BACKGROUND: url(sprite.gif) no-repeat 0px -40px
}
.switch_center {
	WIDTH: 625px; FLOAT: left; HEIGHT: 83px; MARGIN-LEFT: 18px; OVERFLOW: hidden
}
.switch_center UL {
	
}
.switch_center LI {
	WIDTH: 66px; DISPLAY: inline; FLOAT: left; HEIGHT: 66px; MARGIN-RIGHT: 20px; PADDING-TOP: 10px
}
.switch_center LI A {
	DISPLAY: block; HEIGHT: 60px;
}
.switch_center LI A IMG {
	BORDER: #ccc 1px solid;WIDTH: 60px; WIDTH: 60px; HEIGHT: 60px
}
.switch_center LI A.on  IMG{
	BORDER: #ff9900 1px solid;
}
.switch_center LI A:hover  IMG{
	BORDER: #ff9900 1px solid; 
}