@import url(content.css);

* {background-repeat: no-repeat; margin: 0; }
BODY {background: #000; color: #fff; position: relative; min-width: 990px; }



#page {background-image: url(../i/body-bg-top.jpg); background-position: center top; }
#page-a {background-image: url(../i/body-bg-bot.jpg); background-position: center bottom; }
#page-b {margin: 0 auto; width: 940px; }
#page-c {margin: 0 20px; position: relative; }

/*  */

#top {height: 120px; }

/*  */

#logo,
#logo A {color: #fff; display: block; overflow: hidden; padding-top: 42px; width: 367px; height: 0; }

#logo {background-image: url(../i/logo.png); position: absolute; left: -6px; top: 54px; }
#logo A {margin-top: -42px; position: relative; }

/*  */

#mnu {font-size: 18px; line-height: 55px; text-align: center; }
#mnu A {color: #fff; padding: 0 12px; text-decoration: none; height: 60px; }

#mnu LI {display: inline; }
#mnu A {display: inline-block; }

#mnu A.cur,
#mnu A:hover {color: #99f; }

/*  */

#content {padding: 30px; min-height: 260px; }

/*  */

#text {border-right: 1px solid #191e24; padding-right: 20px; width: 538px; }

/*  */

#contacts,
#contacts A {color: #339; }

#contacts {position: absolute; right: 0; top: 10px; }
#contacts * {display: inline; }

/*  */

#bot,
#bot A {color: #339; }

#bot {font-size: .9167em; margin: 0 auto; padding: 20px 30px; width: 840px; }
#bot A:hover {color: #99f; }

/*  */

#bot .txt {float: left; margin-right: 20px; padding-top: 1em; }
#bot .txt P {display: inline; }

/*  */

#buttons {border-left: 1px solid #191e24; float: right; padding-left: 20px; width: 261px; }

#buttons LI,
#buttons A {float: left; }

#buttons LI {margin-left: 10px; }
#buttons IMG {vertical-align: top; }

/*  */

UL.localnav {float: right; font-size: 1.5em; list-style: none; margin: 0; width: 250px; }
UL.localnav LI {margin-bottom: 1px; }

UL.localnav A,
UL.localnav SPAN {background-image: url(../i/localnav-corners.gif); background-position: -500px 0; display: block; }

UL.localnav A,
UL.localnav A:visited {color: #fff; text-decoration: none; }

UL.localnav SPAN {padding: .5em 10px .6em; }

UL.localnav A.cur,
UL.localnav A:hover {background-color: #191142; background-position: 0 0; color: #99f; }

UL.localnav A.cur SPAN,
UL.localnav A:hover SPAN {background-position: -250px 100%; color: #99f; }

/*  */

BODY.home #page {background-image: url(../i/body-bg-top-home.jpg); }
BODY.home #page-a {background-image: url(../i/body-bg-bot-home.png); }

/*  */

BODY.home #top {height: 370px; }

/*  */

BODY.home #logo {top: 304px; }

/*  */

BODY.home #content {padding-bottom: 20px; }

/*  */

BODY.home #text {border-right: 1px solid #2a2c41; border-right: 1px solid rgba(147,179,215,.17); float: left; padding-right: 30px; width: 528px; min-height: 270px; }

/*  */

BODY.home #app {float: right; font-size: .9167em; width: 250px; }
BODY.home #app UL {list-style: none; margin: 0; }
BODY.home #app LI {margin-top: 40px; }
BODY.home #app LI:first-child {margin-top: 0; }
BODY.home #app A {display: block; }
BODY.home #app A STRONG {color: #96c; font-weight: normal; text-decoration: underline; }
BODY.home #app A:hover STRONG {color: #fff; text-decoration: none; }

/*  */

BODY.home #contacts {top: 31px; max-width: 330px; }

/*  */

#play,
#play A {display: block; overflow: hidden; }

#play {background-image: url(../i/icons/home-play.png); padding-top: 20px; padding-left: 26px; position: absolute; left: -26px; top: 0; min-height: 67px; }
#play A {color: #339; line-height: 39px; padding-left: 47px; text-decoration: none; }

/*  */

BODY.home P.release-more,
BODY.home P.release-more A {display: block; overflow: hidden; width: 185px; height: 41px; }

BODY.home P.release-more {background-image: url(../i/release-more.png); margin-bottom: 0; }
BODY.home P.release-more A {padding-top: 41px; position: relative; height: 0; z-index: 5; }

/*  */

.hidden {display: none; }
