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

#scroll {
	BORDER-BOTTOM: #ddd 0px solid;
	POSITION: relative;
	BORDER-LEFT: #ddd 0px solid;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 913px;
	PADDING-RIGHT: 0px;
	HEIGHT: 400px;
	OVERFLOW: hidden;
	BORDER-TOP: #ddd 0px solid;
	BORDER-RIGHT: #ddd 0px solid;
	PADDING-TOP: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
#tools {
	POSITION: absolute;
	WIDTH: 9999em;
	HEIGHT: 400px;
	left: -1px;
	top: 0px;
}
.tool {
	WIDTH: 1000px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 0px;
	FLOAT: left;
	HEIGHT: 400px
}
.details {
	PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 80px; 
	BACKGROUND-COLOR: #000000; MARGIN: 107px 0px 0px 0px; WIDTH: 640px; FLOAT: right; 
	COLOR: #fff; FONT-SIZE: 20px; height: 128px; filter:alpha(opacity=80); 
	text-align:left;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.details_2 {
	PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 40px; 
	BACKGROUND-COLOR: #999999; MARGIN: 28px 0px 0px 0px; WIDTH: 640px; FLOAT: left; 
	COLOR: #fff; FONT-SIZE: 18px; height: 106px; filter:alpha(opacity=50); 
	text-align:left;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.details_3 {
	PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 40px; 
	BACKGROUND-COLOR: #333333; MARGIN: 28px 0px 0px 0px; WIDTH: 500px; FLOAT: left; 
	COLOR: #999999; FONT-SIZE: 18px; height: 106px; filter:alpha(opacity=80); 
	text-align:left;
	-moz-opacity: 0.8;
	-khtml-opacity:0.8;
	opacity: 0.8;
}

.details_4 {
	PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 80px; 
	BACKGROUND-COLOR: #000000; MARGIN: 107px 0px 0px 0px; WIDTH: 640px; FLOAT: right; 
	COLOR: #fff; FONT-SIZE: 20px; height: 128px; filter:alpha(opacity=75); 
	text-align:left;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.4;
	}

.event_1 {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; 
	BACKGROUND-COLOR: #FFFFFF; MARGIN: 0px 0px 0px 0px; WIDTH: 913px; FLOAT: left; 
	COLOR: #999999; FONT-SIZE: 18px; height: 400px; filter:alpha(opacity=95); 
	text-align:left;

}

.details a:link {color: #009900; text-decoration:none;}
.details a:visited {color: #999999; text-decoration:none;}
.details a:hover {color: #333333; text-decoration:none; font-weight:bold}
.details a:focus {color: #333333; text-decoration:none;}
.details a:active {color: #009900; text-decoration:none;}

.details_2 a:link {color: #00CCFF; text-decoration:none;}
.details_2 a:visited {color: #999999; text-decoration:none;}
.details_2 a:hover {color: #333333; text-decoration:none; font-weight:bold}
.details_2 a:focus {color: #333333; text-decoration:none;}
.details_2 a:active {color: #00CCFF; text-decoration:none;}

.details_3 a:link {color: #00CCFF; text-decoration:none;}
.details_3 a:visited {color: #999999; text-decoration:none;}
.details_3 a:hover {color: #333333; text-decoration:none; font-weight:bold}
.details_3 a:focus {color: #333333; text-decoration:none;}
.details_3 a:active {color: #00CCFF; text-decoration:none;}

.details_4 a:link {color: #00CCFF; text-decoration:none;}
.details_4 a:visited {color: #999999; text-decoration:none;}
.details_4 a:hover {color: #333333; text-decoration:none; font-weight:bold}
.details_4 a:focus {color: #333333; text-decoration:none;}
.details_4 a:active {color: #00CCFF; text-decoration:none;}

.event_1 a:link {color: #00CCFF; text-decoration:none;}
.event_1 a:visited {color: #999999; text-decoration:none;}
.event_1 a:hover {color: #333333; text-decoration:none; font-weight:bold}
.event_1 a:focus {color: #333333; text-decoration:none;}
.event_1 a:active {color: #00CCFF; text-decoration:none;}

.demos {
	BORDER-LEFT: #ddd 1px solid;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #fff;
	MIN-HEIGHT: 320px;
	PADDING-LEFT: 25px;
	WIDTH: 272px;
	PADDING-RIGHT: 25px;
	FLOAT: right;
	PADDING-TOP: 0px
}
.demos H2 {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #065598; FONT-SIZE: 22px; PADDING-TOP: 10px
}
.demos A {
	COLOR: #666; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.demos P {
	PADDING-BOTTOM: 1px; MARGIN: 0px 0px 4px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px; BACKGROUND: url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat 0px 2px; PADDING-TOP: 2px
}
#thumbs {
	POSITION: absolute;
	WIDTH: 913px;
	BACKGROUND: url(/home/images/demo-navi.png) no-repeat;
	HEIGHT: 25px;
	TOP: 355px;
	LEFT: 0px
}
.t A {
	WIDTH: 17px;
	DISPLAY: block;
	BACKGROUND: url(/home/images/demo-navi.png) no-repeat 11px 11px;
	FLOAT: left;
	HEIGHT: 25px;
	MARGIN-LEFT: 0px;
	CURSOR: pointer
}
.t A.active {
	CURSOR: default !important
}
.navi {
	MARGIN-LEFT: 409px;
	_margin-left: 409px
}
#t0 {
	MARGIN-LEFT: 395px;
	_margin-left: 11px;
	BACKGROUND-POSITION: -11px -25px;	
}
#t0:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t0:active {
	BACKGROUND-POSITION: -11px -75px
}
.active#t0 {
	BACKGROUND-POSITION: -11px 0px
}
#t1 {
	BACKGROUND-POSITION: -11px -25px
}
#t1:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t1:active {
	BACKGROUND-POSITION: -11px -75px
}
.active#t1 {
	BACKGROUND-POSITION: -11px 0px
}
#t2 {
	BACKGROUND-POSITION: -11px -25px
}
#t2:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t2:active {
	BACKGROUND-POSITION: -11px -75px
}
.active#t2 {
	BACKGROUND-POSITION: -11px 0px
}
#t3 {
	BACKGROUND-POSITION: -11px -25px
}
#t3:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t3:active {
	BACKGROUND-POSITION: -11px -75px
}
.active#t3 {
	BACKGROUND-POSITION: -11px 0px
}
#t4 {
	BACKGROUND-POSITION: -11px -25px
}
#t4:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t4:active {
	BACKGROUND-POSITION: -11px -75px
}
.active#t4 {
	BACKGROUND-POSITION: -11px 0px
}
#t5 {
	BACKGROUND-POSITION: -11px -25px
}
#t5:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t5:active {
	BACKGROUND-POSITION: -11px -75px
}
.active#t5 {
	BACKGROUND-POSITION: -11px 0px
}
#t6 {
	BACKGROUND-POSITION: -11px -25px
}
#t6:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t6:active {
	BACKGROUND-POSITION: -11px -75px
}

.active#t6 {
	BACKGROUND-POSITION: -11px 0px
}

#t7 {
	BACKGROUND-POSITION: -11px -25px
}
#t7:hover {
	BACKGROUND-POSITION: -11px 0px
}
#t7:active {
	BACKGROUND-POSITION: -11px -75px
}

.active#t7 {
	BACKGROUND-POSITION: -11px 0px
}

#t8 {
	BACKGROUND-POSITION: -11px -25px
}
#t8:hover {
	BACKGROUND-POSITION: -11px -50px
}
#t8:active {
	BACKGROUND-POSITION: -11px -75px
}

.active#t8 {
	BACKGROUND-POSITION: -11px 0px
}

.style1 {font-size: 0.7em;}

#instruction {
	Z-INDEX: 2010; POSITION: absolute; TEXT-ALIGN: center; MARGIN-TOP: 50px; WIDTH: 129px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 21px; COLOR: #999999; MARGIN-LEFT: 4px; FONT-SIZE: 10px
}

#apDiv1 {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 900px; HEIGHT: 336px
}