﻿
#info {
	POSITION: relative
}
#info P {
	MARGIN-LEFT: 15px; MARGIN-RIGHT: 20px
}
#mag {
	DISPLAY: inline; Z-INDEX: 100; BACKGROUND:  url(../pic/gradient.gif) no-repeat left top; FLOAT: left; MARGIN: 0px 20px 10px 15px; WIDTH: 240px; POSITION: relative; HEIGHT: 205px
}
#mag IMG {
	LEFT: -240px; WIDTH: 240px; POSITION: absolute; TOP: 25px; HEIGHT: 180px
}
#mag UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
#mag A {
	DISPLAY: block; WIDTH: 24px; HEIGHT: 20px
}
#mag LI {
	DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 24px; WIDTH: 24px; POSITION: absolute; TOP: 0px; HEIGHT: 20px
}
#mag LI.one {
	LEFT: 0px
}
#mag LI:hover {
	WIDTH: 24px; HEIGHT: 20px
}
#mag LI.one:hover IMG {
	WIDTH: 280px; HEIGHT: 210px
}
#mag LI.two:hover IMG {
	WIDTH: 320px; HEIGHT: 240px
}
#mag LI.three:hover IMG {
	WIDTH: 360px; HEIGHT: 270px
}
#mag LI.four:hover IMG {
	WIDTH: 400px; HEIGHT: 300px
}
#mag LI.five:hover IMG {
	WIDTH: 440px; HEIGHT: 330px
}
#mag LI.six:hover IMG {
	WIDTH: 480px; HEIGHT: 360px
}
#mag LI.seven:hover IMG {
	WIDTH: 520px; HEIGHT: 390px
}
#mag LI.eight:hover IMG {
	WIDTH: 560px; HEIGHT: 420px
}
#mag LI.nine:hover IMG {
	WIDTH: 600px; HEIGHT: 450px
}
#mag LI.ten:hover IMG {
	WIDTH: 640px; HEIGHT: 480px
}
#mag LI.eleven:hover IMG {
	WIDTH: 240px; HEIGHT: 180px
}
#mag TABLE {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
}



