@charset "utf-8";

/* BASIC */

html,body { margin:0; padding:0; height:100%; font-family: Verdana, Helvetica, Arial, sans-serif; color:#666; background-color:#0c0b09;}

/* bg */

.bg-mainpage { background: url(../img/bg-mainpage.jpg) no-repeat center center;}
.bg-directors { background: url(../img/bg-directors.jpg) no-repeat center center;}
.bg-photographers { background: url(../img/bg-photographers.jpg) no-repeat center center;}
.bg-dops { background: url(../img/bg-dops.jpg) no-repeat center center;}
.bg-credits { background: url(../img/bg-credits.jpg) no-repeat center center;}
.bg-contact { background: url(../img/bg-contacts.jpg) no-repeat center center;}
.bg-locations { background: url(../img/bg-locations.jpg) no-repeat center center;}
.bg-support { background: url(../img/bg-support.jpg) no-repeat center center;}
.bg-links { background: url(../img/bg-links.jpg) no-repeat center center;}

form { padding:0; margin:0;}
.martop10 { margin-top:15px;}

div#container { position:relative; margin:0 auto; width:100%; height:auto!important; height:100%; min-height:100%; }
div#header { background:#000 100% no-repeat; height:50px;}
div#content { width:984px;}
div#footer { position:absolute; width:100%; height:50px; bottom:0; left:0; background:#000; }

#logo { margin:30px 0 0 169px}
#col-01 { width:720px; float:left; margin:47px 0 0 38px;}	
#col-left { width:350px; float:left; margin:47px 0 0 38px;}
#col-left02 { width:350px; float:left; margin:0 0 0 38px;}
#col-left03 { width:200px; float:left; margin:47px 0 0 38px;}
#col-right { width:350px; float:left; margin:47px 0 0 20px;}
#col-right02 { width:350px; float:left; margin:110px 0 0 20px;}
#col-right03 { width:500px; float:left; margin:36px 0 0 20px;}
.col-credit { width:690px; padding:10px 0 15px 10px; margin-bottom:10px; border-bottom:1px dashed #a0b5b9;}
.credit-img { width:440px; float:left; margin-bottom:10px;}
.credit-img img { margin-right:2px;}
.credit-txt { width:230px; float:left; padding-left:10px;}
.credtxt { font-size:11px; line-height:1.5; padding:0; margin:0; }
.credtxt span { color:#FFF;}
#menu-all { width:222px; float:left; margin:40px 0 0 0;}
.fact { width:330px; padding-bottom:10px; border-bottom:1px dashed #a0b5b9;}
.mov-cont { width:160px; float:left;}
.mov-cont p { margin-top: 5px; font-size:12px;}
.img-cont { width:160px; float:left; margin-bottom:10px;}
.img-cont02 { width:470px; margin-bottom:10px;}
 
img, table {border:0;}
hr {display:none; clear:both;}
.clear {clear:both; height:0; line-height:0;}

/* MENU */
div#menu-02 { margin-top:30px;}
div#menu-01 ul li, div#menu-02 ul li {list-style-type:none; list-style:none; text-indent:-9999px;}
div#menu-01 a, div#menu-02 a {display:block; position:relative;width:170px; height:34px; overflow:hidden;}
div#menu-01 a span, div#menu-02 a span {display:block; position:absolute;width:170px; height:34px; top:0; left:0; z-index:1;cursor:pointer;}
div#menu-01 a.menu-news span {background:url(../img/menu/news.png) no-repeat; background-position:0 0;}
div#menu-01 a.menu-news:hover, div#menu-01 a.menu-news:hover span {background-position:0 -34px;}
div#menu-01 a.menu-directors span {background:url(../img/menu/directors.png) no-repeat; background-position:0 0;}
div#menu-01 a.menu-directors:hover, div#menu-01 a.menu-directors:hover span {background-position:0 -34px;}
div#menu-01 a.menu-photographers span {background:url(../img/menu/photographers.png) no-repeat; background-position:0 0;}
div#menu-01 a.menu-photographers:hover, div#menu-01 a.menu-photographers:hover span {background-position:0 -34px;}
div#menu-01 a.menu-dops span {background:url(../img/menu/dops.png) no-repeat; background-position:0 0;}
div#menu-01 a.menu-dops:hover, div#menu-01 a.menu-dops:hover span {background-position:0 -34px;}
div#menu-01 a.menu-credits span {background:url(../img/menu/credits.png) no-repeat; background-position:0 0;}
div#menu-01 a.menu-credits:hover, div#menu-01 a.menu-credits:hover span {background-position:0 -34px;}
div#menu-01 a.menu-contact span {background:url(../img/menu/contact.png) no-repeat; background-position:0 0;}
div#menu-01 a.menu-contact:hover, div#menu-01 a.menu-contact:hover span {background-position:0 -34px;}
div#menu-02 a.menu-locations span {background:url(../img/menu/locations.png) no-repeat; background-position:0 0;}
div#menu-02 a.menu-locations:hover, div#menu-02 a.menu-locations:hover span {background-position:0 -34px;}
div#menu-02 a.menu-support span {background:url(../img/menu/support.png) no-repeat; background-position:0 0;}
div#menu-02 a.menu-support:hover, div#menu-02 a.menu-support:hover span {background-position:0 -34px;}
div#menu-02 a.menu-links span {background:url(../img/menu/links.png) no-repeat; background-position:0 0;}
div#menu-02 a.menu-links:hover, div#menu-02 a.menu-links:hover span {background-position:0 -34px;}
div#menu-02 a.menu-ftp span {background:url(../img/menu/ftp.png) no-repeat; background-position:0 0;}
div#menu-02 a.menu-ftp:hover, div#menu-02 a.menu-ftp:hover span {background-position:0 -34px;}


/* TXT */
h2 { font-size:24px; color:#FFF; font-weight:normal; border-bottom:1px solid #a0b5b9; padding-bottom:28px; letter-spacing:-0.02em;}
h2.photog { font-size:22px; color:#FFF; font-weight:normal; border-bottom:1px solid #a0b5b9; padding-bottom:32px; letter-spacing:-0.03em;}
h3 { font-size:22px; color:#FFF; font-weight:normal; border-bottom:1px solid #a0b5b9; padding-bottom:32px; padding-top:7px;}
h3.head-fact { font-size:15px; padding:0; margin:0; border:none;}
h3.head-photo { font-size:15px; padding:20px 0 10px 0; margin:10px 0 0 0; border-top:1px dashed #a0b5b9; border-bottom:none; width:480px;}
h3.head-photo01 { font-size:15px; padding:0 0 10px 0; margin:0; border:none;}
h3.head-photo02 { font-size:15px; height:1px; padding:0 0 10px 0; border-top:1px dashed #a0b5b9; border-bottom:none; width:480px;}
h3.credit { font-size:22px; margin:0 0 10px 0; padding:0; border:none;}
span.h3cred { color:#a0b5b9; font-size:18px}
h3 span { color:#a0b5b9; font-size:12px;}
p { margin-top:10px; font-size:12px; color:#a0b5b9; line-height:1.5;}
p.perex { margin-top:5px; font-size:14px;}
p.pphoto { margin:0;}
p.contact { margin-top:5px!important; line-height:1.2;}
p.adresa { margin-top:5px!important; line-height:1.5;}
a { color:#FFF; text-decoration:underline;}
a:hover { text-decoration:none;}
.web { border-top:1px solid #a0b5b9; padding-top:20px; width:470px;}
/* scroll */

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; width: 500px; height: 300px;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../img/scrollbg.gif) repeat-y; }
.jScrollPaneDrag { position: absolute; background: #a0b5b9; cursor: pointer; overflow: hidden; }
.scroll-pane { width: 500px; height: 300px; overflow:hidden!important; }
.scroll-pane-index { width: 350px; height: 300px; overflow:hidden!important; }
.scroll-pane-credits { width: 720px; height: 300px; overflow:hidden!important; }
.obal { width: 500px; height:300px!important; overflow:auto!important; display:block;}