/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: Tahoma, Geneva, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 78%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}

/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";}
blockquote *:first-child:after {content: "\201D";}

/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";}


/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */
body {font-size: 1.1em; line-height: 1.2em; background:#FFF;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}

/* LISTS */
/* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";} */
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}

/* TABLES */
table {border-top: 1px solid #ccc;  border-left: 1px solid #ccc;}
th, td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}

/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}

/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th, td {padding: .8em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}

/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}


/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: underline; color: #36c;}
a:visited {text-decoration: underline; color: #99c;}
a:hover {text-decoration: underline; color: #c33;}
a:active, a:focus {text-decoration: underline; color: #000;}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}

/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}
html { height: 100%; }
body { height: 100%; min-height:100%; text-align:left; position:relative;}
div#shim {visibility: hidden;width: 100%;height: 50%;margin-top: -300px;float: left;}
div#bg { width:100%; height:100%; background:url(mainBg00.jpg) 50% 50%; min-height:600px; min-width:1000px; position:relative;}
#splash div#bg { width:100%; height:100%; background:url(splash00.jpg) 50% 50%; min-height:600px; min-width:1000px; position:relative;}
div#main {margin:auto;width: 1000px;height: 600px;clear: both;position: relative;top: -300px;
/* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */
}

/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */
#indexPage div#main { background:url(indexBg0.jpg)}
#splash div#main { background: none}
#trallers div#main { background:url(trailers.jpg)}
#garant div#main { background:url(garant00.jpg); font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#800000;}
#creators div#main { background:url(sozdat00.jpg)}
#acters div#main { background:url(acters00.jpg)}
#photo div#main { background:url(foto0000.jpg)}
#sound div#main { background:url(sound000.jpg)}
#news div#main { background:url(news0000.jpg)}
#press div#main { background:url(press000.jpg)}
#views div#main { background:url(views000.jpg)}
#views_info  div#main { background:url(views_in.jpg)}
#downmain div#main { background:url(downmain.jpg)}
#downSp div#main { background:url(downsp00.jpg)}
.garantText { position:absolute; width:480px; margin:210px 0 0 140px; line-height:130%; overflow:auto; height:190px;}
.mainLinks { position:absolute; z-index:2}

#indexPage {background: url(mainBg00.jpg)  50% 50% repeat;}
#indexPage .znak { position:absolute; width:98px; height:188px; z-index:3; background:url(znak0000.png) no-repeat; margin:253px 0 0 902px;}
#indexPage .news { position:absolute;   z-index:3; width:100px; height:105px;  overflow:hidden; color:#705c49; z-index:10; margin:373px 0 0 27px}
#indexPage .news  a:link,#indexPage .news  a:visited, #indexPage .news a:hover, #indexPage .news a:active, #indexPage .news a:focus { text-decoration:none;color:#705c49; font-weight:bold; text-transform:uppercase; }


/* menu */
#indexPage .menu { position:absolute; text-align:center; width:550px; margin:30px 0 0 225px; z-index:10}
#indexPage .menu a { position:relative; margin:0 5px;}
#indexPage .menu a img { margin: 10px 0 0 0}

.trallerico { position:absolute; }

.player { position:absolute; z-index:10; width:1000px; text-align:center;}
.bigPict{ position:absolute; margin:50px 0 0 133px}
.preview { position:absolute; margin:490px 0 0 165px; }
.previewr { position:relative; width:714px; overflow:hidden; height:110px; }
.preview  a { float:left; width:93px; height:100px; background:#eaeade; border:3px solid #eaeade; text-align:center; margin-right:3px; }
.preview  a img { margin-top:4px;}
.preview  a:hover{ border-color:#a95a20  }
.pPrew { position:absolute; margin:244px 0 0 64px;  }
.pNext{ position:absolute; margin:240px 0 0 872px;  }
.pBack { position:absolute; margin:22px 0 0 911px;  }
.creatorsLesnoca { position:absolute; margin:147px 0 0 285px;}
.creatorsLesnocarel { position:relative; width:104px; height:449px; overflow:hidden; }
.creatorsLesnocarelMouve { position:absolute; top:0; left:0; width:104px; overflow:hidden;}
.creator { width:104px; height:73px;}
.mask { position:absolute; z-index:3}
.fase { background:#ebd9c7; text-align:center; position:absolute; z-index:2; margin-top:11px; width:104px;}
.up { position:absolute; margin:290px 0 0 440px }
.down { position:absolute; margin:520px 0 0 440px }
.numb { position:absolute; margin:375px 0 0 180px; text-align:center; width:100px; font-size:30px; line-height:30px;}
#imgSlide { position:absolute; left:50%; top:0; width:10000px; height:110px; overflow:hidden; margin-left:-51px; }
#imgSlide .active {border-color:#a95a20 !important}

.newsList { float:left; width:350px; height:170px; overflow:hidden; margin-right:50px;}
.newsList2 { width:870px;}
.newsList h2 { font-size:16px; display:block; width:240px; } 
.newsList2 h2  { font-size:28px; display:block; text-align:right; line-height:100%; } 
.newsList .dateN { float:right; font-size:42px; color:#800000; line-height:40px; }
.newsList2 .dateN { float:right; font-size:46px; color:#800000; line-height:40px; margin-top:-100px; }
.newsList .dateN span, .newsList2 .dateN span { font-size:20px; color:#800000 }
.newsTextPrw { margin-left:116px; width:225px; overflow:hidden; height:86px; font-size:14px; line-height:120%; color:#800000;}
.newsList2 .newsTextPrw { margin-left:290px; width:580px; overflow:hidden; height:235px; overflow:auto; font-size:14px; line-height:120%; color:#800000;}
.newsTextimg { float:left; width:80px; margin-left:20px;}
.newsList2 .newsTextimg { float:left; width:223px; margin-left:20px;}
.newsList * { cursor:pointer}
#newsPre { position:absolute; margin:542px 0 0 142px; z-index:5 }
#newsNex { position:absolute; margin:542px 0 0 197px; z-index:5  }
.title { position:absolute; margin:100px 0 0 67px;}
#newsPage{ position:absolute; margin:180px 0 0 66px; width:900px;}
.htmlV{ position:absolute; display:block; margin:280px 0 0 130px;}
.flashV{ position:absolute; display:block; margin:280px 0 0 388px;}
.splashSeo { color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; width:850px; margin:350px 0 0 130px; position:absolute }
.splashSeo h1, .splashSeo h2 { font-size:13px;}
.close { position:absolute; margin:0 0 0 924px; z-index:20;}
.showName { position:absolute; margin:420px 0 0 435px; color:#5d1615; font-size:18px; line-height:100%}
.cpopup { position:absolute; z-index:30;}
.cpopupClose { position:absolute; z-index:31; margin:101px 0 0 788px;}
.sozdatPopup { display:none;}
.sozdatName { position:absolute; z-index:31; margin:166px 0 0 250px; color:#362900; font-size:30px; line-height:100%; }
.sozdatPhoto {position:absolute; z-index:31; margin:220px 0 0 240px; }
.sozdatInfo {position:absolute; z-index:31; margin:220px 0 0 430px; color:#380000; font-size:15px; line-height:130%; width:360px; height:240px; overflow:auto; padding-right:20px;}
.sozdatPhoto img { width:157px; height:232px;}
#vvs { position:absolute; margin:280px 0 0 100px; width:500px; height:310px; overflow:auto;}

.VnewsList { padding-left:96px; position:relative;}
.VnewsList .dateN { font-size:30px; color:#800000; line-height:40px; position:absolute; left:0; }
.VnewsList .dateN span { font-size:20px; color:#800000 }
.VnewsList .newsTextPrw { margin-left:6px; width:350px; overflow: auto; min-height:86px; height:auto; font-size:14px; line-height:120%; color:#800000;}
.nameW { position:absolute; margin:357px 0 0 650px; background:none !important; border:none !important; outline:none !important; border:none !important; width:110px; height:15px;}
.messageW { position:absolute; margin:395px 0 0 650px; background:none !important; border:none !important; outline:none !important; border:none !important; width:300px; height:130px; overflow:auto;}
.submitW { position:absolute; margin:550px 0 0 670px; background:none !important; border:none !important; outline:none !important; border:none !important; width:30px; height:30px; }

#downmain .posters { display:block; position:absolute; text-indent:-9999em; width:142px; height:46px; margin:81px 0 0 100px;}
#downmain .ringtones { display:block; position:absolute; text-indent:-9999em; width:142px; height:46px; margin:135px 0 0 100px;}
#downmain .avatars { display:block; position:absolute; text-indent:-9999em; width:142px; height:70px; margin:200px 0 0 90px;}
#downmain .icons { display:block; position:absolute; text-indent:-9999em; width:142px; height:70px; margin:280px 0 0 100px;}
#downmain .toHome { display:block; position:absolute; text-indent:-9999em; width:80px; height:70px; margin:250px 0 0 920px;}

#downSp .posters { display:block; position:absolute; text-indent:-9999em; width:142px; height:46px; margin:81px 0 0 100px;}
#downSp .ringtones { display:block; position:absolute; text-indent:-9999em; width:142px; height:46px; margin:135px 0 0 100px;}
#downSp .avatars { display:block; position:absolute; text-indent:-9999em; width:142px; height:70px; margin:200px 0 0 90px;}
#downSp .icons { display:block; position:absolute; text-indent:-9999em; width:142px; height:70px; margin:280px 0 0 100px;}
#downSp .toHome { display:block; position:absolute; text-indent:-9999em; width:80px; height:70px; margin:250px 0 0 920px;}
#downSp .closeSp { display:block; position:absolute; text-indent:-9999em; width:45px; height:32px; margin:140px 0 0 410px; }
#downSp .vvh { display:block; position:absolute; text-indent:-9999em; width:130px; height:110px; margin:165px 0 0 520px; }
#downSp .vnz { display:block; position:absolute; text-indent:-9999em; width:130px; height:110px; margin:420px 0 0 520px;}
#downSp .posterInfo { display:block; position:absolute; width:215px; height:315px; margin:190px 0 0 290px;}

#mediaspace { width:1px; height:1px ; overflow:hidden;}
.popupL { position:absolute; background:#f6f0e0; text-align:center; border:5px solid #781613; color:#781613; padding:15px; width:150px; font-size:20px; line-height:100%; z-index:2; display:none; }
.popupL a:link, .popupL a:visited, .popupL a:hover, .popupL a:active, .popupL a:focus { color:#781613; text-decoration:none; display:block; text-align:center; margin-bottom:10px; }
.popupL a:hover, .popupL a:active, .popupL a:focus { color:#c00; text-decoration:none; }
.popupTxt { position:absolute; z-index:5; width:800px; height:500px; overflow:hidden; margin:50px 0 0 110px; display:none; }
#ozdorovLagerya .popupTxt {background:url("ozdorovL.jpg") 0 0; }
#ispravLagerya .popupTxt {background:url("ispravLa.jpg") 0 0; }
.pplTitle { position:absolute; font-size:28px; color:#5d1615; margin:40px 0 0 50px; line-height:100%; }
.pplCont { position:absolute; margin:90px 0 0 50px; overflow:auto; width:695px; height:360px; font-size:14px; line-height:120%; }
.pplClose{ position:absolute; margin:45px 0 0 718px; overflow:hidden; width:30px; height:30px; }
.ppsmlink { float:left; margin: 0 1em 1em 0;}