body { margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background-color: #212121; background-image: url(../images/bg.gif); background-repeat: repeat-x; }
a { text-decoration: none; }
img { border-style: none; }

#main { width: 1000px; margin-left: auto; margin-right: auto; background-image: url(../images/bg_center.jpg); background-repeat: repeat-y; }
#top { height: 109px; }
#h1 { margin-left: 293px; margin-top: 24px; float: left; }
#flag { float: right; margin-top: 5px; height: 15px; width: 86px; }
#flag a { margin-right: 5px; }
#logo { float: right; margin-top: 11px; margin-right: 7px; }
#logoEN { float: right; margin-top: 11px; margin-right: 7px; }

.menu { background-image: url(../images/bg_menu.jpg); height: 128px; padding-left: 9px; }
.m1, .m2, .m3, .m4, .m5, .m6, .m7 { display: block; padding-top: 5px; padding-left: 5px; color: #ffffff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.m1 { width: 132px; height: 78px; background-image: url(../images/m1.jpg); float: left; margin-top: 22px; }
.m2 { width: 124px; height: 77px; background-image: url(../images/m2.jpg); float: left; margin-left: 7px; margin-top: 22px; }
.m3 { width: 132px; height: 77px; background-image: url(../images/m3.jpg); float: left; margin-left: 6px; margin-top: 22px; }
.m4 { width: 131px; height: 78px; background-image: url(../images/m4.jpg); float: left; margin-left: 6px; margin-top: 22px; }
.m5 { width: 128px; height: 78px; background-image: url(../images/m5.jpg); float: left; margin-left: 8px; margin-top: 22px; }
.m6 { width: 129px; height: 78px; background-image: url(../images/m6.jpg); float: left; margin-left: 6px; margin-top: 22px; }
.m7 { width: 133px; height: 78px; background-image: url(../images/m7.jpg); float: left; margin-left: 6px; margin-top: 22px; }

.m1:HOVER, .m2:HOVER, .m3:HOVER, .m4:HOVER, .m5:HOVER, .m6:HOVER, .m7:HOVER { color: #ffffff; }
.m1:HOVER { background-image: url(../images/m1a.jpg); }
.m2:HOVER { background-image: url(../images/m2a.jpg); }
.m3:HOVER { background-image: url(../images/m3a.jpg); }
.m4:HOVER { background-image: url(../images/m4a.jpg); }
.m5:HOVER { background-image: url(../images/m5a.jpg); }
.m6:HOVER { background-image: url(../images/m6a.jpg); }
.m7:HOVER { background-image: url(../images/m7a.jpg); }


.m1a, .m2a, .m3a, .m4a, .m5a, .m6a, .m7a { display: block; padding-top: 5px; padding-left: 5px; color: #ffffff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.m1a { width: 132px; height: 78px; background-image: url(../images/m1a.jpg); float: left; margin-top: 22px; }
.m2a { width: 124px; height: 77px; background-image: url(../images/m2a.jpg); float: left; margin-left: 7px; margin-top: 22px; }
.m3a { width: 132px; height: 77px; background-image: url(../images/m3a.jpg); float: left; margin-left: 6px; margin-top: 22px; }
.m4a { width: 131px; height: 78px; background-image: url(../images/m4a.jpg); float: left; margin-left: 6px; margin-top: 22px; }
.m5a { width: 128px; height: 78px; background-image: url(../images/m5a.jpg); float: left; margin-left: 8px; margin-top: 22px; }
.m6a { width: 129px; height: 78px; background-image: url(../images/m6a.jpg); float: left; margin-left: 6px; margin-top: 22px; }
.m7a { width: 133px; height: 78px; background-image: url(../images/m7a.jpg); float: left; margin-left: 6px; margin-top: 22px; }

.hidden { width: 1px; height: 1px; visibility: hidden; }


#center { }
#midle { margin-left: 60px; width: 880px; }
#midle A { color: #D74949; }
#midle A:HOVER { color: #ffffff; }
#splash { background-image: url(../images/splash.jpg); background-repeat: no-repeat; }
#spacer_bottom { height: 60px; clear: both; }
#footer { margin-top: 10px; color: #6e6c6c; margin-left: auto; margin-right: auto; width: 1000px; }

#developed { float: right; color: #6e6c6c; }

/*DEFAULT*/
#formula { height: 409px; background-position: right; background-repeat: no-repeat; }
#formula_text { width: 290px; float: left; margin-left: 40px; margin-top: 150px; font-size: 12px; }
#formula_text a { color: #d74949; }
#formula_text a:HOVER { color: #ffffff; }
/*NEWS*/
.ins_splash { width: 250px; padding-top: 30px; margin-left: 375px; text-align: center; height: 125px; font-size:12px; line-height:20px}
.ins_splash a{color:#ffffff; font-weight:bold}
.ins_splash a:HOVER {color:#d74949}
.horizontal { background-image: url(../images/line_horiz.gif); background-repeat: repeat-x; background-position: center; height: 40px; width: 880px; }


/*ABOUT THE FILM*/
#main_about { height: 150px; text-align: center; padding-top: 30px; }

/*CONTACT*/
#contact { text-align: center; padding-top: 20px; height: 300px; }
#contact a { color: #d74949; }
#contact a:HOVER { color: #ffffff; }

/*CREATORS*/
#creator { margin-left: 325px; width: 500px; }
#main_creators { margin-top: 30px; width: 1000px; height: 120px; float: left; text-align: center; }
#main_creators a { font-size: 18px; color: #cdcecc; line-height: 30px; font-style: italic; }
#main_creators a:HOVER { color: #d74949; }

.table { float: left; width: 421px; margin-right: 18px;  }
.table a { color: #d74949; font-weight: bold; }
.table a:HOVER { color: #ffffff; }
.table2 { margin-left: 18px; float: right; width:420px;  }
#line { width: 3px; height: 345px; float: left; background-image: url(../images/line_vertik.gif); background-repeat: repeat-y; margin-top: 10px; }
/*PARTNERS*/
#main_partners { margin-top: 30px; width: 1000px; height: 120px; float: left; text-align: center; font-size: 14px; }

/*BEHIND THE SCENE*/
#main_behind{width: 250px; padding-top: 30px; margin-left: 375px; text-align: justify; height: 95px; font-size:14px;}
#behindscene { text-align: center; }

/*PRESS*/
#main_press{ width: 250px; padding-top: 30px; margin-left: 375px; text-align: center; height: 100px; font-size:12px;}
#press { text-align: center; font-size: 14px; height:50px;}
#press a { margin-left: 20px; color: #d74949; font-weight:bold }
#press a:HOVER { color: #ffffff; }
.photos {text-align: center; padding-top: 30px;  font-size: 14px; height:50px;}
.photos a {margin-left: 11px; color: #ffffff; }
.photos a:HOVER { color:#d74949}

.image { float: left; margin-right: 20px; }
.image2 { float: right; margin-left: 5px; }
.image3 { margin-left: 20px; float: right; }
.image4 { float: left; margin-right: 13px; }

.h4 { font-size: 12px; color: #cdcecc; font-weight: bold;}
.h3 { font-size: 14px; color: #d74949; font-weight: bold; }
.h2 { font-size: 16px; color: #cdcecc; font-style: italic; font-weight: bold; }

.grey { color: #cdcecc; font-weight: bold; }