html, body { padding: 0; margin: 0; font-family: Arial, sans-serif; font-size: 11px; color: #fff;}
a img { border: none; }
a { color: #80B9D1; }
p { padding-top: 0; padding-bottom: 15px; margin: 0;}
a.download {padding-left: 14px; background: url(/img/download_ico.gif) 0 3px no-repeat; }
a.external { padding-right: 14px; background: url(/img/link_ico.gif) 100% 3px no-repeat; }
a.orange { color: #D34025; }
.dark { color: #333; }
.light { color: #fff; }
.fLeft { float: left; }
.fRight { float: right; }
.ie6 { color: #333; font-size: 16px; text-align: center; }
.clear { clear: both; height:1px;}
.gallery { position: absolute; z-index: 100;}
.gallery div.images { overflow: hidden; }
.gallery img { display:none; position: relative;}
.gallery div.controls { position: relative; width: 100%; height: 20px;}
.gallery div.controls a.left, div.controls a.right { display: block; width: 19px; height:18px; float: left;}
.gallery div.controls a.left { padding-left: 10px; background: url(/img/arrows.gif) top left no-repeat; float: left;}
.gallery div.controls a.right { padding-right: 10px; background: url(/img/arrows.gif) top right no-repeat;}
.gallery div.controls span.progress { color: #333; background: #fff; margin: 0; display: block; height: 18px; float: left; line-height: 18px;}
.gallery div.controls span.description { margin-left: 10px; line-height: 18px;}
#logo { width: 313px; height: 150px; position: fixed; top: 0; left: 0; z-index:20;}

#miniLogo { position: fixed; z-index:80; background: #333; width: auto; text-align: right; right: 209px; top: 20px; height:17px; padding:0 11px; }
#miniLogo a { text-decoration: none; }
#miniLogo span {text-transform: uppercase; line-height: 17px;}
#miniLogo span.n { color: #D34025;}
#miniLogo span.i { color: #EC8020; }
#miniLogo span.l { color: #B9BC33; }
#miniLogo span.e { color: #80B9D1; }

#backgrounds { display: none; }
#background { background: #000 url(/img/bgs/1.png) repeat; width: 100%; position: fixed; top: 0; left: 0; height: 100%; min-height: 100%; z-index: 1;}

#timeline { background: transparent; width: 100%; position: fixed; top: 147px; left: 0; z-index: 10; height: auto;}
#timeline div.season { width: 100%; height: 300px; z-index: 10; font-size: 11px; position: relative; z-index: 20;}
#timeline div.season>span { text-decoration: none; border: none; position: absolute; display: block; width: 45px; padding-left: 15px; padding-top: 7px; left: 0; border-top: solid 1px #242424; font-family: Arial, sans-serif; font-size: 10px; color: #777; }
#timeline>a { position: absolute; z-index: 30; display: block; }
#selectbox { position: fixed; top: 20px; right: 48px; z-index: 80; width: 164px; height: 17px; background: #222 url(/img/arrow_down.gif) 144px 0px no-repeat;}
#selectbox.active { background: #80b9d1 url(/img/arrow_down.gif) 144px -17px no-repeat;}
#options { display: none; background: #000; padding: 11px; padding-top: 5px;}
#options a, #options span { display: block; width: 100%; line-height: 23px; font-size: 11px; text-decoration: none; color: #e1e1e1;}
#options a:hover, #options .optgroup a:hover { color: #80b9d1;}
#options .optgroup a { padding-left: 22px; color: #7d7d7d;}
#selectbox span { line-height: 17px; width: 100%; color: #e1e1e1;  cursor: default; display: block;}
#selectbox span.selected { padding-left: 11px;}
#selectbox div.optgroup span { padding-bottom: 7px; border-bottom: solid 1px #777; font-weight: bold;}
#options .optgroup span.selected { color: #80b9d1; border-bottom: none; padding-left: 22px;}

#twitter {position: fixed; right: 240px; top: 20px; width: 335px; z-index: 90; padding-left: 55px; background: transparent url(/img/twitter.gif) top left no-repeat;}
#twitter span { color: #555; }
#twitter p { margin: 0; padding: 0; color: #7d7d7d;}
#twitter a { color: #80B9D1; text-decoration: underline; }
#twitter a.logo { position: absolute; left: 0; top: 0; display: block; width: 49px; height: 22px; text-decoration: none; }

.work { overflow: visible; position: absolute; z-index: 25;}
.work a { text-decoration: none; }
.work span.description { text-decoration: none; border: none; display: block; position: absolute; width: auto; color: #737373;}
.work img { position: absolute; z-index: 20; }

#footer, #footer.avers, #footer.reverse { position: fixed; right: 40px; bottom: 20px; padding: 2px 5px; z-index: 100; background: #000;}
#footer a { color: #fff; text-decoration: none;}
#footer span.address { margin-left: 20px; padding-left: 15px; background: url(/img/icons.gif) 0 2px no-repeat;}
#footer span.phone, #footer span.mail { margin-left: 15px; padding-left: 15px; background: url(/img/icons.gif) 0 -12px no-repeat;}
#footer span.mail { background-position: 0 -25px; background-repeat: no-repeat;}
#footer span.copyright { color: #777; }

#footer.reverse {background: #fff;}
#footer.reverse a { color: #000;}
#footer.reverse span { color: #000; }
#footer.reverse span.copyright { color: #888; }



/* Избранные работы */
#swist { background: #ebebec url(/img/swist.jpg) top left no-repeat; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:10;}
div.swist_content { position: absolute; top: 150px; left: 57px; width: 440px; color: #555; z-index: 10;}
#swistToScroll { height: 3873px; width: 100%; background: transparent; background: #ebebec; position: absolute; top: 0; left: 0;}

#mtv { position: absolute; top: 0; left: 0; z-index: -1; width: 100%;}
#mtv .top { position: absolute; top: 0; left: 0; background: transparent url(/img/mtv/mtv_top.jpg) center top no-repeat; height: 791px; width: 100%;}
#mtv #flashTop { position: absolute; top: 179px; margin: 0 auto;}
#mtv #flashBottom { position: absolute; top: 229px; margin: 0 auto; overflow: hidden; }
#mtv .description { position: absolute; top: 91px; left: 30px; color: #252525; font-family: Arial, sans-serif; font-size: 12px; width: 530px;}
#mtv .title { position: absolute; top: 55px; left: 30px; }
#mtv .middle {position: absolute; top: 791px; left: 0; background: transparent url(/img/mtv/mtv_middle.jpg) center top no-repeat; height: 1756px; width: 100%;}
#mtv .bottom {position: absolute; top: 2547px; left: 0; background: transparent url(/img/mtv/mtv_bottom.jpg) center top no-repeat; height: 913px; width: 100%;}

body.city, body.danil, body.ros { background: url(/img/city/background.png) top left repeat; padding-left: 80px;}
body.vova { background: #000; }
body.city div.navigate { padding-top: 80px; }
body.city div.navigate a { display: block; width: 155px; height: 33px; float: left; border: solid 1px #e6e6e6; margin-right: 10px; color: #000; text-decoration: none; font-family: Arial,sans-serif; font-size: 11px; padding-left: 10px; padding-top: 2px; background: #fff;}
body.city div.navigate a:hover, body.city div.navigate a.selected { border-bottom: solid 4px #ed1c24; height: 29px;}
body.city #vova, body.city #ros { display: none;}
body.city div.description { width: 370px; background:#252525; color: #fff; padding: 10px;}
body.city #danil { padding-top: 125px; }
body.city #danil div.flashContainer { overflow: hidden; margin: 0; padding: 0; width: 100%; }
body.city #danil div.description { margin-top: 75px; margin-bottom: 50px; }
body.city #vova {background: #000; display: none;}
body.city #vova div.description { margin: 305px 0 50px 530px; }
body.city #vova_flash {position: absolute; top: 151px; left: 10px;}
body.city #ros div.description {position: absolute; top: 80px; left: 610px;}
body.city #ros_flash {position: absolute; top:141px; left:40px; border: solid 5px #ccc; }

body.tele2 { height: 2500px; background: #000 url(/img/tele2/background.jpg) top left repeat-x; }
#tele2, #tele2 #girls, #tele2 #car, #tele2 #man, #tele2 #sitting { position: fixed;  height:2500px; width: 100%; background: #000 url(/img/tele2/background.jpg) top left no-repeat; top:0; left: 0; }
#tele2 #girls {background: transparent url(/img/tele2/bigfoot.png) top left no-repeat; position: fixed;}
#tele2 #car {background: transparent url(/img/tele2/car.png) top left no-repeat; position: fixed;}
#tele2 #man {background: transparent url(/img/tele2/boss.png) top left no-repeat; position: fixed;}
#tele2 #sitting {background: transparent url(/img/tele2/sitting.png) top left no-repeat; position: fixed;}
#tele2 div.content { position: absolute; top:500px; left: 50px; color: #fff; width: 100%;}
#tele2 div.content p { width: 250px; float: left; margin-right: 20px;}


body.volgadream { height: 4200px; color:#555;}
body.volgadream #back { width: 100%; height: 100%; background: url(/img/volgadream/background.png) top left repeat; position: fixed; z-index:10;}
body.volgadream #waves_top { position: fixed; bottom: 40px; left: 0; height: 34px; width: 100%; background: url(/img/volgadream/w_top.png) top left repeat-x; z-index:10;}
body.volgadream #waves_center { position: fixed; bottom: 20px; left: 0; height: 34px; width: 100%; background: url(/img/volgadream/w_center.png) top left repeat-x; z-index:30;}
body.volgadream #waves_bottom { position: fixed; bottom: 0; left: 0; height: 34px; width: 100%; background: url(/img/volgadream/w_bottom.png) top left repeat-x; z-index:40;}
body.volgadream #content { position: fixed; z-index: 10; top:115px; left:65px; width: 300px;}
body.volgadream #ship { background: url(/img/volgadream/ship.png) -1300px 0 no-repeat; height: 263px; width: 100%; z-index: 20; position: fixed; bottom: 42px; left: 0;}
body.volgadream div.gallery { position: fixed; top: 115px; left:400px; z-index: 20;}
body.volgadream div.icon { position:fixed; z-index:10; top:90px; left:65px; width:29px; height:32px; background: url(/img/volgadream/ico.gif) top left no-repeat; }

body.hobbyhorse {  }
body.hobbyhorse #back { width: 100%; height: 1480px; background: url(/img/hobbyhorse/background.png) top left repeat; position: fixed; z-index:5;}
body.hobbyhorse #pack { position: absolute; top: 250px; left: 560px; z-index: 10; padding-bottom: 25px;}
body.hobbyhorse #vis { position: absolute; top: 50px; z-index:10; left: 550px;}
body.hobbyhorse #vis img { position: relative; display: none; }
body.hobbyhorse div.gallery { top: 225px; left: 60px; }
body.hobbyhorse img.pyramid { position: absolute; top: 15px; left: 10px; z-index: 10; }
body.hobbyhorse div.description { position: absolute; left: 60px; top: 15px; width: 395px; z-index: 10; background: #fff; padding: 0 15px; }
body.hobbyhorse div.description h2 { font-size: 24px; font-weight: normal; color: #000; }
body.hobbyhorse div.description p { color: #616161; }

body.cz { padding-left: 50px; background: #000; position: relative; }
body.cz div.background { background: url(/img/cz/bgpattern.png) top left repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
body.cz #content { padding-top: 5px; }
body.cz div.gallery { overflow: visible; position: relative; top: 25px; padding-bottom: 50px; }
body.cz div.gallery div.images img { position: relative; }
body.cz div.description { background: #fff url(/img/cz/icon.png) 25px 15px no-repeat; margin-top: 15px; padding: 15px 24px; width: 653px; overflow: auto; position: relative; z-index: 30;}
body.cz div.description h2 { color: #000; font-size: 24px; font-weight: normal; margin-top: 0; padding-top: 0; margin-bottom: 5px; }
body.cz div.description div.column { color: #616161; float: left; width: 290px; margin-right: 20px; margin-top: 60px; }
body.cz #girl { position: absolute; bottom: 0; right: 0; z-index: 5;}


body.n2010 { background: #000;}
body.n2010 table { width: 100%; height: 100%; padding: 0; margin: 0;}