/*------------------------------------- COMMON STYLE --- */ BODY {margin:0;padding:0;color:#333333;background:#fff;font: 12px Tahoma, Arial, sans-serif;line-height: 1.5;background: #111;} H1 {font-size:1.7em;font-weight:normal;margin:0;} H2 {font-size:1.5em;font-weight:normal;margin:10px 0;} H3 {font-size:1.7em;font-weight:normal;margin:0;} A {color: #0D6497;text-decoration:none;} A:hover, A:active, A:focus {color: #333333;text-decoration:underline;} P {margin:15px 0;} UL {margin:0;padding:0;list-style:none;} UL LI {padding-left:12px;background: url(lib/img/arrow-off.gif) no-repeat 3px 6px;} IMG {border:0;} TD,DIV {font-size:1em;} /*-------------------------------------- FORM --- */ FORM {margin:0;padding:0;} INPUT, SELECT {font: 1em Tahoma, Arial, sans-serif;} SELECT, .inputbox {padding: 2px;} TEXTAREA {padding-left:2px;} /*-------------------------------------- MAIN LAYOUT DIVS --- */ #topheader-wrap1, #header-wrap1, #sh-wrap1, #pathway-wrap1, #main-wrap1, #footer-wrap1 {text-align:center;} #topheader-wrap2, #header-wrap2, #sh-wrap2, #pathway-wrap2, #main-wrap2, #footer-wrap2 {width:940px;padding-left:10px;margin:auto;} #topheader-wrap3, #header-wrap3, #sh-wrap3, #pathway-wrap3, #main-wrap3, #footer-wrap3 {padding-right:10px;position: relative;} #topheader, #header, #sh, #pathway, #main, #footer {text-align:left;} #main {background: url(lib/img/main-wide-bg.gif) repeat-y right #FFFFFF;} #content {width:auto;width:688px;float:left;} /*-------------------------------------- HEADER --- */ #header-wrap1 {background:#333;position: absolute;top: 0px;left:0;width:100%;padding-top:15px;} #header-wrap2 {} #header-wrap3 {position:relative;} #header {height:90px;position: relative; position: relative;background: #fff url('/new_lib/img/template1/logo_avenir_group.jpg') no-repeat scroll 15px 15px;} #header h1 {margin:0;padding:0;position: absolute; z-index: 1410065407; right: 20px; top: 50px; color: #000;} #header span {position: absolute; z-index: 1410065407; left: 20px; top: 48px;} #header span a {text-decoration: none; color: #000;} #header strong {position: absolute; top: 10px; right: 20px; z-index: 9999999; font-size: 1em; margin: 0; padding: 0px; float: right; } #header strong img {padding:0;margin: 0 2px;color:#000;width:13px;font-size:1.1em;} #header strong a {text-decoration:underline;color: #FFFFFF;color: #000; font: 13px Tahoma, Arial, sans-serif;} /*-------------------------------------- SUBHEADER + SPOTLIGHT --- */ #sh-wrap1 {background: #222; position: absolute; top: 90px; left: 0;width: 100%;} #sh-wrap2 {} #sh-wrap3 {} #sh {padding: 0;color: #FFFFFF;height: 400px;background: #000 url('/new_lib/scripts/headband/crossbaners/2_2.jpg') no-repeat;position: relative;} #sh p {position: absolute; top: 20px; right: 20px; font: 20px Tahoma, Arial, sans-serif;text-transform: none; color: #000; width: 450px;padding: 15px; display:none;} #sh span {font: 13px Tahoma, Arial, sans-serif;font-weight: normal; color: #fff;} #sh p span img {margin: 0 10px 2px 0;} #sh p#forli1 {background:url(http://avenir/new_lib/scripts/headband/img/opaque-red.png); filter:expression(fixPNG(this));} #sh p#forli2 {background:url(http://avenir/new_lib/scripts/headband/img/opaque-black.png); filter:expression(fixPNG(this));color: #d00;} #sh p#forli3 {background:url(http://avenir/new_lib/scripts/headband/img/opaque-green.png); filter:expression(fixPNG(this));} #sh p#forli4 {background:url(http://avenir/new_lib/scripts/headband/img/opaque-black.png); filter:expression(fixPNG(this)); border: 1px solid #222; text-align: justify;text-transform: none; color: #eee; } #sh p#forli5 {background:url(http://avenir/new_lib/scripts/headband/img/opaque-black.png); filter:expression(fixPNG(this)); border: 1px solid #222; text-align: justify;text-transform: none; color: #eee;} #sh p#forli6 {background:url(http://avenir/new_lib/scripts/headband/img/opaque-black.png); filter:expression(fixPNG(this)); border: 1px solid #222; text-align: justify;text-transform: none; color: #eee;} #topnav {background-image: url(http://www.avenir.ru/new_lib/img/template1/opaque.png); background-repeat: repeat;border-top: 3px solid #000;border-bottom: 3px solid #a11;font-size: 10px;text-transform: UPPERCASE;} #topnav A {color: #D9E7EF;font-weight: bold;} #transmenu_top { margin: 0; padding: 0; height: 20px; line-height: 20px; } #transmenu_top li { margin: 0; padding: 0; background: none; display: inline; } #transmenu_top li a { /* common styles for 1st level menu */ padding: 0 25px; float: left; text-decoration: none; display: block; text-align: center; border-right: 1px solid #333333; } #transmenu_top li a:hover { /* common styles for 1st level menu */ color: #FFFFFF; text-decoration: none; } /* PATHWAY --------------------------------------------------------- */ #pathway-wrap1 {background: #211;position: absolute; top: 232px; left: 0; width: 100%;} #pathway-wrap2 {} #pathway-wrap3 {} #pathway {margin: 0;padding: 4px 15px;border-top: 1px solid #e3796f;background: #a11;color: #FFFFFF;line-height: normal;position: relative;} #pathway a {color: #FFFFFF;text-decoration: none;} #pathway img {margin: 0 5px;} #pathway strong {margin-right: 8px;} /* CONTENT COLUMN --------------------------------------------------------- */ #main-wrap1 {background: #333; margin-top: 250px;} #main-wrap2 {} #main-wrap3 {} #main {border-top: 1px solid #FFFFFF;background: url(lib/img/main-bg.gif) repeat-y right #FFFFFF;} #content {width: auto;padding: 10px 15px 20px 20px;min-height: 300px;} #content DIV.booklet {width: 600px;padding: 10px 0 100px 50px;position: relative; } .number_1 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_1.gif) no-repeat scroll 15px 15px;} .number_2 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_2.gif) no-repeat scroll 15px 15px;} .number_3 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_3.gif) no-repeat scroll 15px 15px;} .number_4 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_4.gif) no-repeat scroll 15px 15px;} .number_5 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_5.gif) no-repeat scroll 15px 15px;} .number_6 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_6.gif) no-repeat scroll 15px 15px;} /* FOOTER --------------------------------------------------------- */ #footer-wrap1 {margin-top: 490px;clear: both;background: #111;hheight: 100%;} #footer-wrap2 {} #footer-wrap3 {} #footer {padding: 15px;border-top: 1px solid #000; background-color: #333; color: #fff; position: relative; hight: 100px;} #footer p {float: right; width: 250px; color: #fff; font-size: 2.4em; white-space:nowrap;} /* Text Shadow */ .clearfix:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;} * html > body .clearfix {width: 100%;display: block;} * html .clearfix {height: 1%; /* End hide from IE-mac */} /* Firefox Scrollbar Hack - Do not remove */ html {margin-bottom: 1px;height: 100%!important;height: auto;}