/* 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:728px;height:90px;overflow:hidden;background:#192e0d;}
.slide{width:135px; height:90px;}
.thumbs{ width:135px;height:90px;}
.thumbs ul{list-style:none;width:900px;height:90px;float:left;}
.thumbs ul li{list-style:none;width:135px;height:90px;display:block;float:left;overflow:hidden;margin:0 17px 0 0;}
.thumbs ul li img:hover{filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}

.image img{width:135px;height:90px;}
.playbutton{position:absolute;margin:30px 0 0 50px;z-index:100000;}
.playbutton img{width:30px;height:30px;}

#output{display:none;}

.clear{clear:both;}