html, body, div, span, applet, object ,h1, h2, h3, h4, h5, h6, p, a, img, b, u, i, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-family: sans-serif; font-size: 9pt; vertical-align: baseline; color: #fff; background: transparent;}
body {line-height: 1;}

body {background: #000 url(img/body-bg.jpg); overflow: hidden;}
h1 {position: relative; height: 80px; background: #000 url(img/tlo-top.png); font-size: 2em; line-height: 80px; padding-left: 40px;  }
h1 img {margin-top: 15px;}

.invisible {display: none; visibility: hidden;}

a {text-decoration: none;}

#loader {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; z-index: 1000;}
#loader div {width: 400px; height: 80px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -200px;}

#bottom-scroller {z-index: 2; background: transparent url(img/rols.png); width: 768px; position: fixed; left: 50%; margin-left: -384px; bottom: 30px; height: 19px; overflow: hidden;}
#bottom-scroller > div {float: left; height: 19px; }

#roll_left {width: 30px; cursor: pointer;}
#roll_container {width: 708px; cursor: pointer;}
#roll {cursor: move; height: 17px; margin-top: 1px;  width: 119px; background: transparent url(img/rols-element.png);}
#roll_right { width: 30px; cursor: pointer;}

#menu-container {z-index: 2; background: transparent url(img/menu-tlo.png); width: 209px; height: 408px; position: fixed; top: 120px; left: 30px; padding: 15px; }
#menu-main {height: 374px;}
#menu-main a {display: block; font-size: 9px; padding: 5px 10px; border-bottom: 1px solid #636262;}
#menu-main a:hover {color: #aaa;}

#menu-search {height: 26px;}
#menu-search input {text-align: center; background: transparent url(img/bg-a30.png); border: 0; width: 180px; margin: 3px 10px; color: #747373; font-weight: bold;}
#movie-container {position: fixed; top: 80px; width: 100%;  }
#movie-inner-container {height: 100%; position: relative; padding: 0 20px 0 280px; overflow: hidden;}
#movie-inner-container div.movie-holder {width: 200px; height: 150px; overflow: hidden; background: no-repeat; margin: 10px 10px 0px 10px; float: left;}
#movie-inner-container div.movie-holder h2 {margin: 115px 0 0 5px; color: #e5dedc; font-size: 0.8em; }
#movie-inner-container div.movie-holder .desc {background-image: url(img/bg-black-a85.png); height: 120px; margin-top: 30px; padding: 10px 10px 0 10px;}
#movie-inner-container div.movie-holder .desc .desc_box {height: 70px; overflow: hidden;}
#movie-inner-container div.movie-holder .desc p {height: 3em; overflow: hidden; margin-top: 0.5em; font-size: 0.8em;}
#movie-inner-container div.movie-holder .desc .flowbox {float: left; width: 60px; line-height: 20px; height: 20px; padding-left: 20px; font-size: 0.8em; font-weight: bold; }
#movie-inner-container div.movie-holder .desc .time {background: url(img/time.png)  left center no-repeat;} 
#movie-inner-container div.movie-holder .desc .date {background: url(img/calendar_view_day.png)  left center no-repeat;} 
#movie-inner-container div.movie-holder .desc .add {background: url(img/add.png)  right center no-repeat; padding-left: 0px; padding-right: 20px; text-align: right;} 
#movie-inner-container div.movie-holder .desc .stars {width: 100px; padding-left: 0px; text-align: right;}
#movie-inner-container div.movie-holder .desc .stars img {margin-top: 3px;}

#clip_view {z-index: 5; top:0; left: 0; position: absolute; width: 100px; height: 100px; background-image: url(img/bg-black-a85.png);}
#clip_container {background-color: #000; padding: 30px; margin: 0px auto;}
#close_clip_view {float: right; font-weight: bold; font-size: 1.5em;}
#player_box {}
#player_box h2 {margin: 0 0 10px 0;}
#player_window {margin: 0 auto;}
#contact_container {position: absolute; right: 10px; bottom: 5px;}
#contact_container a {font-size: 12px; font-weight: bold; text-transform: uppercase;}
#movie_url {text-align: center; background: transparent url(img/bg-a30.png); border: 0; width: 400px; margin: 3px 10px; color: #747373; font-weight: bold;}