/* CSS Reset */

html, body, div, span, table, tbody, thead, tr, th, td, p, img, ul, ol, li, a, h1, h2, h3, h4, h5, label, form, input, textarea {
	margin: 0; padding: 0; border-collapse: collapse; }
body, div, span, table, tbody, thead, tr, th, td, p, img, ul, ol, li, a, h1, h2, h3, h4, h5, label, form { border: 0 none; }
td, th { vertical-align: top; }
form { display: inline; }
input, textarea { padding: 2px; }
a { color: #626262; text-decoration: underline; }
a:hover { text-decoration: none; }
dt {font-weight: bold; }

/* Template */

body { width: 100%; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; color: #626262; background: #ffffff; }

.container { width: 840px; margin: 0 auto; background: #ffffff; overflow: hidden; }

.logo, .menu .left, .sidebar { float: left; width: 267px; }
.banner, .menu .right, .content { float: right; width: 571px; }
.logo, .banner { height: 118px; }
.logo { text-align: center; background: #f0f4ff; }
.logo a { display: block; padding: 26px 0; }
.banner { background: #dea5c5; }
.banner-phone { position: relative; bottom: 110px; left: 375px; line-height: 1.25em; font-family: Helvetica, Arial; font-size: 20px; font-weight: normal; color: white; }

.menu { float: left; width: 100%; }
.xmenu, .menu { text-align: center; }
.menu .left, .menu .right { height: 42px; line-height: 42px; }
.menu i { display: inline-block; width: 5px; height: 42px; margin: 0 9px; vertical-align: middle; background: url("div-menu.gif") no-repeat center 49%; }
.xmenu { float: left; width: 100%; margin-top: 2px; height: 32px; line-height: 32px; }
.xmenu a, .xmenu span, .menu a { text-decoration: none; text-transform: uppercase; color: #2a2a2a; }
.xmenu a, .xmenu span { display: block; float: left; }
.xmenu span { font-weight: bold; color: #a2a2a2; }
.xmenu .shop { width: 267px; }
.xmenu .training { width: 285px; margin-left: 2px; }
.xmenu .forum { width: 284px; margin-left: 2px; }

.main { float: left; width: 100%; margin-top: 2px; background: url("bg-main.gif") repeat-y; }

.footer { float: left; width: 100%; margin-top: 2px; padding: 9px 0 15px 0; font-size: 11px; border-top: 1px solid #76656F; }
.footer .copy { float: left; padding: 6px 0 0 30px; }
.footer .counter { float: right; padding-right: 10px; }
.footer .quick-links { margin: 0; padding: 0 0 0 120px; }
.footer .quick-links a { padding: 0 8px; }

/* Sidebar */

.sidebar h3 { margin-bottom: 12px; font: normal 20px/24px Tahoma, Verdana, Geneva, Arial, Helvetica; color: #545454; }
.sidebar h4 { margin: 10px 0; font-size: 12px; font-weight: bold; }

.catalogue, .info, .contacts { float: left; clear: left; width: 207px; padding: 20px 30px; }
.info, .contacts { border-top: 2px solid white; }

.catalogue ul, .info ul  { margin-left: 15px; }
.catalogue li { list-style-image: url("list-cat.gif"); margin: 12px 0; font-weight: bold; }
.catalogue li ul li { list-style-image: url("list-cat-sub.gif"); font-size: 11px; font-weight: normal; }
.catalogue .rules { margin-top: 20px; text-align: center; font-size: 11px; font-weight: bold; font-style: italic; color: #101010; }
.info li { list-style-image: url("list-cat.gif"); }

.contacts .phone { font-size: 20px; letter-spacing: -1px; line-height: 24px; color: #d82b2a; }
.contacts .icq { margin-bottom: 2px; }
.contacts .icq img { position: relative; top: 5px; margin-right: 8px; }
.contacts .icq a { font-size: 14px; color: #5f83cf; }

/* Customization */

body { background: fixed #b7e7fe url("bg2.jpg") 20% center repeat-x; }
.menu, .footer { background: #c6d8ef; }
.catalogue { background: #e2edff; }
.menu a:hover, .menu a.current, .catalogue a.current { color: #156cd6; }
.xmenu a.shop { background: #f3c0bf url("bg-xs.gif") left bottom repeat-x; }
.xmenu a.shop:hover { background: #f5cdcc url("bg-xs.gif") left top repeat-x; }
/*.xmenu .training { background: #c6d8ef url("bg-xtc.gif") left top repeat-x; }*/
.xmenu .training { background: #c6d8ef; }
.xmenu a.forum { background: #ffc9f2 url("bg-xf.gif") left bottom repeat-x; }
.xmenu a.forum:hover { background: #ffd4f5 url("bg-xf.gif") left top repeat-x; }

/* Content */

.content { width: 511px; padding: 20px 30px; }

.content, .content td { line-height: 1.4em; }
.content p, .content ol, .content ul { margin: 12px 0; }
.content ol, .content ul { padding-left: 15px; }
.content ul li { list-style-image: url("list-cat.gif"); }
.content h1 { margin-bottom: 18px; font: normal 22px/24px Arial, Helvetica, sans-serif; color: #515151; }
.content h2 { margin: 15px 0 10px 0; font-size: 12px; font-weight: bold;}
.content h3 { margin-bottom: 15px; font-size: 13px; font-weight: bold; color: #5f83cf; }
.content h4 { margin-bottom: 5px; font-size: 14px; }
.content h5 { padding: 4px 4px 4px 8px; font-size: 12px; font-weight: bold; clear: both; background-color: #efefef; }

.promo-lt { background: url("bg-open-lt.jpg") left top no-repeat; }
.promo-rt { background: url("bg-open-rt.jpg") right top no-repeat; }
.promo-lb { background: url("bg-open-lb.jpg") left bottom no-repeat; }
.promo { font-size: 14px; padding: 30px 40px; margin-bottom: 20px; background: url("bg-open-rb.jpg") right bottom no-repeat; }


.aux-image { float: right; margin: 0 0 12px 12px; }
.aux-image img, img.aux-image { border: 1px solid #C8C8C8; }
.news-image { float: left; margin: 0 10px 10px 0; }

.dot-h { height: 18px; background: url("dot-h.gif") repeat-x 0 50%; clear: both; }

a.forward, a.back { display: block; margin-top: 18px; padding-left: 10px; font-size: 11px; }
a.forward { background: url("arrow-forward.gif") no-repeat 0 60%; }
a.back { background: url("arrow-back.gif") no-repeat 0 60%; }

.sub-categories div { padding-left: 15px; background: transparent url("list-cat.gif") no-repeat 0 5px; }

.info-field-body { margin: 10px 0 32px 0; padding-left: 10px; }
.info-field-body li { padding: 2px 0; list-style-image: url("list-cat-sub.gif"); }
.info-field-body .course-list li { padding: 6px 0; list-style-image: url("list-cat.gif"); }
.info-field-body .branch-name { display: inline-block; font-weight: bold; width: 215px; }
.info-field-body .branch-phone { display: inline-block; }
.course-name { display: inline-block; width: 320px; padding-right: 10px; vertical-align: top; }
.course-dur  { display: inline-block; width: 60px; padding-right: 10px; vertical-align: top; text-align: center; }
.course-cost { display: inline-block; vertical-align: top; white-space: nowrap; }

.design-table { margin-bottom: 15px; }
.design-table td { padding: 15px; }

#workshops .content h2 { font-family: Helvetica; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #5f83cf; }
#workshops .content h3 { font-family: Helvetica; margin-top: 20px; margin-bottom: 3px; font-size: 16px; font-weight: bold; color: #626262; }
#workshops .content ol, #workshops .content ul { padding-left: 20px; }
#workshops .content del { color: #b0b0b0; }
#workshops .content ins { text-decoration: none; }