html, body { width: 100%; height: 100%;}
body { min-width: 1000px; background-color: #6cbae3; text-align: center;}

a img { border: none;}

.bottom { background: url("./body_bottom.gif") repeat-x 0 100%;}
.bottom .top { background: url("./body_top.gif") repeat-x 0 0;}

#head { height: 94px;}
#head .logo { width: 193px; padding-left: 52px; padding-top: 30px;}
#head .logo a { position: relative;}
#head .logo h1 { margin: 0; padding: 0; left: 0; top: 0; padding-top: 4px; padding-left: 3px; font-size: 11px; color: #ffffff; overflow: hidden; width: 150px;}
#head .panel { position: relative; top: 23px; height: 76px; padding-right: 32px; background: url("./panel_clouds.gif") no-repeat 100% 100%;}
#head .panel .enter { width: 85px; height: 45px; margin-top: 8px;}
#head .panel .menu { margin-bottom: 2px; background: url("./panel_middle.gif") repeat-x 0 100%;}
#head .panel .menu .right { width: 251px; height: 51px; padding-left: 18px; background: url("./panel_right.gif") no-repeat 100% 100%;}
#head .panel .menu .right,
#head .panel .menu .right .items a { color: #ffffff;}
#head .panel .menu .right .items { position: relative; top: 22px;}
#head .panel .menu .right .items .spacer { margin-left: 12px; margin-right: 13px;}
#head .panel .enter,
#head .panel .menu { float: left;}
#head .logo,
#head .panel { float: left;}
#head .phone { background: url("./phone_clouds.gif") no-repeat 21px 0; float: right; position: relative; top: 3px; left: -54px; padding-top: 35px;}
#head .phone .number { height: 32px; background: url("./phone.gif") no-repeat 0 0;}
#head .phone,
#head .phone .number { width: 208px;}

#contents { background: url("./contents_top.gif") repeat-x 0 0 #ffffff;}
#contents .border_l { background: url("./contents_border_l.gif") repeat-y 0 0;}
#contents .border_l .border_r { background: url("./contents_border_r.gif") repeat-y 100% 0;}
#contents .border_l .border_r .lb { background: url("./contents_lb.gif") no-repeat 0 100%;}
#contents .border_l .border_r .lb .rb { background: url("./contents_rb.gif") no-repeat 100% 100%;}
#contents .border_l .border_r .lb .rb .lt { background: url("./contents_lt.gif") no-repeat 0 40px;}
#contents .border_l .border_r .lb .rb .lt .rt { background: url("./contents_rt.gif") no-repeat 100% 40px;}
#contents .border_l .border_r .lb .rb .lt .rt .angle_lt { background: url("./contents_angle_lt.gif") no-repeat 0 0;}
#contents .border_l .border_r .lb .rb .lt .rt .angle_lt .angle_rt { background: url("./contents_angle_rt.gif") no-repeat 100% 0; min-height: 350px; padding-top: 33px;}

#menu ul { list-style-image: none;}
#menu ul,
#menu ul li { margin: 0; padding: 0;}
#menu ul li { margin-right: 2px; float: left;}
#menu ul li a { background: url("./mitem_middle.gif") repeat-x 0 0; text-decoration: none; color: #000000;}
#menu ul li a .left { background: url("./mitem_left.gif") no-repeat 0 0;}
#menu ul li a .left .right { background: url("./mitem_right.gif") no-repeat 100% 0;}
#menu ul li a .left .right .underline { font-size: 17px; text-decoration: underline;}
#menu ul li a,
#menu ul li a .left,
#menu ul li a .left .right { height: 35px; padding: 10px 0; padding-bottom: 11px;}
#menu ul li a .left .right { padding-left: 20px; padding-right: 19px;}
#menu ul li a:hover { background-image: url("./mitem_middle_over.gif");}
#menu ul li a:hover .left { background-image: url("./mitem_left_over.gif");}
#menu ul li a:hover .left .right { background-image: url("./mitem_right_over.gif");}
#menu ul li.current a { background: url("./mitem_middle_current.gif") repeat-x 0 0; color: #ffffff;}
#menu ul li.current a .left { background-image: url("./mitem_left_current.gif");}
#menu ul li.current a .left .right { background-image: url("./mitem_right_current.gif");}
#menu .languages { float: right; position: relative; top: 4px;}
#menu .languages ul li { margin-left: 2px; margin-right: 0; float: left;}
#menu .languages ul li a { background-image: url("./lang_middle.gif"); color: #000000;}
#menu .languages ul li a .left { background-image: url("./lang_left.gif");}
#menu .languages ul li a .left .right { background-image: url("./lang_right.gif");}
#menu .languages ul li a .left .right .underline { font-size: 13px; text-transform: uppercase;}
#menu .languages ul li a .left .right { padding-left: 15px; padding-right: 14px;}
#menu .languages ul li.current a { background-image: url("./lang_middle_current.gif");}
#menu .languages ul li.current a .left { background-image: url("./lang_left_current.gif");}
#menu .languages ul li.current a .left .right { background-image: url("./lang_right_current.gif");}

#promo { clear: both; padding-top: 9px;}
#promo .box { background: url("./illustration.png") no-repeat 0 0; height: 250px;}
#promo, 
#promo .box { width: 800px;}
#promo .box .steps { padding-top: 38px; padding-left: 60px;}
#promo .box .steps .easyway { color: #429ccb;}
#promo .box .steps .tosend { color: #c70303; padding-top: 1px;}
#promo .box .steps .easyway,
#promo .box .steps .tosend { font-size: 20px;}
#promo .box .steps ol { margin-left: 43px; margin-top: 9px; list-style: decimal; font-size: 15px; font-weight: bold;}
#promo .box .steps ol li { padding-left: 5px; margin-bottom: 3px;}
#promo .box .registration { padding-top: 27px; padding-left: 103px;}
#promo .box .registration a { display: block; width: 182px; height: 56px;}

#menu,
#promo { padding-left: 55px; padding-right: 55px;}

#footer { background: url("./footer_middle.gif") repeat-x 0 0; clear: both; height: 116px;}
#footer,
#footer a { color: #000000; font-size: 11px;}
#footer .left { background: url("./footer_left.gif") no-repeat 0 0;}
#footer .left .right { background: url("./footer_right.gif") no-repeat 100% 0; height: 101px;}
#footer .left .right .box { position: relative; top: 35px; padding-left: 55px; background: url("./footer_clouds.gif") no-repeat 669px 0;}
#footer .left .right .box .copyright { width: 182px;}
#footer .left .right .box .copyright .creator {}
#footer .left .right .box .contacts { width: 199px; height: 51px; padding-left: 22px; background: url("./footer_contacts_border.gif") no-repeat 0 0;}
#footer .left .right .box .counters { padding-top: 20px;}
#footer .left .right .box .counters .counter { margin-right: 10px;}
#footer .left .right .box .copyright,
#footer .left .right .box .contacts { line-height: 14px;}
#footer .left .right .box .copyright,
#footer .left .right .box .contacts { padding-top: 16px;}
#footer .left .right .box .copyright,
#footer .left .right .box .contacts,
#footer .left .right .box .counters,
#footer .left .right .box .counters .counter { float: left;}
#footer .left .right .box .rss { float: right; padding-top: 17px; padding-right: 55px;}

#head,
#menu,
#contents,
#footer { margin: 0 auto;}

#head,
#contents,
#footer,
#footer .left .right { width: 910px;}
#footer .left .right .box { width: 845px;}

.hidden { display: none;} 
.invisible { visibility: hidden;}
.fix_height { clear: both;}