#index { width: 1000px; height: 610px; margin: 0 auto; padding: 0; }

	#index div.slide1 { display: block; position: absolute; top: 20px; left: 0; width: 420px; height: 220px; overflow: hidden; }
		#index div.slide1 div.banner1 { position: absolute; top: 0; left: 0; width: 420px; height: 220px; margin: 0; overflow: hidden; display: none; }
			#index div.slide1 div.banner1 img { position: absolute; width: 1000px; min-height: 460px; margin: 0; top: 0; left: 0; }

	#index div.slide2 { display: block; position: absolute; top: 260px; left: 0; width: 660px; height: 220px; overflow: hidden; }
		#index div.slide2 div.banner2 { position: absolute; top: 0; left: 0; width: 660px; height: 220px; margin: 0; overflow: hidden; display: none; }
			#index div.slide2 div.banner2 img { position: absolute; width: 1000px; min-height: 460px; margin: 0; top: -260px; left: 0; }

	#index div.slide3 { display: block; position: absolute; top: 20px; left: 440px; width: 220px; height: 220px; overflow: hidden; }
		#index div.slide3 div.banner3 { position: absolute; top: 0; left: 0; width: 440px; height: 220px; margin: 0; overflow: hidden; display: none; }
			#index div.slide3 div.banner3 img { position: absolute; width: 1000px; min-height: 460px; margin: 0; top: 0; left: -440px; }

	#index div.slide4 { display: block; position: absolute; top: 20px; left: 680px; width: 320px; height: 120px; overflow: hidden; }
		#index div.slide4 div.banner4 { position: absolute; top: 0; left: 0; width: 320px; height: 120px; margin: 0; overflow: hidden; display: none; }
			#index div.slide4 div.banner4 img { position: absolute; width: 1000px; min-height: 460px; margin: 0; top: 0; left: -680px; }

	#index div.slide5 { display: block; position: absolute; top: 160px; left: 680px; width: 320px; height: 320px; overflow: hidden; }
		#index div.slide5 div.banner5 { position: absolute; top: 0; left: 0; width: 320px; height: 320px; margin: 0; overflow: hidden; display: none; }
			#index div.slide5 div.banner5 img { position: absolute; width: 1000px; min-height: 460px; margin: 0; top: -160px; left: -680px; }

	#index div.representations { display: block; position: absolute; top: 500px; left: 0; width: 100%; height: 88px; border-top: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; overflow: hidden; }
		#index div.representations div.container { display: block; position: relative; width: 100%; height: 88px; margin: 0; padding: 0; }
			#index div.representations div.container a { display: block; position: relative; height: 50px; margin: 14px 25px 14px 25px; float: left; }
				#index div.representations div.container a img { display: block; position: relative; height: 60px; }

				#index div.representations div.container a img
				{
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
					filter: gray; /* IE6-9 */
					-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
				}

				#index div.representations div.container a img:hover
				{
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        			-webkit-filter: grayscale(0%);
				}