/* CSS Document */

body {
    background-color:#000;
    font-size: 12px;
    font-family: Verdana, Arial, helvetica;
    margin: 0; padding: 10px 0px 10px 0px;}

#body, .lenta * {margin: 0 auto; padding: 0;}

#body, table#main, #hed, #hed noscript, .traffic marquee {width: 1000px; min-width: 1000px;}

*html #body, *html table#main, *html #hed, *html #hed noscript, *html .traffic marquee {
    width: expression((document.documentElement.clientWidth < 1000) ? '1000px' : '100%');}

    /* элемент у левого края, обтекание справа */
.leftblog, .izbran div, .news a, #truck, .trailer, .feed
    {float: left;}

    /* элемент у правого края, обтекание слева */
.description, .lenta, .news
    {float: right;}

table#main, #body, #links, .izbran div, #feed {background-color: White;}

.leftblog, div.traffic {
    background: #CDCDCD url(../Images/fon/grey.gif) repeat;
    border: 3px inset Gray;
    border-left: none;}

.otstup {padding: 0 10px 0 10px;}

    /* Без рамки */
body, table#main, #body, * html #feed, *+html #feed, .traffic marquee, .traffic marquee div *, .news img
    {border: none;}

.leftblog, .description, table#main, #body
    {vertical-align: top;}

.leftblog, .description {
	padding-bottom: 10000px;
	margin-bottom: -10000px;}

.leftblog       {width: 186px;}

.description    {width: 808px;}

#links, .izbran div, #feed {
	border-color: Red #CDCDCD Red #CDCDCD;
	border-width: 3px 2px 3px 2px;
	border-style: ridge;}

* html #feed {padding-bottom: 10px; margin-left: 5px; margin-right: 5px;}
*+html #feed {padding-bottom: 10px; margin-left: 5px; margin-right: 5px;}

#links, #feed {margin-top: 10px;}

#links {
    line-height: 10px;
    padding: 7px;
    font-size: 10px;}

p {
	margin: 7px;
	text-indent: 10px;}

p:first-letter {
	font-size: 16px;
	color: #DF3E00;}

#hed, #hed noscript {height: 190px;}

    /* Блочные элементы */
#hed b, #hed a, #hed i, .menu li:hover ul.submenu, #hed form, #hed, #hed noscript, ul.menu, #links, ul.menu *, div.izbran,#body, #feed div, .lenta li a, fieldset#links, fieldset#feed, a.feed, .lenta *, .izbran a, .news div, .podrazdel a
    {display: block;}

    /* Абсолютное позиционирование */
#hed b, #hed a, #hed i, .menu li:hover ul.submenu, #hed form
    {position: absolute;}

#hed, #hed noscript, ul.menu, #links, ul.menu *, div.izbran,#body, #feed div, .lenta li a, fieldset#links, fieldset#feed, a.feed, .lenta *, .news,.news div
    {position: relative;}

.content, .spmenu {width: 100%;}

.content {overflow: hidden;}

#hed b {
    top: 30px; left: 40px;
    font-size: 40px;
    line-height: 40px;
    color: #00013E;
    font-family:  Algerian, Arial, helvetica, sans-serif;}

#hed a img {width: 112px; height: 33px;}

#hed noscript, div.izbran {z-index: 2;}

#hed i {
    top: 120px; left: 730px;
    font-size: 12px;
    line-height: 26px;}

#hed a      {top: 70px; right: 90px;}
#hed form   {top: 156px; left: 30px;}

h1.zagolovok {
	color: Gold;
	letter-spacing: 1px;
	background: #00013E url(../Images/fon/bluefon.gif) repeat;
	border: 3px outset #2E0051;
	padding: 0px;
	margin: 0px;
	font-size: 24px;}

h2 {font-size: 21px;}

h3 {font-size: 18px;}

h3 {font-size: 16px;}

h5 {font-size: 1.5em;}

h6 {
    background: Gold url(../Images/fon/miniyelow.gif);
    border: 1px groove #B8860B;
    color: #F0F8FF;}

h1, h2, h3, h4, p:first-letter, #links legend, .podrazdel a:hover i, .inform, p:first-letter
    {font-weight: bold;}

    /* Выравнивание по центру */
h1, h2, h3, h4, .top, a.button, a.button span, #links, .inform, #body, .menu a, .menu ul.submenu li a, .izbran div span, div.izbran, td.leftblog, .lenta *, .news div, .podrazdel, .trailer
    {text-align: center;}

    /* Выравнивание по левому краю */
h6, .leftblog+td, .description
    {text-align: left;}

    /* Выравнивание по правому краю */
div.linkfeed_link
    {text-align: right;}

.inform {
    margin-right: 10px;
    margin-top: 6px;
    cursor: help;
    color: Black;
    font-size: 14px;}

.info {
    border: double #FFBBBB;
    text-indent: 5px;
    cursor: help;}

#body, .izbran {height: 100%;}

ul.menu {margin-left: -30px;}

ul.menu * {list-style-type: none;}

li {behavior:url("../Scripts/ie6hover.htc");}

.news div, .lenta a {height: 20px;}
.menu a, .izbran a  {height: 40px;}
.menu a {
    width: 170px;
    background: url(../Images/button/global.png) no-repeat top right;
    font: bold 22px arial, sans-serif;}

.menu a, .menu ul.submenu li a, a.feed, #feed a, .podrazdel span a {
    color: #D2EAFF;
    text-decoration: none;
    outline: none;}

.menu a span {
    line-height: 22px;
    padding-top: 6px;
    padding-bottom: 12px;}

.menu a:hover span, .menu ul.submenu li a:hover span, .menu a:active span
    {color: #F0F8FF;}

.menu a:active span {
    padding-top: 8px;
    padding-bottom: 10px;}

    /* Главная, назад */
#ind_but a:hover, .izbran div a:hover   {background-position: 100% -40px;}
#ind_but a:active, .izbran div a:active {background-position: 100% -80px;}

    /* News и избранное */
#news_but a, .izbran div+div a                  {background-position: 100% -120px;}
#news_but a:hover, .izbran div+div a:hover      {background-position: 100% -160px;}
#news_but a:active, .izbran div+div a:active    {background-position: 100% -200px;}

    /* Заработок и домашняя */
#ern_but a, .izbran div+div+div a               {background-position: 100% -240px;}
#ern_but a:hover, .izbran div+div+div a:hover   {background-position: 100% -280px;}
#ern_but a:active, .izbran div+div+div a:active {background-position: 100% -320px;}

    /* Заскрутка и вперед */
#raskr_but a, .izbran div+div+div+div a                 {background-position: 100% -360px;}
#raskr_but a:hover, .izbran div+div+div+div a:hover     {background-position: 100% -400px;}
#raskr_but a:active, .izbran div+div+div+div a:active   {background-position: 100% -440px;}

    /* Магазины */
#shop_but a         {background-position: 100% -480px;}
#shop_but a:hover   {background-position: 100% -520px;}
#shop_but a:active  {background-position: 100% -560px;}

.menu ul {display: none;}

#body ul.menu, .menu li:hover ul.submenu
    {z-index: +3;}

.menu li:hover ul.submenu
    {top: 10px; left: 130px;}

.menu ul.submenu li a, .podrazdel span a {
    width: 160px; height: 35px;
    background: url(../Images/button/subglobal.png) no-repeat top right;
    font: bold 18px arial, sans-serif;}

.menu ul.submenu li a span {
    line-height: 18px;
    padding-top: 8px;
    padding-bottom: 14px;}

.menu ul.submenu li a:active span {
    color: #F0F8FF;
    padding-top: 10px;
    padding-bottom: 12px;}

    /* Фиолетовый */
#violet li a:hover  {background-position: 100% -35px;}
#violet li a:active {background-position: 100% -70px;}

    /* Красный */
#red li a, .podrazdel span a                {background-position: 100% -105px;}
#red li a:hover, .podrazdel span a:hover    {background-position: 100% -140px;}
#red li a:active, .podrazdel span a:active  {background-position: 100% -175px;}

    /* Зеленый */
#green li a         {background-position: 100% -210px;}
#green li a:hover   {background-position: 100% -245px;}
#green li a:active  {background-position: 100% -280px;}

    /* Желтый */
#yellow li a        {background-position: 100% -315px;}
#yellow li a:hover  {background-position: 100% -350px;}
#yellow li a:active {background-position: 100% -385px;}

    /* Голубой */
#blue li a          {background-position: 100% -420px;}
#blue li a:hover    {background-position: 100% -455px;}
#blue li a:active   {background-position: 100% -490px;}

.izbran, .izbran div {height: 56px;}

.izbran div, .izbran a {width: 40px;}

.izbran div, .news a, .feed, .lenta, .news {display: inline;}

.izbran div {margin-left: 2px;}

.news a {margin-left: 10px;}

.izbran a {background: url(../Images/button/Izbrmenu.png) no-repeat top;}

.izbran div span {
	font-size: 9px;
	color: #DF3E00;}

.traffic marquee, .traffic marquee div * {
	vertical-align: middle;}

.trailer, .traffic marquee, #truck {height: 46px;}

#truck {
	width: 114px;
	background: transparent url(../Images/fon/truck.png) no-repeat;
	padding-left: 26px;}

.trailer {
	background: transparent url(../Images/fon/trailer.png) no-repeat;
 	width: 93px;}

.spmenu {height: 240px;}

* html ul.menu {margin-left: 0px;}
*+html ul.menu {margin-left: 0px;}

* html .menu li:hover ul.submenu    {left: 140px;}
* +html .menu li:hover ul.submenu   {left: 140px;}

.feed {
    background: url(../Images/rss.png) no-repeat;
    width: 80px; height: 100px;}

.feed:hover     {background-position: 100% -100px;}
.feed:active    {background-position: 100% -200px;}

#feed legend, #links legend, .news div {
    font-size: 1.5em;
    color: #DF3E00;}

* html #links, * html #feed {padding-top: 0px;}
*+html #links, *+html #feed {padding-top: 0px;}

.lenta a {
    width: 80px;
  	background: url(../Images/button/feed.png) no-repeat top right;
  	padding-bottom: 1px;}

.lenta a:hover          {background-position: 100% -20px;}
.lenta a:active         {background-position: 100% -40px;}
.lenta a+a              {background-position: 100% -60px;}
.lenta a+a:hover        {background-position: 100% -80px;}
.lenta a+a:active       {background-position: 100% -100px;}
.lenta a+a+a            {background-position: 100% -120px;}
.lenta a+a+a:hover      {background-position: 100% -140px;}
.lenta a+a+a:active     {background-position: 100% -160px;}
.lenta a+a+a+a          {background-position: 100% -180px;}
.lenta a+a+a+a:hover    {background-position: 100% -200px;}
.lenta a+a+a+a:active   {background-position: 100% -220px;}
.lenta a+a+a+a+a        {background-position: 100% -240px;}
.lenta a+a+a+a+a:hover  {background-position: 100% -260px;}
.lenta a+a+a+a+a:active {background-position: 100% -280px;}

.news {
	background: transparent url(../Images/fon/ramka.png) no-repeat;
	height: 150px;
	width: 600px;
	clear: right;
	margin: 5px 5px 5px auto;
	padding: 0px 20px 0px 20px;
	z-index: 2;}

.news div {
	width: 400px;
    line-height: 20px;
	margin: 5px 20px auto auto;}

.news a {
	height: 85px; width: 72px;
	margin-top: 29px;
	z-index: 1;}

.news img {height: 82px; width: 68px;}

.favicon {
    margin-left: 5px;
    background: transparent no-repeat left;
    padding: 2px 0 0 18px;}

.podrazdel a {
    text-shadow: 2px 2px 3px #630;
    margin: 0 auto;
    padding-top: 3px;}

.podrazdel a i
    {font-size:16px;
    color:#333;}

.podrazdel a:hover i
    {color:#840000;}

.tnx_link, .linkfeed_link span {
    padding: 2px 0px 3px 22px;
    font-size: 11px; color: #960;
    line-height: 1.5em;
    background: transparent url(images/ads_link_list_icon.png) no-repeat left;}