body {
margin:0;
padding:0;
font-family:arial, sans-serif;
color:#666666;
}
	
html>body {font-size:medium; font-family:arial, sans-serif;}
	
div#wrapall {
width:100%; 
direction:rtl;
text-align:center;
font-size:12px;

}

img {
border:0px;
}

a {
color:#666666;
text-decoration:none;
}

div#wrap {
text-align:right;
width:980px;
margin-right:auto;
margin-left:auto;
}
 


div#wrapin {
width:980px;
float:right;
background:url(../images/line-bg.gif) repeat-x top right; 
padding-top:32px;
margin-top:20px;
} 

.sidebar {
width:145px;
float:right;
}
.maincont {
width:770px;
float:right;
margin-right:65px;
background:url(../images/line-bg.gif) repeat-x top right; 
margin-top:108px;
padding-top:9px;

}

.logobox {
width:145px;
float:right;
padding-bottom:32px;
background:url(../images/line-bg.gif) repeat-x bottom right; 
}

.toolbarbox {
padding-top:6px;
padding-bottom:10px;
background:url(../images/line-bg.gif) repeat-x bottom right; 
width:145px;
float:right;
}

.toolbarbox a {
padding-top:1px;
width:125px;
float:right;
font-size:12px;
display:block;
height:17px;
color:#666666;
text-decoration:none;
padding-right:20px;
margin-bottom:1px;
}

.toolbarbox a:hover {
padding-right:20px;
background:url(../images/tb-bg.gif) top right; 
width:125px;
float:right;
display:block;
height:17px;
padding-top:1px;
color:#666666;
text-decoration:none;
margin-bottom:1px;
}


.toolbarboxar {
padding-top:6px;
width:145px;
float:right;
text-transform: uppercase;
padding-bottom:15px;
}

.toolbarboxar a {
width:115px;
float:right;font-size:12px;
display:block;
color:#b2b2b2;
text-decoration:none;
margin-right:20px;
padding-right: 10px;
margin-bottom:1px;
height: 12px;padding-top: 2px;
}

.toolbarboxar a:hover {
margin-right:20px;
padding-right: 10px;
background:url(../images/arrow.gif) top right no-repeat; 
width:115px;
float:right;height: 12px;
display:block;
color:#656565;padding-top: 2px;
text-decoration:none;
margin-bottom:1px;
}

.toolbarboxar a.selectedin {
margin-right:20px;height: 12px;
padding-right: 10px;
background:url(../images/arrow.gif) top right no-repeat; 
width:115px;
float:right;padding-top: 2px;
display:block;
color:#656565;
text-decoration:none;
margin-bottom:1px;
}


.mainimg {
float:right;
width:770px;
padding-bottom:9px;
background:url(../images/line-bg.gif) repeat-x bottom right; 
}

.mainbox {
width:982px;
background:url(../images/main-bg.gif) no-repeat bottom right; 
padding-bottom:60px;
float:right;
}

.footline {
background:url(../images/line-bg.gif) repeat-x top right; 
width:982px;
margin-top:6px;
padding-top:6px;
float:right;
}

.footext {
 width:882px;
font-size:11px;
color:#666666;
padding-bottom:3px;
float:right; 

}

.heblink {
 width:100px;
float:right;
text-align:left;
font-size:9px;
padding-bottom:3px;
}

.footclose {
background:url(../images/line-bg.gif) repeat-x top right; 
width:982px;
padding-top:9px;
float:right;
}


.maintextarea {
float:right;
width:770px;
padding-bottom:9px;
background:url(../images/line-bg.gif) repeat-x bottom right; 
height:400px;
}

.maintextareaimg {
float:right;
width:770px;

 
}

.maintextareain {
width:440px;
float:right;
line-height:18px;
}


.toolbarboxin{
padding-top:6px;
padding-bottom:10px;
background:url(../images/line-bg.gif) repeat-x bottom right; 
width:145px;
float:right;
display:none;
}

.toolbarboxin a {
padding-top:2px;
width:125px;
float:right;
font-size:12px;
display:block;
height:16px;
color:#666666;
text-decoration:none;
padding-right:20px;
margin-bottom:1px;
}

.toolbarboxin a:hover {
padding-right:20px;
background:url(../images/tb-bg.gif) top right; 
width:125px;
float:right;
display:block;
height:16px;
padding-top:2px;
color:#666666;
text-decoration:none;
margin-bottom:1px;
}
.toolbarboxin a.selected {
padding-right:20px;
background:url(../images/tb-bg.gif) top right; 
width:125px;
float:right;
display:block;
height:16px;
padding-top:2px;
color:#666666;
text-decoration:none;
margin-bottom:1px;
}

.toolbarbox a.selected {
padding-right:20px;
background:url(../images/tb-bg.gif) top right; 
width:125px;
float:right;
display:block;
height:16px;
padding-top:2px;
color:#666666;
text-decoration:none;
margin-bottom:1px;
}


.workimg {
width:560px;
float:right;
 
}

.workimgin {
width:560px;
float:right;
padding-bottom:9px;
background:url(../images/line-bg.gif) repeat-x bottom right; 
}

.workimg  img{
float:right;
}

.worktext {
float:right;
width:195px;
line-height:18px;
padding-right:15px;
padding-top:5px;
}

.workscontrol {
font-size:12px;
padding-top:6px;
width:560px;
float:right;
}

.leftcont {
width:260px;
float:right; 
}
.rightcont {
width:145px;
float:right;
text-align:left; 
font-size:11px;
padding-right:155px
}

.rightcont a.gr {
color:#AAC300;
}


 .stepcarousel{
 position: relative; /*leave this value alone*/
 overflow: scroll; /*leave this value alone*/
 width: 560px; /*Width of Carousel Viewer itself*/
 height: 388px; /*Height should enough to fit largest content's height*/
 }
 
 .stepcarousel .belt{
 position: absolute; /*leave this value alone*/
 right: 0;
 top: 0;
 }
 
 .stepcarousel .panel{
 float: right; /*leave this value alone*/
 overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin: 0px; /*margin around each panel*/
 width: 560px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
 }
 
 s


 .slideshow{
   width: 560px;  
  height: 388px;  padding: 0;  
    margin:  0;  
 }
  
  .slideshow img {  
    padding: 0px;  
    border:  0px;  
    width:  560px; 
    height: 388px; 
    top:  0; 
    left: 0 
} 
  

ul.grbox {
list-style:none;
float:right;
margin:0px;
padding:0px;
}


ul.grbox li {
margin-left:3px;
float:right;
 
}
ul.grbox a {
padding:3px 4px 3px 4px;
color:#ffffff;
background:#BFD240;font-size:11px;
}

ul.grbox a.activeSlide  {
padding:3px 4px 3px 4px;
color:#ffffff;
background:#666666;
}
 
.inarr{
float:right;
text-align:right;
width:75px; 
 }

.inarl{
text-align:left;
float:right;
width:65px;
 
}
.inarl img {
float:left; 
}

 
.worktext a  {
color:#AAC300;
text-decoration:underline;
}
