body			{ font-family: Tahoma; background: #5566cc; font-size: 76%; }
a:hover			{ color: #F90; text-decoration: none } 
*				{ margin: 0; padding: 0 }
h1				{ font-size: 200% }
#infoBar		{ background: #FFFFE1; border-bottom: 1px #999 solid; padding: 10px }
#console *		{ display: block; position: absolute;  }
#demo			{ overflow: hidden; position: relative; margin-left: auto; margin-right: auto; width: 666px; height: 600px; background: #6C6C6C;}
#video		{ background: blue; height: 480px; }
#topLeftCorner	{ position: absolute; left: 0; top: 0; width: 12px; height: 12px; background: url(topLeftCorner.png) no-repeat }
#topRightCorner	{ position: absolute; right: 0; top: 0; width: 12px; height: 12px; background: url(topRightCorner.png) no-repeat }
#topBar			{ background: red url(topBar.png) repeat-x; height: 12px }
#leftBar		{ position: absolute; top: 12px; left: 0; background: url(leftBar.png) no-repeat; width: 12px; height: 576px }
#rightBar		{ position: absolute; top: 12px; right: 0; background: url(rightBar.png) no-repeat; width: 12px; height: 576px; }
#shadow			{ font-size: 0px; background: url(shadow.png) repeat-x; height: 9px; }
#shadowLeft		{ background: url(shadowLeft.png) no-repeat; height: 9px; width: 10px; float: left }
#console		{ position: relative; background: url(console.png) repeat-x; height: 89px }
#console #left	{ left: 0; top: 0; background: url(consoleLeft.png) no-repeat; width: 27px; height: 89px; }
#console #right	{ right: 0; top: 0; background: url(consoleRight.png) no-repeat; width: 27px; height: 89px; }
#bottomBar		{ background: green url(bottomBar.png) repeat-x; height: 10px }
#bottomLeftCorner{ font-size: 0px; position: absolute; bottom: 0; left: 0; width: 12px; height: 12px; background: url(bottomLeftCorner.png) no-repeat }
#bottomRightCorner{ font-size: 0px; position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; background: url(bottomRightCorner.png) no-repeat }
#wrapper		{ height: 578px; background: yellow; overflow: hidden; margin: 0 12px }
#seperator		{ left: 130px; width: 92px; height: 89px; background: url(seperator.png) no-repeat; }

#OneVideo		{ top: 15px; left: 21px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat 0px 0px; } 
#QuadVideo		{ top: 15px; left: 60px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -32px 0px; }
#EightVideo		{ top: 15px; left: 99px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -64px 0px; }
#NineVideo		{ top: 46px; left: 21px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -96px 0px; } 
#ThirteenVideo	{ top: 46px; left: 60px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -128px 0px; }
#SixteenVideo	{ top: 46px; left: 99px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -160px 0px; }

div#OneVideo		{ background: url(VideoGroup.png) no-repeat 0px -180px; } 
div#QuadVideo		{ background: url(VideoGroup.png) no-repeat -32px -180px; }
div#EightVideo		{ background: url(VideoGroup.png) no-repeat -64px -180px; }
div#NineVideo		{ background: url(VideoGroup.png) no-repeat -96px -180px; } 
div#ThirteenVideo	{ background: url(VideoGroup.png) no-repeat -128px -180px; }
div#SixteenVideo	{ background: url(VideoGroup.png) no-repeat -160px -180px; }

a#OneVideo:hover		{ background-position: 0px -30px }
a#QuadVideo:hover		{ background-position: -32px -30px }
a#EightVideo:hover		{ background-position: -64px -30px }
a#NineVideo:hover		{ background-position: -96px -30px }
a#ThirteenVideo:hover	{ background-position: -128px -30px }
a#SixteenVideo:hover	{ background-position: -160px -30px }

a#OneVideo:active		{ background-position: 0px -60px }
a#QuadVideo:active		{ background-position: -32px -60px }
a#EightVideo:active		{ background-position: -64px -60px }
a#NineVideo:active		{ background-position: -96px -60px }
a#ThirteenVideo:active	{ background-position: -128px -60px }
a#SixteenVideo:active	{ background-position: -160px -60px }

#OneVideoS		{ top: 15px; left: 21px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat 0px -90px; } 
#QuadVideoS		{ top: 15px; left: 60px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -32px -90px; }
#EightVideoS	{ top: 15px; left: 99px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -64px -90px; }
#NineVideoS		{ top: 46px; left: 21px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -96px -90px; } 
#ThirteenVideoS	{ top: 46px; left: 60px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -128px -90px; }
#SixteenVideoS	{ top: 46px; left: 99px; width: 32px; height: 29px; background: url(VideoGroup.png) no-repeat -160px -90px; }

a#OneVideoS:hover		{ background-position: 0px -120px }
a#QuadVideoS:hover		{ background-position: -32px -120px }
a#EightVideoS:hover		{ background-position: -64px -120px }
a#NineVideoS:hover		{ background-position: -96px -120px }
a#ThirteenVideoS:hover	{ background-position: -128px -120px }
a#SixteenVideoS:hover	{ background-position: -160px -120px }

a#OneVideoS:active		{ background-position: 0px -150px }
a#QuadVideoS:active		{ background-position: -32px -150px }
a#EightVideo:active		{ background-position: -64px -150px }
a#NineVideo:active		{ background-position: -96px -150px }
a#ThirteenVideo:active	{ background-position: -128px -150px }
a#SixteenVideo:active	{ background-position: -160px -150px }

#Video1		{ top: 15px; left: 218px; width: 30px; height: 28px; background: url(Video.png) no-repeat 0px 0px; z-index: 1 } 
#Video2		{ top: 15px; left: 248px; width: 30px; height: 28px; background: url(Video.png) no-repeat -30px 0px; }
#Video3		{ top: 15px; left: 278px; width: 30px; height: 28px; background: url(Video.png) no-repeat -60px 0px; }
#Video4		{ top: 15px; left: 308px; width: 30px; height: 28px; background: url(Video.png) no-repeat -90px 0px; } 
#Video5		{ top: 15px; left: 338px; width: 30px; height: 28px; background: url(Video.png) no-repeat -120px 0px; }
#Video6		{ top: 15px; left: 368px; width: 30px; height: 28px; background: url(Video.png) no-repeat -150px 0px; }
#Video7		{ top: 15px; left: 398px; width: 30px; height: 28px; background: url(Video.png) no-repeat -180px 0px; }
#Video8		{ top: 15px; left: 428px; width: 30px; height: 28px; background: url(Video.png) no-repeat -210px 0px; }
#Video9		{ top: 15px; left: 458px; width: 30px; height: 28px; background: url(Video.png) no-repeat -240px 0px; }

a#Video1:hover		{ background-position: 0px -28px; } 
a#Video2:hover		{ background-position: -30px -28px; }
a#Video3:hover		{ background-position: -60px -28px; }
a#Video4:hover		{ background-position: -90px -28px; } 
a#Video5:hover		{ background-position: -120px -28px; }
a#Video6:hover		{ background-position: -150px -28px; }
a#Video7:hover		{ background-position: -180px -28px; }
a#Video8:hover		{ background-position: -210px -28px; }
a#Video9:hover		{ background-position: -240px -28px; }

a#Video1:active		{ background-position: 0px -56px; } 
a#Video2:active		{ background-position: -30px -56px; }
a#Video3:active		{ background-position: -60px -56px; }
a#Video4:active		{ background-position: -90px -56px; } 
a#Video5:active		{ background-position: -120px -56px; }
a#Video6:active		{ background-position: -150px -56px; }
a#Video7:active		{ background-position: -180px -56px; }
a#Video8:active		{ background-position: -210px -56px; }
a#Video9:active		{ background-position: -240px -56px; }

div#Video1		{ background-position: 0px -140px; } 
div#Video2		{ background-position: -30px -140px; }
div#Video3		{ background-position: -60px -140px; }
div#Video4		{ background-position: -90px -140px; } 
div#Video5		{ background-position: -120px -140px; }
div#Video6		{ background-position: -150px -140px; }
div#Video7		{ background-position: -180px -140px; }
div#Video8		{ background-position: -210px -140px; }
div#Video9		{ background-position: -240px -140px; }

#Video1S		{ top: 15px; left: 218px; width: 30px; height: 28px; background: url(Video.png) no-repeat 0px -84px; z-index: 1 } 
#Video2S		{ top: 15px; left: 248px; width: 30px; height: 28px; background: url(Video.png) no-repeat -30px -84px; }
#Video3S		{ top: 15px; left: 278px; width: 30px; height: 28px; background: url(Video.png) no-repeat -60px -84px; }
#Video4S		{ top: 15px; left: 308px; width: 30px; height: 28px; background: url(Video.png) no-repeat -90px -84px; } 
#Video5S		{ top: 15px; left: 338px; width: 30px; height: 28px; background: url(Video.png) no-repeat -120px -84px; }
#Video6S		{ top: 15px; left: 368px; width: 30px; height: 28px; background: url(Video.png) no-repeat -150px -84px; }
#Video7S		{ top: 15px; left: 398px; width: 30px; height: 28px; background: url(Video.png) no-repeat -180px -84px; }
#Video8S		{ top: 15px; left: 428px; width: 30px; height: 28px; background: url(Video.png) no-repeat -210px -84px; }
#Video9S		{ top: 15px; left: 458px; width: 30px; height: 28px; background: url(Video.png) no-repeat -240px -84px; }

a#Video1S:active		{ background-position: 0px -112px; } 
a#Video2S:active		{ background-position: -30px -112px; }
a#Video3S:active		{ background-position: -60px -112px; }
a#Video4S:active		{ background-position: -90px -112px; } 
a#Video5S:active		{ background-position: -120px -112px; }
a#Video6S:active		{ background-position: -150px -112px; }
a#Video7S:active		{ background-position: -180px -112px; }
a#Video8S:active		{ background-position: -210px -112px; }
a#Video9S:active		{ background-position: -240px -112px; }