.course-shema {
    width: 720px;
    overflow: hidden;
    }
.course-shema h2 {
	    font-size: 13px;
	    font-family: Helvetica, Arial, Verdana, sans-serif;
		position:relative;
		top:-10px;
	    margin: 0 0 0px;
	    text-align: center;
		background:#FFF;
	    }
.course-shema .item {
   
    font-family: Helvetica, Arial, Verdana, sans-serif;
    width: 110px;
    margin: 0 auto;
    padding: 0 0 10px;
    background: url(/_images/Shemas/line.png) top center repeat-y;
    }
    
    .course-shema .item p {
	 	font-size: 11px;
        margin: 0;
        padding: 3px 3px;
        background: #FFF;
        border: solid 1px #9e9e9e;
        border-width: 1px 1px 3px;
        }
    .course-shema .item a {
        display: block;
        color: #313131;
        text-decoration:none;
        }
    .course-shema .item p:hover {
        background: #FFFFEF;
        }
        .course-shema .item p:hover a {
            color: #000;
            }
.course-shema .last {
    background: none;
    }
.division {
    float: left;
    width: 115px;
    margin: 0px 0px 0 0px;
    padding: 10px 2px 0 0;
    position: relative;
    }
    .division .division {
        background: url(/_images/Shemas/branch.png) top center no-repeat;
        }
        .division .branch-l {
            background-image: url(/_images/Shemas/branch-l.png);
            }
        .division .branch-r {
            background-image: url(/_images/Shemas/branch-r.png);
            }
.span-2 {
    width: 235px;
    }
.span-3 {
    width: 355px;
    }
.designer {
    background: #E9E9FF;
    }
    .designer .item p {
        border-color: #339;
        }
.programmer {
    background: #e9ffe9;
    }
    .programmer .item p {
        border-color: #339933;
        }
.seo {
    background: #ffffe9;
    }
    .seo .item p {
        border-color: #b15300;
        }