body {
    background-color: #ccc;
    margin: 0;
    padding: 0;
}

#noscript {
    width: 940px;
    margin: 0 auto 0 auto;
    padding: 20px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    text-align: center;
    background-color: #FFB9B9;
    border: 1px solid #CC0000;
}

#sheetBox {
    width: 980px;
    padding: 0;
    margin: 0 auto;
    background: url('images/bg.png') 0 0 repeat;
    border-left: 1px solid #333;
    border-right: 1px solid #333;    
}

#htmlDiv {
    width: 100%;
    height: 1095px;
    background: url('images/topBg.png') 0 0 no-repeat;
    position: relative;    
}

#htmlTitle {
    width: 878px;
    height: 88px;
    background: url('images/htmlTitle.png') 0 0 no-repeat;
    position: absolute;
    top: 155px;
    left: 54px;
}

#htmlBox {
    width: 354px;
    height: 443px;
    background: url('images/htmlBox.png') 0 0 no-repeat;
    position: absolute;
    top: 20px;
    left: 0px;
}

#topLogo {
    width: 250px;
    height: 56px;
    background: url('images/topLogo.png') 0 0 no-repeat;
    position: absolute;
    top: 55px;
    left: 520px;
}

#menuTitle {
    width: 299px;
    height: 26px;
    background: url('images/menuTitle.png') 0 0 no-repeat;
    position: absolute;
    top: 370px;
    left: 342px;
}

#menuLinksDiv {
    width: 830px;
    background: url('images/lessLinks.png') 10px 2px no-repeat;
    position: absolute;
    top: 445px;
    left: 120px;
}

#leftBlock, #rightBlock {
    width: 380px;
    display: inline-block;
    height: 580px;
}

#leftBlock {
    margin-right: 25px;
}

#menuLinksDiv a {
    width: 380px;
    height: 20px;
    display: block;
    margin: 0 0 5px -4px;
    background: url('images/roundRedWhite.png') 0px -15px no-repeat;    
}

#menuLinksDiv a:hover {
    background: url('images/roundRedWhite.png') 0px 4px no-repeat;     
}

#menuLinksDiv a.active {
    background: url('images/roundRed.png') 0px 4px no-repeat;     
}

#twoLinks {
    width: 165px;
    height: 18px;
    background: url('images/twoLinks.png') 0 0 no-repeat;
    position: absolute;
    top: 1010px;
    left: 655px;
}

#twoLinks a {
    width: 165px;
    height: 18px;
    display: block;
    margin: 0 0 5px 0;
}

#dopmat {
    width: 215px;
    height: 108px;
    background: url('images/dopmat.png') 0 0 no-repeat;
    position: absolute;
    top: 917px;
    left: 150px;
}

#dopmat a {
    width: 215px;
    height: 18px;
    display: block;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

#otherFreeCourses {
    width: 100%;
    height: 445px;
    background: url('images/otherFreeCourses.png') top center no-repeat;
    display: block;
    position: relative;
}

#paidCourses {
    width: 100%;
    height: 3805px;
    background: url('images/paidCourses.png') 10px 0 no-repeat;
    display: block;
    position: relative;
}

#dreamLink, #cssLink, #domenLink {
    width: 75px;
    height: 20px;
    display: block;
    margin: 0;
    position: absolute;
    top: 350px;
}

#cssLink {    
    left: 160px;
}

#domenLink {
    left: 456px;
}

#dreamLink {
    left: 753px;
}

#dreamBoxSm, #cssBoxSm, #domenBoxSm, #htmlBoxSm {
    width: 240px;
    height: 255px;
    display: block;
    margin: 0;
    position: absolute;
    top: 85px;   
}

#cssBoxSm {
    background: url('images/cssBoxSm.png') top right no-repeat;
    left: 55px;
}

#domenBoxSm {
    background: url('images/domenBoxSm.png') top right no-repeat;
    left: 351px;
}

#dreamBoxSm {
    background: url('images/dreamBoxSm.png') top right no-repeat;
    left: 648px;
}

#disc1, #disc2, #disc3, #disc5, #disc6, #disc8, #disc11 {
    width: 215px;
    height: 35px;
    display: block;
    margin: 0;
    position: absolute;
    left: 535px;
}

#disc1 {
    top: 400px;
}

#disc2 {
    top: 905px;
}

#disc3 {
    top: 1410px;
}

#disc5 {
    top: 1915px;
}

#disc6 {
    top: 2420px;
}

#disc8 {
    top: 2925px;
}

#disc11 {
    top: 3430px;
}

#goodies {
    width: 474px;
    height: 23px;
    display: block;
    margin: 0;
    background: url('images/catalogLink.png') 0 0 no-repeat;
    position: absolute;
    left: 254px;
    top: 3675px;    
}