/*Reset by Eric Meyer. Thank you very much, Eric*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: #000000;
        background: #999999;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
a, a:visited, a:focus {
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
/*End of Eric Meyer's code*/

html, height {
        height: 100%;
}
body {
        width: 100%;
        min-height:100%;
        height: 100%;
        font: 62.5% Arial, Tahoma, Verdana, sans-serif;
        background: #666666 url(../images/bodybg.jpg) repeat center top;
        text-align: center;
}
.pere {
        clear: both;
        height:0;
        overflow:hidden;
}
strong {
        font-weight: bolder;
}


#main {
        height: auto !important;
        min-height:100%;
        height: 100%;
        text-align: left;
        background: url(../images/mainbg1.jpg) repeat-y center top;
}
#mainin {
        width:1000px;
        margin-right: auto;
        margin-left: auto;
        background: url(../images/blockbg.jpg) repeat-y left top;
        overflow: hidden;
}

#maintop {
        background: url(../images/topbg.jpg) no-repeat left top;
}
#mainbot {
        background: url(../images/blockbotbg.jpg) no-repeat left bottom;
        padding-bottom: 20px;
}
#head {
        text-align: right;
        height: 379px;
        position: relative;
}
#holdlogo {
        position: absolute;
        left: 500px;
        top: 35px;
}
#topmenu {
        background: url(../images/telmanlogo.jpg) no-repeat left top;
        padding-top: 187px;
        float: right;
        padding-right: 1px;
}
#topmenu a, #topmenu a:visited, #topmenu a:focus {
        display: block;
        width: 173px;
        height: 25px;
        overflow: hidden;
}
li.about a  {
        background: url(../images/abouthoz.png) no-repeat center center;
}
li.services a {
        background: url(../images/services.png) no-repeat center center;
}
li.price a {
        background: url(../images/price.png) no-repeat center center;
}
li.vacancy a {
        background: url(../images/vacancy.png) no-repeat center center;
}
li.contacts a {
        background: url(../images/contacts.png) no-repeat center center;
}

li.news a {
        background: url(../images/news.png) no-repeat center center;
}
#topmenu li a span {
        margin-right: -10000px;
}
#acent {
        padding-left: 16px;
        text-align: center;
        white-space: nowrap;
        width: 977px;
        overflow: hidden;
}
#acent img {
        padding-right: 9px;
}
#content {
        padding-top: 30px;
        padding-left: 49px;
        color: #FFFFFF;
        padding-right: 47px;
}
#content h1 {
        font-size: 3.6em;
        font-weight: normal;
        border-bottom: 1px solid #000000;
        padding-bottom: 10px;
        margin-bottom: 15px;
}
#content p {
        font-size: 1.6em;
        padding-bottom: 25px;
}
#footer {
        text-align: center;
        color: #FFFFFF;
        font-size: 1.6em;
        padding-top: 20px;
        padding-bottom: 20px;
}