* { margin: 0; padding:0; }
html, body { height: 100%; }
body { background: #d7f2e9 url(/_img/bg3.jpg) no-repeat top center; outline: none; min-height: 100%; position: relative; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #56697a; }
* html body { height: 100%; }

.one { background: #d7f2e9 url(/_img/bg.jpg) no-repeat top center; }
/* html .one { height: 100%; }*/
.next { height: auto !important; }

img { border: 0; }

ul, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

a { color: #0967b8; }
a:visited { color: #72b0e6; }
a:hover { text-decoration: none; }

h1 { font-size: 2.4em; font-weight: normal; color: #56697a; margin: 0 0 20px; }
h2 { font-size: 1.8em; font-weight: normal; color: #2c5476; margin: 30px 0 10px; }
h2 span { font-size: 0.7em; font-weight: bold; color: #56697a; display: block }

.separator { clear: both; /margin: -10px 0; }

.conteiner { width: 950px; margin: 0 auto; }

.logo { width:680px; height:80px; margin:0 auto 20px;}

.content-box { width: 650px; padding:15px 0 200px 0; /padding:5px 0 200px 0; margin: 0 auto; }

.flash-box { margin: 0 auto; width: 950px; position: relative; height: 100%; }
html:root .flash-box { height: 100%; }

.content { overflow: hidden; }
.left { float:left; width:50%; }
.right { float:right; width:49%; }

.nav-IndexBox { width: 570px; position: relative; margin: 0 auto; z-index: 1000 }

.nav-page { width:680px; margin: 0 auto }
.nav-index { width:570px; position: absolute; top: 5px }
#nav { list-style-type:none; margin:15px auto; }
#nav li { float:left; font:bold 1.4em arial; color:#b4f1ff; margin-right:15px; }
#nav li div { padding:15px 0 20px 50px;}

#nav li a div { color:#fff; text-decoration:none; }
#nav li a.bluelink div { color:#b4f1ff; }

#nav li a { text-decoration:none; }
#nav li a:hover div { color:#b4f1ff; }

#nav li.m1 a div { background:url(/_img/m1.png) no-repeat top left; _background:url(/_img/m1.gif) no-repeat 0 0; }
#nav li.m1 a:hover div, li.m1_s div { background:url(/_img/m1_s.png) no-repeat top left; _background:url(/_img/m1_s.gif) no-repeat 0 0; }
#nav li.m2 a div { background:url(/_img/m2.png) no-repeat left top; _background:url(/_img/m2.gif) no-repeat 0 0; }
#nav li.m2 a:hover div, li.m2_s div { background:url(/_img/m2_s.png) no-repeat top left; _background:url(/_img/m2_s.gif) no-repeat 0 0; }
#nav li.m3 a div {background:url(/_img/m3.png) no-repeat top left; _background:url(/_img/m3.gif) no-repeat 0 0; }
#nav li.m3 a:hover div, li.m3_s div {background:url(/_img/m3_s.png) no-repeat top left; _background:url(/_img/m3_s.gif) no-repeat 0 0; }
#nav li.m4 a div {background:url(/_img/m4.png) no-repeat top left; _background:url(/_img/m4.gif) no-repeat 0 0; }
#nav li.m4 a:hover div, li.m4_s div {background:url(/_img/m4_s.png) no-repeat top left; _background:url(/_img/m4_s.gif) no-repeat 0 0; }
#nav li.m5 a div {background:url(/_img/m5.png) no-repeat top left; _background:url(/_img/m5.gif) no-repeat 0 0; }
#nav li.m5 a:hover div, li.m5_s div {background:url(/_img/m5_s.png) no-repeat top left; _background:url(/_img/m5_s.gif) no-repeat 0 0; }

#nav .pad30 {padding-left:30px; }
#nav .pad40 {padding-left:40px; }
#nav .pad50 {padding-left:50px; }

.more { font: bold 12px arial; color: #2fb619 }

.big-font p { font-size: 1.5em; margin-bottom: 15px; }
.big-font p img { float: left; margin: 0 15px 15px 0; }
.small-font p { font-size: 1.2em; margin-bottom: 15px; }
.news p { margin-bottom: 20px; }
.small-font p span { font-size: 1.0em; font-weight: bold; display: block }

.news-one { background: url(_img/bg_moovie_head.jpg) top left no-repeat; padding: 5px 0 0 0; }
.news-one h2 { margin: 15px 0 20px 0; }
.news-one p {font-size: 1.2em; margin-bottom: 20px; }
.news-one p span { font-size: 1.0em; font-weight: bold; display: block }

/*.mywork h2 { display: block; float: left; font:normal 1.8em arial; color: #fff; background: url(/_img/h2_right.gif) top right no-repeat; padding-right: 15px; }
.mywork h2 span { display: block; line-height: 13px; background: url(/_img/h2_left.gif) no-repeat; padding: 6px 0 7px 15px; }*/

.mywork h2 { font:normal 1.8em arial; margin-top: 20px; color: #2c5476; }

.mywork ul { clear: both; list-style-type: none; margin-left: 0px; }
.mywork ul li { font-size: 1.1em; font-weight: bold; width: 100%; overflow: hidden; }
.mywork ul li a { font-size: 1.1em; font-weight: bold; color: #0967b8 }
.mywork ul li span.date { display: block; width: 35px; float: left; color: #56697a; margin: 0 0 20px 0; /padding-bottom: 20px; }
.mywork ul li span.role { display: block; font-weight: normal; }

#rap{ width: 100%; overflow: hidden; padding: 0px; }

.aboutwork { width: 330px; overflow: hidden; display: block; background: url(/_img/bg_rol_r.gif) top right no-repeat; padding: 0 15px 0 0; margin-bottom:15px; }
.aboutwork div.aboutwork-bg { display: block; line-height: 13px; background: url(/_img/bg_rol_l.gif) no-repeat; padding: 10px 0 11px 15px; }

.aboutwork-in {width: 100%; overflow: hidden; display: block; font-size: 1.2em; line-height:150%; }
.aboutwork-in-left { float:left; width:37%; font-weight:bold;}
.about-news { background: url(_img/bg_news_head.jpg) top left no-repeat; width: 314px }
.theatre { background: url(_img/bg_theatr_head.jpg) top left no-repeat; }
.moovie { background: url(_img/bg_moovie_head.jpg) top left no-repeat; }
.tv { background: url(_img/bg_tv_head.jpg) top left no-repeat; }
.other { background: url(_img/bg_other_head.jpg) top left no-repeat; }
.aboutwork-in-right { float:right; width:63%;}
.about-publ { background: url(_img/bg_publ_head.jpg) top left no-repeat; width: 314px }

.mywork .anons { clear: left; padding-bottom: 20px; overflow: hidden; }
.mywork .anons { font: bold 12px arial; color: #56697a; }
.mywork .anons a.foto { cursor: pointer; display: block; width: 115px; height: 80px; position: relative; }
.mywork .corn01 { position: absolute; left: 0; top: 0; width: 115px; height: 80px; display: block; background:url(/_img/aboutwork_photo.png) no-repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/aboutwork_photo.png'); _background: none; }
.mywork .anons div { float: right; width: 190px; padding-top: 7px; }
.mywork .anons div a { font: normal 12px arial; color: #0967b8; }
#rap .more { font: bold 12px arial; color: #2fb619 }

html:root .aboutwork { margin-bottom: 15px; }

.aboutwork-photo { width: 100%; overflow: hidden; }
.aboutwork-photo li { font:normal 1.0em tahoma; float: left; display: inline; width: 200px; margin-right: 15px; padding-bottom: 17px; position: relative; } 
.aboutwork-photo li a { display: block; width: 120px; cursor:hand; }
.aboutwork-photo .corn01 { position: absolute; left: 0; top: 0; width: 115px; height: 80px; display: block; background:url(/_img/aboutwork_photo.png) no-repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/aboutwork_photo.png'); _background: none; }
.aboutwork-photo li .photo-comment {padding:4px 0;}

.aboutwork { width: 330px; padding:10px; background:#fff; position: relative; /padding-bottom: 20px;}
.aboutwork span {display: block; position: absolute; width: 10px; height: 10px; background-image: url(/_img/c02.gif); }

.nth-corners { width: 80%; margin: 1em auto; padding: 1em; border: 1px solid #a0d2c1; position: relative}
.nth-corners span {display: block; position: absolute; width: 10px; height: 10px; background-image: url(/_img/c01.png); }

.top-right { top: -1px; right: -1px; background-position: 100% 0; }
.top-left  { top: -1px; left: -1px; }
.bot-right { bottom: -1px; right: -1px; _bottom: -1px; background-position: 100% 100%; }
.bot-left  { bottom: -1px; left: -1px; _bottom: -1px; background-position: 0 100%; }

#myFriends { list-style-type: none; position: relative; padding-left: 156px; padding-bottom: 20px; }
#myFriends img { float: left; position: relative; left: -156px; top: 0; margin-right: -156px; }
#myFriends h2 { position: relative; padding: 0; margin: 0 0 7px 0; }
#myFriends p { margin: 0 0 15px 156; }
#myFriends .imag { position: absolute; top: 0; left: 0; _left: -156px; width: 140px; height: 100px; display: block; background: url(/_img/myfriends_photo.png) no-repeat; z-index: 1000; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/myfriends_photo.png'); _background: none; }
.friends { width: 470px; clear: both; }
.friends .fr-left p, .friends .fr-right p { font: normal 1.0em tahoma; color: #4f544e; margin: 0 0 3px 0; }
.friends p b { font: bold 1.2em arial; color: #4f544; }
.friends p a { font: normal 1.0em tahoma; }
.friends .fr-left p a { color: #2fb619; }
.friends .fr-left { float: left; width: 220px; padding-left: 5px; }
.friends .fr-right { float: right; width: 230px; }

.contact-form { width: 600px; margin-top: 25px; font-size: 1.2em; }
.contact-form div { padding: 5px; width: 317px; margin: 0px 0px 8px 180px; _margin: 0px 0px 8px 90px; /margin: 0px 0px 8px 0px; }
.contact-form .inp { background: url(/_img/bg_inp.gif) no-repeat; height: 22px; padding: 2px 5px 0 5px; }
.contact-form .inp-sm { background: url(/_img/bg_inp_sm.gif) no-repeat; height: 22px; padding: 2px 5px 0 5px; }
.contact-form .tarea { background: url(/_img/bg_tarea.gif) no-repeat; height: 145px; padding: 4px 0 0 5px; }
.contact-form input, .contact-form textarea { font: normal 1.1em arial; color: #56697a; width: 307px; background: none; border: 0; }
.contact-form textarea { height: 135px; width: 302px; }
.contact-form input.submit-button { width: 100px; height: 30px; font: bold 14px arial; color: #fff; cursor: pointer; background: url(/_img/b_send.gif); margin-left: 180px; }
.contact-form b { color: #f00; }
label { float: left; margin-right: 0px; width: 180px; padding-top: 5px; font-size: 1.2em; }

.prev { font-size: 1.2em; background: url(/_img/arr01.gif) no-repeat top left; padding: 0 0 0 25px; margin: 15px 0; }

.bigphoto-rap { width: 100%; font-size: 1.1em; overflow: hidden; //zoom: 1; //margin-bottom: 20px; _margin-bottom: 20px; }
.bigphoto { position: relative; margin: 0 15px 15px 0; float: left; }
.bigphoto .corn02 { position: absolute; left: 0; top: 0; width: 330px; height: 160px; display: block; background: url(/_img/myfriendsone_photo.png) no-repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/myfriendsone_photo.png'); _background: none }
.indent-paragraph p { margin-left:50px; }
.noindent-paragraph p { margin-left:0px; }

/*.footer-box { width: 100%; background: url(/_img/bg_bot.gif) bottom left repeat-x; height: 185px; position: absolute; bottom: 0px; }
* html .footer-box { bottom: 0px; }
.footer { width: 650px; margin-left: auto; margin-right: auto; }
.footIn { width: 650px; background: url(/_img/bg_bot2.jpg) bottom right no-repeat; height: 185px; position: relative; }*/

.footer-IndexBox { width: 650px; position: relative; margin: 0 auto; }

.footer-PageBox { width: 100%; background: url(/_img/bg_bot.gif) bottom left repeat-x; height: 185px; position: absolute; bottom: 0; }
* html .footer-PageBox { bottom: 0px; }
html:root .footer-PageBox { bottom: 0px; }

.footer-Index { width: 650px; position: absolute; height: 80px; bottom: 0; }

.footer-Page { width: 650px; background: url(/_img/bg_bot2.jpg) bottom right no-repeat; height: 185px; position: relative; margin: 0 auto; }

.copy { color: #a09180; font-size: 1.1em; float: left; width:50%; position: absolute; margin:130px 0 0 50px; }
.copy a { color: #a09180; }
.copy a:visited { color: #a09180; }
.copy span { margin-left: 38px; }

.madeIn { position: absolute; float:right; width:49%; margin:112px 0 0 324px;;  }
.madeIn .madeimg { background: url(/_img/made.png) no-repeat; width:120px; height:70px; display:block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/made.png'); _background: none; //background: none; }

.copy-index { float: left; font-size: 1.1em; position: relative; }
.copy-index a {color: #56697a; }
.copy-index a:visited {color: #56697a; }
.copy-index span { margin-left: 38px; }
.made-index { font-size: 1.1em; float: right; }
.made-index a { color: #f51414; text-decoration: none; }
.made-index a:visited { color: #f51414; text-decoration: none; }
.made-index img { vertical-align: middle; margin-bottom: 7px; margin-left: 5px; }
.inMade { font-size: 1.1em; margin-right: 0; }