html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

* {
    /*font-family: Tahoma;*/
    color: #000000;
}

table { border-collapse: collapse; border-spacing: 0px; border-color: #ffffff; }
table td, table th { padding: 0px; vertical-align: top; }
.ha { height: auto; }
.wa { width: auto; }
.hwa { height: auto; width: auto; }
.h100 { height: 100%; }
.w100 { width: 100%; }
.hw100, .wh100 { height: 100%; width: 100%; }
.b { border: 1px solid; }
.both { clear: both; }
.bold { font-weight: bold; }

img { border-width: 0px; }

h1 {
    font-family: Verdana;
    font-size: 200%;
    display: inline;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

h2 {
    font-size: 120%;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 0.5em;
}

h3 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
}

/* form elements */

form table td { text-align: left; vertical-align: middle; }    /* важная и удобная фича! */
form table th { text-align: left; font-weight: normal; padding: 10px; 20px 10px 0px; }
form table { width: auto; }

label { border-bottom: 1px dotted; }
form { margin: 0px; padding: 0px; }
input, textarea { padding-left: 4px; padding-right: 4px; }

/* aligns */
.TR { vertical-align: top; text-align: right; }
.TC { vertical-align: top; text-align: center; }
.TL { vertical-align: top; text-align: left; }

.BR { vertical-align: bottom; text-align: right; }
.BC { vertical-align: bottom; text-align: center; }
.BL { vertical-align: bottom; text-align: left; }

.ML { vertical-align: middle; text-align: left; }
.MC { vertical-align: middle; text-align: center; }
.MR { vertical-align: middle; text-align: right; }

.mzC { margin-left: auto; margin-right: auto; }
.mzL { margin-right: auto; }
.mzR { margin-left: auto; }

/* margins */
.double { margin-bottom: 3em; }
.single { margin-bottom: 1em; }
.half { margin-bottom: 0.5em; }
.zero { margin-bottom: 0px; }

/* special features */
.clicking, .clickable {
    cursor: pointer;
    cursor: hand;

}
.clickable {
    border-bottom: dashed 1px;
}
.sp {
    width: 1px; height: 1px; font-size: 1px;
}

/* text */
a { color: #000; }
a:link { color: #000; }
a:hover { color: #888; }
a:visited { color: #222; }
p, ul { margin-top: 0; margin-bottom: 1.6em; }
p, li { line-height: 1.6em; }
ul { line-height: 1.6em; }
li { _marginbottom: 1.0em; /* line-height equivalent of ie */ }
.header { display: block; font-size: 120%; color: #000; margin-bottom: 1em; }

/* header */

/* main */

/* footer */

/*
    [!]
    доделать min-width в ie
*/

/* separate pages layout's */
#index { text-align: center; width: 100%; height: 100%; background-color: #061730; }
#index #splash { background: no-repeat top center url(/images/parts/vdushe.jpg); width: 100%; height: 100%; height: expression(document.getElementsByTagName('body')[0].offsetHeight < 940 ? "940px" : "100%"); min-width: 980px; min-height: 940px; position: absolute; left: 0px; }
#index #limit { width: 980px; height: auto; margin: auto; position: relative; margin-bottom: 50px; }
#index #logo { width: 266px; height: 65px; margin-right: auto; position: absolute; left: 0px; top: 20px; }
#index #logo img { position: relative; left: 0px; }
#index #slogo { width: 400px; height: 40px; margin-right: auto; position: absolute; left: 280px; top: 23px; text-align: left; color: #fff; font: italic 110% Verdana; }
#index #text { position: absolute; left: 50%; top: 420px; }
#index #text img { position: absolute; left: -328px; }
#index #counter { width: 432px; height: 480px; margin-left: auto; position: absolute; right: -80px; top: 0px; text-align: left; color: #0c1c37; font: 19px Verdana; text-align: center; z-index: 1; }

#index #area_nivea { width: 180px; height: 120px; position: absolute; left: 38px; top: 130px; }

#index #ovr_nivea { width: 319px; height: 120px; position: absolute; left: -25px; top: 250px; display: none; }
#index #ovr_nivea p { font: 11px Verdana; color: #fff; position: absolute; top: 28px; left: 20px; width: 280px; text-align: left; line-height: 16px; }
#index #ovr_nivea p a, #index #ovr_nivea p span { color: #061730; }

#index #ovr_play { width: 319px; height: 135px; position: absolute; left: 335px; top: 345px; z-index: 150; display: none; }
#index #ovr_play p { font: 11px Verdana; color: #fff; position: absolute; top: 15px; left: 25px; width: 270px; text-align: left; line-height: 18px; }
#index #ovr_play p b { color: #fff; }

#index #ovr_video { width: 108px; height: 59px; position: absolute; left: 438px; top: 520px; display: none; z-index: 151; }

#index #menu1 { width: 860px; height: 43px; position: relative; top: 472px; margin: auto; }
#index #menu1 table { height: 43px; width: 100%; }
#index #menu1 table td { font: 16px Arial Bold, Arial; font-weight: bold; text-align: center; vertical-align: middle; color: #fff; }
#index #menu1 table td.p1 { width: 162px; }
#index #menu1 table td.p2 { width: 155px; }
#index #menu1 table td.p3 { width: 232px; }
#index #menu1 table td.p3 a { padding-left: 0.5em; }
#index #menu1 table td.p4 { width: 185px; }
#index #menu1 table td.p5 { text-align: right; width: 125px; }
#index #menu1 table td.p5 a { padding-right: 1.6em; }
#index #menu1 span, #index #menu1 a, #index #menu1 a:link { color: #fff; text-decoration: none; }
#index #menu1 a:hover { color: #7ab0ff; text-decoration: none; }
#index #menu1 table .clickable { border-bottom: 1px dotted; }
#index #menu1 a.black { color: #061730; }
#index #menu1 a.black:hover { color: #003077; }
/*#index #menu1 a { border-bottom: 1px solid; }*/

#index #videopanel { position: absolute; left: 0; top: 570px; text-align: center; width: 980px; }
#index #videopanel #panel { left: 0; position: absolute; z-index: 1; }
#index #videopanel table { position: relative; z-index: 2; width: 890px; height: 95px; margin: auto; }
#index #videopanel table td { text-align: left; vertical-align: top; padding: 18px 0px 0px 14px; background: no-repeat center center url(/images/parts/videopanel_place.gif); }
#index #videopanel table th { width: 245px; }
#index #videopromopanel { position: relative; top: 476px; margin: auto; z-index: 1; }
#index #videopromo { position: absolute; top: 566px; left: 50%; margin: auto; z-index: 2; }
#index #videofromlist { position: absolute; top: 568px; left: 40.9%; margin: auto; z-index: 2; }
#index #viewpromovideo { position: absolute; left: -90px; top: 2px; width: 180px; height: 100px; border: #061730 0px solid; -moz-border-radius: 5px;}
#index #videopromo img { position: absolute; left: -90px; top: 2px; width: 180px; height: 100px; }
#index #closepromovideo { position: absolute; width: 68px; top: -10px; padding: 4px 0 4px 0; background-color: #061730; z-index: 15; display: none; }
#index #closepromovideo span { color: #fff; font: 11px Verdana; }

#index #addmyvideo { position: relative; top: 660px; font: 80% Verdana; color: #fff; margin: auto; }
#index #addmyvideo span { color: #fff; }

#index #winnervideo {text-align: center; width: 400px; height: 300px; border: #061730 0px solid; -moz-border-radius: 5px;}

#index #fb_fanbox { position: absolute; left: 50%; top: 685px; z-index: 140; }
#index #fb_fanbox #fb_iframe { position: relative; left: 140px; }

#index #footer { width: 100%; height: 190px; position: absolute; left: 0px; bottom: 0px; background: repeat-x bottom center url(/images/parts/footer.jpg) }
#index #footerglare { position: absolute; left: 50%; }
#index #footerglare img { position: absolute; left: -226px; top: 19px; }
#index #copy { position: relative; z-index: 145; }
#index #copy span { color: #304b78; font: 70% Verdana; }
#index #copy #copy2 { margin-left: 4em; }
#index #copy a, #index #copy a:hover { color: #304b78; }

#index #butts { position: absolute; left: 50%; }
#index #stats { position: absolute; left: -402px; top: 124px; height: 40px; font: 60% Verdana; color: #4a4c52; }
#index #tvf { position: absolute; left: 280px; top: 125px; width: 100px; height: 40px; z-index: 150; }
#index #tvf img { margin-left: 5px; }

#index .tabs { display: none; margin-left: 30px; }
#index #contest2 { display: block; }
#index .tabtitle span { font-weight: bold; }

#recprompt { width: 386px; height: 450px; position: absolute; left: 50%; top: 200px; z-index: 20; display: none; }
#recprompt #bg { position: absolute; left: -193px; }
#recprompt #duck { position: absolute; top: 336px; left: 80px; }
#recprompt #dclose { position: absolute; top: 10px; left: 120px; cursor: pointer; cursor hand; }
#recprompt #rectext { position: absolute; width: 310px; top: 36px; left: -156px; text-align: left; }
#recprompt #rectext p { font: 12px Verdana; color: #3d4146; }
#recprompt #singerscount { font: 12px Verdana; color: #0065b4; }
#recprompt #rectext a { font: 24px Verdana; color: #0065b4; padding: 0px; margin: 0; display: block; }
#recprompt #rectext a.btn { padding: 0px; margin: 0 8px 0 0; display: inline; }
#recprompt #rectext a.btnsoc {font: 11px Verdana; padding: 0px; margin: 0 10px 0 0; display: inline; }
#recprompt #rectext p.tip { font-size: 11px; margin-bottom: 13px; }
#recprompt #rectext p.soc { margin-bottom: 13px; }
#recprompt #duck_upload { width: 150px; height: 120px; margin-left: auto; position: absolute; right: -26px; top: 279px; z-index: 12; }
#recprompt #duck_webcam { width: 150px; height: 120px; margin-left: auto; position: absolute; right: -26px; top: 279px; z-index: 13; }
#recprompt #duck_sound { width: 150px; height: 120px; margin-left: auto; position: absolute; right: -26px; top: 279px;  z-index: 14; }

#mailto { width: 386px; height: 450px; position: absolute; left: 50%; top: 200px; z-index: 20; display: none; }
#mailto #bg { position: absolute; left: -193px; }
#mailto #duck { position: absolute; top: 336px; left: 80px; }
#mailto #dclose { position: absolute; top: 10px; left: 120px; cursor: pointer; cursor hand; }
#mailto #rectext { position: absolute; width: 310px; top: 44px; left: -156px; text-align: left; }
#mailto #rectext p { font: 12px Verdana; color: #3d4146; }
#mailto #singerscount { font: 12px Verdana; color: #0065b4; }
#mailto #rectext a { font: 24px Verdana; color: #0065b4; padding: 24px 0 0 0; margin: 0; display: block; }
#mailto #rectext p.tip { font-size: 11px; }
#mailto table { margin: auto; width: 100%; }
#mailto table td { font-size: 90%; padding: 8px; width: 100%;}

#index #pages { position: absolute; left: 50%; top: 545px; }
#pages div.page { position: absolute; width: 780px; left: -390px; text-align: center; display: none; }
#index #pages p { color: #fff; font: 75% Verdana; text-align: left; line-height: 20px; }
#index #pages p span { color: #fff; }
#index #pages a { color: #5e8cc6; font-size: 110%; }
#pages div.page table { position: absolute; width: 102%; left: -1%; }
#pages div.page table td { color: #5e8cc6; font-size: 60%; line-height: 2em; }
#index #pages #res a { display: block; width: 60px; text-align: left; margin: auto; }
#index #pages #res td { text-align: center; }

/* templates */

#main { background: left top url(/images/parts/video/bg.jpg); width: 100%; height: 100%; background-color: #c9cfd4; }
#main .limit { position: absolute; left: 0px; width: 100%; height: 100%; min-width: 980px; min-height: 850px; height: expression(document.getElementsByTagName('body')[0].offsetHeight < 850 ? "850px" : "100%"); }
#main #logo { position: absolute; left: 10%; width: 500px; top: 34px; text-align: left; }
#main #text { position: absolute; left: 10%; width: 450px; top: 125px; text-align: left; z-index: 11; }
#main #text span { position: relative; left: 200px; font: 12px Verdana; color: #4a4c52; line-height: 2em; }
#main #menu1 { position: relative; width: 844px; height: 46px; margin: auto; text-align: center; background: url(/images/parts/menu_inner.png) no-repeat center bottom; vertical-align: bottom; }
#main #menu1 div { position: relative; left: 31px; top: 4px; height: 42px; float: left; }
#main #menu1 div.selected { top: 0px; height: 46px; background: url(/images/parts/menu_inner_selector.png) no-repeat 0px 0px; height: 46px; padding-top: 4px; }
#main #menu1 div.selected a, #main #menu1 div.selected a:hover { color: #a9b3c3; }
#main #menu1 div a { display: block; font: bold 16px Arial; line-height: 43px; color: #054cb8; padding-left: 31px; padding-right: 31px; text-decoration: none; }
#main #menu1 div a:hover { color: #5b7499; }
#main #copy1, #main #copy2, #main #copy3 { font: 70% Verdana; color: #4a4c52; }
#main #copy1 { position: absolute; bottom: 30px; left: 30px; }
#main #copy2 { position: absolute; bottom: 30px; right: 40px; }
#main #copy3 { position: absolute; bottom: 50px; left: 45px; font: 60% Verdana; }

/* pages */

#main #play #conveyor { position: relative; width: 100%; text-align: center; height: 640px; margin: 0px; top: 200px; z-index: 19;}
#main #play #handr1 { position: absolute; right: 0px; top: 20px; }
#main #play #handr2 { position: absolute; right: 0px; top: 20px; }
#main #play #counter1 { width: 432px; height: 432px; position: absolute; right: 10%; top: 0px; z-index: 18; }
#main #play #counter2 { width: 432px; height: 432px; position: absolute; right: 15%; top: 0px; z-index: 18; }
#main #play #menu1 { top: 90px; z-index: 20; }
/*#main #play #menu1 a { font: 115% Tahoma; }*/
#main #mailtoform input, #main #mailtoform textarea { width: 260px; }
#main #mailtoform #gotovo { width: 160px; }

#main #test #conveyor { position: relative; width: 100%; text-align: center; height: 640px; margin: 0px; top: 200px; }
#main #test #handr { position: absolute; right: 0px; top: 50px; }
#main #test #counter { width: 160px; height: 244px; position: absolute; right: 20%; margin-left: 650px; top: 50px; z-index: 18; }
#main #test #menu1 { top: 90px; }

#main #recorder #record { position: relative; width: 100%; text-align: center; height: 640px; margin: 0px; top: 240px; }
#main #recorder #menu1 { top: 130px; font: 115% Arial;}

#main #regvideo select, #main #regvideo input { color: #979ba0; width: 280px; }
#main #regvideo select option, #main #regvideo input { font-size: 14px; padding: 2px; }
#main #regvideo select { padding-top: 4px; }
#main #regvideo #year { width: 40px; margin-bottom: 5px; }
#main #regvideo #uaregion { display: none; }
#main #regvideo .submit { width: auto; padding: 5px; }
#main #regvideo input.auto { width: auto; }
#main #regvideo #regform { position: relative; top: 200px; }
#main #regvideo #regform table { margin: auto; }
#main #regvideo #regform table td { font-size: 90%; padding: 8px; }

#main #uploadvideo #menu1 { top: 700px; font: 115% Arial; }
#main #upload { width: 386px; height: 450px; position: absolute; top: 200px; left: 50%; z-index: 20; }
#main #upload #bg { position: absolute; left: -193px; }
#main #upload #duck { position: absolute; top: 336px; left: 80px; }
#main #upload #rectext { position: absolute; width: 310px; top: 44px; left: -156px; text-align: left; }
#main #upload #rectext p { font: 12px Verdana; color: #3d4146; }
#main #upload #rectext .title { font: 24px Verdana; color: #0065b4; padding: 0; margin: 0; display: block; }
#main #upload #rectext .uploadbtn { margin-top: 20px; }

#copy2 { xdisplay: none; }

/* --- */

.rootdv { width: 100%; height: 100%; position: absolute; }

/*
#recorder { background: left top url(/images/parts/video/record_bg.jpg); width: 100%; height: 100%; background-color: #c9cfd4; }
#recorder #limit { position: absolute; left: 0px; width: 100%; height: 1120px; min-width: 980px; }
#recorder #logo { position: absolute; left: 150px; top: 100px; }
#recorder #slogo { position: absolute; left: 50%; top: 39px; }
#recorder #slogo span { color: #0043aa; font: italic 30px Verdana; position: relative; left: -180px; }
#recorder #text { position: relative; left: 50%; width: 40%; top: 110px; text-align: left; }
#recorder #text span { position: relative; left: -10%; font: 12px Verdana; color: #4a4c52; line-height: 2em; }
#recorder #record { position: relative; width: 100%; height: 448px; margin: 0px; top: 180px; text-align: middle; }
#recorder #copy1, #recorder #copy2 { font: 70% Verdana; color: #4a4c52; }
#recorder #copy1 { position: absolute; bottom: 60px; left: 60px; }
#recorder #copy2 { position: absolute; bottom: 60px; right: 100px; }

#regvideo #record { position: relative; width: 100%; height: 448px; margin: 0px; top: 180px; text-align: middle; }
#regvideo #copy1, #regvideo #copy2 { font: 70% Verdana; color: #4a4c52; }
#regvideo #copy1 { position: absolute; bottom: 60px; left: 60px; }
#regvideo #copy2 { position: absolute; bottom: 60px; right: 100px; }
#regvideo #regform { margin-top: 200px; font-size: 90%; }
#regvideo #regform td { padding: 8px; }

#video { background: left top url(/images/parts/video/bg.jpg); width: 100%; height: 100%; background-color: #c9cfd4; }
#video #limit { position: absolute; left: 0px; width: 100%; height: 1120px; min-width: 980px; }
#video #logo { position: absolute; left: 50px; top: 120px; }
#video #slogo { position: absolute; left: 50%; top: 39px; }
#video #slogo span { color: #0043aa; font: italic 30px Verdana; position: relative; left: -180px; }
#video #text { position: relative; left: 50%; width: 40%; top: 160px; text-align: left; }
#video #text span { position: relative; left: -10%; font: 12px Verdana; color: #4a4c52; line-height: 2em; }
#video #conveyor { position: relative; width: 100%; text-align: center; height: 448px; margin: 0px; top: 100px; }
#video #menu1 { position: absolute; width: 700px; right: 300px; bottom: 300px; }
#video #menu1 table { width: 100%; }
#video #hand { position: absolute; top: 43px; left: 0px; z-index: -1; }
#video #bottom { position: absolute; width: 980px; height: 381px; bottom: 0px; right: 0px; z-index: -1; }
#video #bottom img.first { position: absolute; left: -200px; top: 0px; }
#video #copy1, #video #copy2 { font: 70% Verdana; color: #4a4c52; }
#video #copy1 { position: absolute; bottom: 60px; left: 60px; }
#video #copy2 { position: absolute; bottom: 60px; right: 100px; }
*/