img { border: 0; }

#rotatescroll4 { 
height: 768px;
width: 789px;
position: relative;
overflow: hidden; 
margin:104px 0 0 0;
}

#rotatescroll4 .viewport{ 
height: 300px;
position: relative;
margin: 0 auto;
overflow: hidden;
width: 350px;
margin: 215px 0 0 248px;
z-index:100;
}

#rotatescroll4 .overview {
background-color:none;
position: absolute;
width: 350px;
list-style: none;
margin: 0;
padding: 0;
left: 0;
top: 0; }

#rotatescroll4 .overview li { 
height: 350px;
width: 350px;
margin: 0;
float: left;
position: relative;
 }
 
#rotatescroll4 .overlay {background:url(../images/ovel_new.png) no-repeat 0 0;  position: absolute;
left: 0;top: 0; width:789px;height:768px; z-index:-1; }

#rotatescroll4 .thumb { background:url(../images/circle_round.png) no-repeat 50% 50%; position: absolute;
top: 0;
cursor: pointer;
left: 0;
margin: 5px 0 0;
width: 102px;
z-index: 101;
height: 103px; }

#rotatescroll4 .dot {
cursor: pointer;
text-indent: -999em;
overflow: hidden;
height: 74px;
width: 74px;
position: absolute;
left: 0;
top: 0;
z-index: 100;
background:none;
}


#rotatescroll4 .dot span { display: none; }


#rotatescroll4 .dot-5 {
background: url(../images/business_catalyst.png) no-repeat 0 0;
width:182px;
height: 104px;
margin: 0 0 0 5px;
}

#rotatescroll4 .dot-5:hover {
background: url(../images/business_catalyst1.png) no-repeat 0 0;
}


#rotatescroll4 .dot-4 {
background: url(../images/conversion-optimization.png) no-repeat 0 0;
width: 178px;
height:113px;
margin:-11px 0 0 35px;
}

#rotatescroll4 .dot-4:hover {
background: url(../images/conversion-optimization1.png) no-repeat 0 0;
}

#rotatescroll4 .dot-3 {
background: url(../images/smo_new.png) no-repeat 0 0;
width:141px;
height:110px; margin:-5px 0 0 -1px;
}

#rotatescroll4 .dot-3:hover {
background: url(../images/smo_new1.png) no-repeat 0 0;
}

#rotatescroll4 .dot-2 {
background: url(../images/seo_new.png) no-repeat 0 0;
width: 146px;
height:105px;
}

#rotatescroll4 .dot-2:hover {
background: url(../images/seo_new1.png) no-repeat 0 0;
}

#rotatescroll4 .dot-1 {
background: url(../images/design_development.png) no-repeat 0 0;
width: 193px;
height: 128px;
margin: 11px 0px 0px 19px;
}

#rotatescroll4 .dot-1:hover {
background: url(../images/design_development1.png) no-repeat 0 0;
}

#rotatescroll4 .overview {
list-style: none;
}