.stepcarousel {
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 840px; /*Width of Carousel Viewer itself*/
    height: 390px; /*Height should enough to fit largest content's height*/
    margin: 0 auto;
    direction: rtl;
}

.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0; /*margin around each panel*/
    width: 825px;
    clear: both;
}

div.intro_image {
    width: 450px;
    height: 390px;
    float: left;
}

div.intro_title {
    width: 360px;
    height: 390px;
    text-align: right;
    margin: 30px 0;
}

h2#sample1 {
    direction: rtl;
    text-indent: 0;
    text-indent: -10000px;
    width: 350px;
    height: 50px;
    background-image: url(../images/sample1_title.png);
    background-repeat: no-repeat;
}

h2#sample2 {
    direction: rtl;
    text-indent: 0;
    text-indent: -10000px;
    width: 350px;
    height: 50px;
    background-image: url(../images/sample2_title.png);
    background-repeat: no-repeat;
}

h2#sample3 {
    direction: rtl;
    text-indent: 0;
    text-indent: -10000px;
    width: 350px;
    height: 50px;
    background-image: url(../images/sample3_title.png);
    background-repeat: no-repeat;
}

h2#sample4 {
    direction: rtl;
    text-indent: 0;
    text-indent: -10000px;
    width: 350px;
    height: 50px;
    background-image: url(../images/sample4_title.png);
    background-repeat: no-repeat;
}

h2#webdesign_title {
    direction: rtl;
    text-indent: 0;
    text-indent: -10000px;
    width: 350px;
    height: 50px;
    background-image: url(../images/webdesign_title.png);
    background-repeat: no-repeat;
}

h2#design_code_title {
    direction: rtl;
    text-indent: 0;
    text-indent: -10000px;
    width: 350px;
    height: 50px;
    background-image: url(../images/design_code_title.png);
    background-repeat: no-repeat;
}

h2#multimedia_title {
    direction: rtl;
    text-indent: 0;
    text-indent: -10000px;
    width: 350px;
    height: 50px;
    background-image: url(../images/multimedia_title.png);
    background-repeat: no-repeat;
}

div.intro_title p {
    margin: 20px 0 0 0;
    direction: rtl;
    font-family: Tahoma;
    font-size: 0.9em;
    text-align: justify;
    line-height: 1.3em;
}

span.intro_footer {
    margin: 30px 0 0 0;
    float: left;
}

span.intro_footer a {
    direction: ltr;
    cursor: pointer;
    display: block;
    text-indent: -10000px;
    background-image: url(../images/visit_btn.png);
    width: 100px;
    height: 33px;
}