/* SmartEnglish layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: white url(img/bg-body.png) repeat-x 50% 0; color: #333333; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 0 0; }

/* Layout */
#mother { background: url(img/bg-mother.png) no-repeat 50% 0; width: 910px; padding: 37px 20px 10px; margin: 0 auto; }
#main { }

.col-left { width: 260px; float: left; }
.col-right { width: 649px; float: right; }

/* Header */
#header { height: 96px; background: url(img/bg-header.jpg) no-repeat 0 0; position: relative; }
#header .claim { font-size: 22px; color: #999999; position: absolute; top: 27px; left: 290px; }

#logo { margin: 28px 0 0 25px; float: left; _display: inline; }
#logo img { }


/* Footer */
#footer { border-top: 5px solid #dfdfdf; margin-top: 20px; font-size: 84.615%; }
#footer p { margin: 1px 0 0 0; background: #f0f6f8; padding: 10px 20px;}

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

.intro-box { background: url(img/bg-intro-box.jpg) no-repeat 100% 100%; padding: 20px 290px 1px 30px; line-height: 1.5; margin-bottom: 30px; min-height: 293px; _height: 293px; }

/* Main menu*/
#main-menu { background: url(img/bg-main-menu.png) repeat-x 0 0; padding: 24px 20px 10px;  }
#main-menu ul { margin: 0; padding: 1px 0 0 0; background: url(img/bg-hdots.png) repeat-x 0 0; }
#main-menu ul li { margin: 0; padding: 0 0 1px 0; list-style: none; background: url(img/bg-hdots.png) repeat-x 0 100%;  }
#main-menu ul li a { display: block;  padding: 6px 0 6px 30px; text-decoration: none; background: url(img/bullet-default.png) no-repeat 13px 50%; line-height: 1.5; }
#main-menu ul li a, #main-menu ul li.active a, #main-menu ul li.active a:hover { color: #1f2216; }

#main-menu ul li a:hover, #main-menu ul li.active a, #main-menu ul li.active a:hover { color: white; background-color: #d78d01; background-image: url(img/bullet-main-menu-active.png); }
#main-menu ul li.active {  }

.annot { font-size: 115.38%; line-height: 1.533; letter-spacing: 0; padding: 0 0 18px 0; margin: 0 0 18px; border: 1px solid #DEDEDE; border-width: 0 0 3px 0;  }
.annot p { margin-bottom: 0; }

/* Signpost */
.signpost { background: url(img/bg-vdots.png) repeat-y 50% 0; margin-bottom: 20px; zoom: 1; }
.signpost ul { background: url(img/bg-hdots.png) repeat-x 0 0; float: left; margin: 0; padding: 0; width: 100%; }
.signpost ul:first-child { background-image: none; }
.signpost ul { _background-image: expression(this.parentNode.firstChild == this ? 'none' : 'url(/css/img/bg-hdots.png)');}
.signpost ul li { float: left; margin: 0; padding: 14px 10px 10px 55px; width: 259px; background: url(img/bullet-bigarrow.png) no-repeat 22px 16px; }
.signpost ul li h2 { margin-bottom: 5px; margin-top: 0; }
.signpost ul li .desc { line-height: 1.5; }

/* Breadcrumb */
#breadcrumb { margin: 0 30px 5px; background: url(img/bg-hdots.png) repeat-x 0 100%; padding: 12px 0 8px; font-size: 84.615%; }
#breadcrumb p { margin: 0; }

.article, .spc { padding: 0 30px; }
.prologue { padding: 15px 30px 0; }

/* Products list */
.products-list { margin: 15px 30px; }
.products-list ul { margin: 0; padding: 0; }
.products-list ul li { margin: 0 0 20px 0; padding: 1px 0 0 0; background: none; background: url(img/bg-hdots.png) repeat-x scroll 0 0; }
.products-list ul li:first-child { background: none; padding-top: 0; }
.products-list ul li { _background: expression(this.parentNode.firstChild == this ? 'none' : 'url(/css/img/bg-hdots.png) repeat-x scroll 0 0'); _padding-top: expression(this.parentNode.firstChild == this ? '0' : '1px'); }

.products-list ul li h2 { margin-bottom: 0px; }
.products-list ul li h2 .img-box { float: left; width: 130px; border: 0px solid #ddd; text-align: center; margin: 5px 15px 10px 0; }
.products-list ul li h2 .img-box img { }


/* Attached images */
.att-images { margin: 0 0 25px 0; padding: 0 30px; }
.att-images ul { margin: 0 0 25px 0; width: 100%; }
.att-images ul li { margin: 0 0 10px; background: #FCF8F0; padding: 10px 20px; zoom: 1; _position: relative; }
.att-images ul li img { display: block; margin: 0 auto; background: white; padding: 1px; border: 1px solid #e2e2e2; }
.att-images ul li a { text-decoration: none; }
.att-images ul li a .desc { margin: 5px 0 0 0; font-size: 84%; text-align: center; line-height: 1.3; display: block; text-decoration: underline; color: #666666; }
.att-images ul li a:hover .desc { color: #D78D01; }

.col-right .att-images h2 { margin-bottom: 15px; }
.col-right .att-images ul { zoom: 1; margin: 0 0 20px 0;}
.col-right .att-images ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col-right .att-images ul li { float: left; margin: 0 0 0 20px; width: 134px; }
.col-right .att-images ul li:first-child { margin-left: 0; }

/* Attached files */
.att-files { margin: 0 0 20px 0; padding: 0 30px; }


/* Forms */
form { margin: 0; padding: 0; }
.fm-box { background: #F0F6F8; color: #333333; padding: 20px 0 20px 20px; margin: 5px 0; zoom: 1; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 12px; padding-bottom: 5px; }
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }

.inp-text { vertical-align: bottom; padding: 2px 0; border: 1px solid #CFCFCF; }

.error-message { color: #9F3627; background: white; font-weight: bold; border: 3px solid #9F3627; padding: 10px 20px; margin-bottom: 15px; margin-right: 20px; zoom: 1;}
.error-message h3 { background: red; color: white; margin: -10px -20px 15px; padding-left: 20px; zoom: 1;}
.error { background: red; color: white; font-weight: bold; }

input.radio { vertical-align: top;}

#contact-form h2 { margin-bottom: 0; }

#subscription-form { margin-top: 15px; }

/* Widths */
.w-full { width: 100%; }
.w-75 { width: 75%; }
.w-half { width: 50%; }
.w-third { width: 31%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.col-left .articles-list { padding: 0 20px 0 20px; margin-bottom: 20px; }
.col-left .articles-list ul li { background: none; padding: 0;}
.col-left .articles-list ul li h3 { line-height: 1.286; margin: 0 0 4px 0; }
.col-left .articles-list ul li .desc { font-size: 92.31%; line-height: 1.5; color: #666666; }
.col-left .articles-list ul li .date { font-weight: bold; }

.product-image {margin: 0 30px 15px 20px; padding: 5px; border: 1px solid #DFDFDF; float: right; _display: inline; }
.product-image img { display: block; }

.col-left .contact { background: url(img/bg-side-contact.png) no-repeat 0 0; width: 200px; padding: 15px 20px; margin: 20px 0 0 10px; line-height: 1.5; }
.col-left .contact h2 { margin-top: 0; }

.paging { text-align: right; margin: 1em 0;  background: #f8f8f8; padding: 5px; font-size: 92.31%; margin: 0 30px; }
.paging a { margin-left: 2px; border: 1px solid #e2e2e2; background: white; padding: 3px 6px; }
.paging a.active { font-weight: bold; }