/*
 Standards-based Web Design
 By Alex - WebUnit.spb.ru
 */
html, body {
    margin: 0;
    padding: 0;
}

body {
    min-width: 800px;
    font: normal 11px / 1.3 arial, sans-serif;
}

#main {
    min-height: 500px;
}

/* ================================================== Layout === */
#container {
    position: relative;
    margin: 0;
    padding: 0;
}

#container:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.header {
    height: 150px;
}

a {
}

a.link2 {
    font-weight: bold;
    font-size: 13px;
    color: #ff860d;
    text-decoration: none;
}

a.link1 {
    font-size: 11px;
    color: #9e9e9e;
    text-decoration: none;
}

a:hover {
    color: #666;
}

a:active {
    color: #666;
}

h2 {
    font-weight: bold;
    font-size: 13px;
    color: #ff860d;
    margin: 0;
    padding: 0;
}

h3 {
    font-weight: bold;
    font-size: 13px;
    color: #ff860d;
    margin: 0;
    padding: 0 15px 6px 10px;
}

/* ============= main === */
#main {
    margin: 0;
    padding: 0 200px;
    background: #fff;
    font-size: 12px;
}

#main .header {
    border-bottom: 10px solid #fff;
    background: #ededed;
}

#main .header.com {
    background: #ededed url("../i/index2.jpg") no-repeat 100% 100%;
}

#main .header.tr {
    background: #ededed url("../i/img_mast_r1_c5b.jpg") no-repeat 100% 100%;
}

#main p {
    margin: 0;
    padding: 0 15px 6px 10px;
}

#main p.first {
    margin-top: 30px;
}

#main ul {
    margin: 0 15px 0 26px;
    padding: 0;
    list-style: circle outside;
}

/* ============= leftside === */
#leftside {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    margin: 0;
    padding: 0;
}

#leftside .header {
    border-bottom: 10px solid #ff860d;
    background: #fff url("../i/img_mast_r3_c1.jpg") no-repeat 50% 50%;
    height: 150px;
}

#leftside p {
    text-align: right;
    margin: 10px 10px 0 10px;
    padding: 0;
    color: #666;
}

#leftside p.first {
    margin-top: 30px;
}

/* ============= rightside === */
#rightside {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    margin: 0;
    padding: 0;
}

#rightside .header {
    border-bottom: 10px solid #ccc;
    background: #ff860d;
    padding-right: 40px;
    height: 150px;
}

#rightside .header #home, #rightside .header #letter {
    float: right;
    margin: 20px 0 0 20px;
}

#rightside p {
    margin: 10px 10px 0 10px;
    padding: 0;
}

#rightside p.first {
    margin-top: 30px;
}

#rightside ul {
    margin: 4px 0 0 26px;
    padding: 0;
    list-style: circle outside;
}

#rightside ul li {
    margin: 0;
    padding: 2px 0;
}

/* ================================== footer === */
#footer {
    margin: 0;
    padding: 0;
    background: #fff;
}

#footer:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#leftbox, #centerbox, #rightbox {
    float: left;
}

#leftbox div, #centerbox div, #rightbox div {
    background: #ededed;
    padding: 0 0 10px 0;
    border-top: 10px solid #ff860d;
}

#leftbox {
    width: 40%;
    margin: 0;
    padding: 0;
}

#centerbox {
    width: 17%;
    margin: 0 1% 0 1%;
    padding: 0;
}

#rightbox {
    width: 40%;
    margin: 0;
    padding: 0;
}

#leftbox div {
    margin: 0 0 0 10px;
    padding: 0;
}

#leftbox div p.titl {
    margin: 10px 10px 0 17%;
    padding: 0;
}

#leftbox div p {
    margin: 10px 10px 0 17%;
    padding: 0 0 0 20px;
}

#centerbox div {
    margin: 0;
    padding: 0;
}

#centerbox div p {
    margin: 0;
    padding: 32px 0 30px 0;
    text-align: center;
}

#rightbox div {
    margin: 0;
    padding: 0;
}

#rightbox div p.titl {
    margin: 10px 10px 0 17%;
    padding: 0;
}

#rightbox div p {
    margin: 10px 20px 0 17%;
    padding: 0 0 0 20px;
}

/* ================================================== Misc === */
.no {
    display: none;
}

img {
    border: 0 none;
}

.titl {
    font-weight: bold;
    font-size: 13px;
    color: #ff860d;
}

.titl2 {
    font-weight: bold;
    font-size: 13px;
    color: #ff860d;
}

.link2 {
    font-weight: bold;
    font-size: 13px;
    color: #ff860d;
    text-decoration: none;
}

.link1 {
    font-size: 11px;
    color: #9e9e9e;
    text-decoration: none;
}

.date {
    color: #666666
}

.date2 {
    color: #9E9E9E;
    font-size: 13px;
    font-weight: bold;
}

/* ============================ txt box with img Layout === */
#txtbox {
    margin: 0;
    padding: 0;
    border-bottom: 4px solid #eee;
}

#txtbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#txtbox a {
    color: #9e9e9e;
    text-decoration: none;
}

#txtbox a:hover {
    color: #666;
}

#txtbox dl {
    margin: 0;
    padding: 0;
    height: auto;
}

#txtbox.tt {
    border: none;
    margin: 20px 0;
}

#txtbox.tt dl {
    height: auto;
}

#txtbox dt {
    float: left;
    margin: 0;
    padding: 0;
}

#txtbox dd {
    margin: 0;
    padding: 10px 10px 10px 0;
}

#txtbox dd.two {
    margin: 6px 15px 0 148px;
    padding: 0;
}

#txtbox dd.two p {
    margin: 0;
    padding: 0 0 6px 0;
}

#txtbox dt img {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}

#txtbox dd.head {
    color: #ff860d;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 0 0 0;
    margin: 0;
}

#txtbox dd.head2 {
    color: #ff860d;
    font-size: 13px;
    font-weight: bold;
    margin: 0 15px 0 148px;
    padding: 0;
}