/*--------------------------------------------------------------------------
[client] Screen Stylesheet

author:Anton Ivanov [site-creator]
email:site-creator@mail.ru
icq:3355666
website:www.site-creator.info
-----------------------------------------------------------------------------*/

/*--- Reset --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, i, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, optgroup, option, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:none; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }
html { height:100%; font-size:100.01%; }
body { height:100%; }
img { vertical-align:top; }
*:focus { outline:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
dfn, cite, var, address, optgroup { font-style:normal; }
del { text-decoration:line-through; }
ins { text-decoration:underline; }
sup, sub { position:relative; font-size:.75em; }
sup { top:-.5em; }
sub { top:.25em; }
strong, b { font-weight:bold; }
small { font-size:.8125em; }
big { font-size:1.125em; }
em, i { font-style:italic; }
li { list-style:none; }
ol li { list-style:decimal inside; }
fieldset legend { color:#000; }
input[type=checkbox] { margin:2px 2px 1px 3px; height:17px; width:15px; }
input[type=radio] { margin:1px 2px 0 3px; height:19px; width:15px; }
input, select, button { vertical-align:middle; }
.f-left { float:left; }
.f-right { float:right; }
img.f-left { margin-right:1em; }
img.f-right { margin-left:1em; }

/* -------------------------------------------*/ 
/* ---------->>> GLOBAL <<<-----------*/ 
/* ------------------------------------------*/

/*--- Text -------------------------- */
body, input, textarea, select { font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif; }
body { background:#fffffe; font-size:.875em; color:#333; min-width:1000px; }
hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
code, kbd, samp, tt, var { font-family:"Courier New", Monaco, Courier, monospace; }
acronym { font-variant:small-caps; }
acronym, dfn { cursor:help; border-bottom:1px dashed #ccc; }
blockquote { font-style:italic; font-size:1.25em; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }
blockquote p { padding-bottom:.3em; }
p { padding-bottom:1em; }
dl dd address { text-align:right; font-style:italic; font-size:.786em; }

a, .nav li ul li a, .nav li ul li a:hover { cursor:pointer; color:#039; text-decoration:underline; }
a:hover, .nav li ul li a:hover { text-decoration:none; }
.call a, .other a, .list3 a { text-decoration:none; border-bottom:1px dashed #039; }
.call a:hover, .other a:hover, .list3 a:hover { border-color:#fff; }

/*--- /Text -------------------------- */


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold; font-size:1em; padding-bottom:7px; color:#039; }
h4, h5, h6 { color:#333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#333; }
h1 { font:normal 1.714em Tahoma, Geneva, sans-serif; color:#333; padding-bottom:1.292em; }

.headline-promo { margin-bottom:40px; font-weight:normal; padding:0; font-size:1.43em; text-align:center; border-top:1px solid #CDDFEF; border-bottom:1px solid #CDDFEF; }
.headline-promo span { display:block; text-align:center; padding:14px 150px 16px; }
.headline-promo a { color:#039; }

.headline { padding-bottom:8px; text-transform:uppercase; font:normal 1.715em Century Gothic, serif; color:#B5D2F4; }

/*--- /Headings ---------------------- */


/*--- Table --------------------------- */
table { border-collapse:collapse; width:100%; }
caption, th, td { text-align:left; font-weight:normal; }

/*--- /Table -------------------------- */


/*--- Forms -------------------------- */
input, textarea, select, option { color:#666; font-size:1em; }
input.type-text, select, textarea { padding:2px; background:#fff; border:1px solid silver; width:10em; }
input.type-button { height:2em; padding:0 10px; cursor:pointer; }

select { padding:0; height:1.666em; }
select option { background:#fff; padding:0 .4em; }
select optgroup { background:#333; color:#fff; }
select optgroup option { padding-left:15px; }

textarea { height:8em; width:98%; padding:2px .9%; display:block; background:#fafafa; }

/*--- /Forms -------------------------- */


/* -------------------------------------------*/ 
/* ------------>>> GRID <<<------------*/ 
/* ------------------------------------------*/

/*--- Layouts -------------------------- */
#wrap { position:relative; min-height:100%; min-width:1000px; }
#page { padding-bottom:11em; position:relative; z-index:2; }

#visual1 { z-index:1; position:absolute; left:0; top:0; width:50%; height:30px; background:#039; }
#visual2 { z-index:1; position:absolute; left:0; bottom:3.5em; width:64px; height:136px; background:url(../images/bg/visual2.png) no-repeat; }
#visual3 { z-index:1; position:absolute; right:0; bottom:6.36em; width:28px; height:59px; background:url(../images/bg/visual3.png) no-repeat; }
#visual4 { z-index:6; position:absolute; right:0; top:273px; width:192px; height:243px; background:url(../images/bg/page.png) no-repeat; }
#visual5 { z-index:6; position:absolute; left:0; top:269px; width:144px; height:176px; background:url(../images/bg/visual5.png) no-repeat; }

#index-page { background:#fff url(../images/bg/body.png) repeat-x; }
#index-page .nav { background-position:right -30px; }
#index-page #wrap { background:url(../images/bg/wrap.jpg) no-repeat; }

/*--- /Layouts ------------------------- */


/*--- Header --------------------------- */
#header { z-index:2; position:relative; width:946px; margin:0 auto; padding:24px 54px 8px 0; }
#logo { float:right; width:106px; height:72px; text-indent:-3000em; overflow:hidden; display:block; background:url(../images/bg/logo.png) no-repeat; }

.nav { font-size:12px; line-height:30px; overflow:visible; background:#039 url(../images/bg/nav.png) no-repeat right 0; padding-left:23px; width:721px; height:30px; position:absolute; top:0; left:0; }
.nav li { position:relative; float:left; margin-right:22px; }
.nav li a { text-decoration:none; color:#fff; }
.nav li a:hover, .nav li.important a { color:#09f; }
.nav li.translation { font-size:10px; }
.nav li.translation a { color:#7196DF; font-size:10px; }
.nav li ul { width:800px; font-weight:bold; position:absolute; top:29px; left:0; display:none; }
.nav li:hover ul, .nav li.hover ul { display:block; }
.nav li ul li { float:none; display:inline; white-space:nowrap; }

/*--- /Header -------------------------- */


/*--- Footer --------------------------- */
#footer { z-index:2; border-top:1px solid #CEDFF0; min-width:1000px; font-size:.786em; height:9.936em; margin-top:-10.727em; position:relative; }
#footer-holder { position:relative; width:888px; margin:0 auto; padding:3.636em 30px 0 82px; }

.buttons { float:right; }
.buttons li { display:inline; margin-left:16px; }

.call { background:url(../images/ico/cell.png) no-repeat; position:absolute; padding:3px 0 7px 31px; top:4.182em; left:488px; }

/*--- /Footer -------------------------- */


/*--- Columns [faux absolute positioning] */
.content { z-index:1; position:relative; width:1000px; margin:0 auto; }
.main-wrap, .aside, .extra, .col1, .col2 { position:relative; left:1000px; float:left; display:inline; }

.main-wrap { margin-left:-1000px; width:1000px; }
.main { margin:0 212px; }

.aside { margin-left:-1000px; width:175px; padding-left:22px; padding-top:5.071em; }
.extra { margin-left:-188px; width:175px; padding-top:3.93em; }

.col1 { width:380px; margin-left:-1000px; padding-left:46px; padding-top:15px; }
.col2 { width:427px; margin-left:-550px; padding-top:15px; }

/*--- /Columns------------------------ */


/* -------------------------------------------*/ 
/* --------->>> CONTENT <<<----------*/ 
/* ------------------------------------------*/

.promo { margin:16px auto 37px; width:1000px; height:320px; }
.promo .col-img { width:451px; padding-right:40px; text-align:right; vertical-align:bottom; }
.promo .col-img div { position:relative; }
.promo .col-promo { vertical-align:middle; padding-right:138px; }
.promo .col-promo h1 { color:#039; font-family:Century Gothic, serif; font-size:2.571em; padding-bottom:35px; }

.other { padding:10px 0 10px 47px; background:url(../images/ico/other.png) no-repeat; }

.box { position:relative; margin-bottom:93px; padding:.786em 9px 0; background:#F2F7FF; }
.box h2 { padding-bottom:17px; }
.box .c { width:6px; height:6px; overflow:hidden; position:absolute; background:url(../images/corner/corner.png) no-repeat; }
.box .tl { top:0; left:0; }
.box .bl { left:0; bottom:0; background-position:0 -6px; }
.box .tr { top:0; margin-left:100%; left:-6px; background-position:-6px 0; }
.box .br { bottom:0; margin-left:100%; left:-6px; background-position:-6px -6px; }
.box .more { padding:0; width:106px; right:9px; bottom:30px; font-size:12px; position:absolute; }
.box .enclosure-aside { padding-top:50px; padding-bottom:50px; }
.enclosure-aside { vertical-align:middle; width:106px; padding-left:29px; }

.enclosure dt { font-size:1.286em; }
.enclosure dt a { color:#09f; float:left; display:block; padding-top:35px; background:url(../images/ico/enclosure.png) no-repeat center 0; }
.enclosure dd { color:#039; font-size:.786em; }

.download { padding-bottom:35px; }
.download dt { padding-bottom:17px; }
.download li { font-size:.857em; padding:0 0 4px 20px; }
.download li.current { background:url(../images/ico/marker1.gif) no-repeat 0 .4em; }

.list { font-size:.857em; padding-left:21px; }
.list li { padding:3px 0 13px 18px; background:url(../images/ico/marker2.png) no-repeat; }
.list2 { padding:21px 0 34px; }
.list2 li { padding:0 0 1px 20px; background:url(../images/ico/marker3.png) no-repeat 0 .1em; }
.list3 { padding-bottom:10px; }

.programs li { padding:25px 0 13px; }

.news { padding-top:19px; }
.news li { padding-bottom:20px; }

.box2 { margin-bottom:44px; padding-left:37px; background:url(../images/bg/box2.png) no-repeat 0 center; }

.gift { position:relative; top:-15px; padding:24px 0 17px 99px; background:url(../images/ico/gift.png) no-repeat; }
.gift a { color:#c00; }


/*--- Spring --------------------------- */

.aside { padding-left:0; }
.download { padding-left:22px; }
.spring #visual4, .spring #visual5 { display:none; }
.spring #visual2 { z-index:5; bottom:3.65em; width:89px; height:121px; background:url(../images/bg/spring-visual2.jpg) no-repeat; }
.spring #visual3 { z-index:1; position:absolute; right:0; bottom:270px; width:92px; height:152px; background:url(../images/bg/spring-visual3.jpg) no-repeat; }
.spring .gift { margin-left:-18px; padding-left:118px; background:url(../images/ico/spring-gift.png) no-repeat; }

#index-page.spring #wrap { background:url(../images/bg/spring-wrap.jpg) 0 0 no-repeat; }


/*--- /Spring  -------------------------- */












/*---  New Block Formatting Context --- */
#wrap, #page, #header, #footer, .content, .main, .aside, .box, .extra, .wrap, .holder, form, ul, dl { overflow:hidden; }

/*--- Clearing -------------------------- */
.clearing:after, .nav:after, .enclosure dt:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }