/* 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:180px;
overflow:hidden;
}

.slide{
width:364px; 
height:180px;
overflow:hidden;
}

.logo{
position:absolute;
margin:115px 0 0 0px;
}

.thumbs{ 
width:364px;
height:180px; 
}

.thumbs ul{
list-style:none;
width:728px;
height:180px;
float:left;
}

.thumbs ul li{
list-style:none;
width:364px;
height:180px;
display:block;
float:left;
text-align: center;
}


.thumbs ul li img:hover{
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}


#s1{
padding:0; 
margin:0; 
list-style:none;
}

.playbutton{position:absolute;margin:69px 0 0 145px;z-index:100000;}


#output{display:none;}

.clear{clear:both;}