/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
#container{width:320px;height:240px;overflow:hidden;}
.slide{width:320px;height:240px;overflow:hidden;}
.thumbs{width:320px;height:240px;}
.thumbs ul{list-style:none;width:320px;height:240px;float:left;}
.thumbs ul li{list-style:none;color:#9d9d9d;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:11px;width:320px;height:240px;display:block;float:left;text-align:center;}
.thumbs ul li img{}
.thumbs ul li img:hover{filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}
.overlay_{display:none;}
.overlay_on{position:absolute;margin:198px 0 0 5px;}
#s1{padding:0;margin:0;list-style:none;}
#output{display:none;}
.clear{clear:both;}
.playbutton{position:absolute;margin:90px 0 0 125px;z-index:100000;}