body {padding:0;margin:0;direction:rtl;font: 12px/16px Arial, Helvetica, sans-serif;}
/*body {padding:0;margin:0;direction:rtl;font-family:Arial;background-color:#f2fbfc;}*/
img {border:0;}
button {cursor:pointer;}

/* this class uses to fix firefox bug that don't take div's background correctly (not scaling the height) */
.clear {clear:both;height:0px;font-size:1px;line-height:0px;margin-bottom: -1px;}
#overflow {overflow-x:auto; overflow-y: hidden;}

#intframe {margin: 0 auto;padding: 0 auto; width: 740px;min-height: 500px; margin-top: 40px;  border:0px   solid blue;}

#intframe #topframe {float: right; width: 740px;margin-top: 0px; margin-right:20px; border:0px   solid red;}
#intframe #topframe #header{float: right; width: 250px;margin-top: 0px; margin-right:0px; border:0px   solid orange;}
#intframe #topframe #header #title {float: right; width:250px;margin-top: 0px; margin-right:1px;font-family: Arial; font-size: 16px;
     color: #cc33cc; font-weight: 600; border:0px  solid black;}

#intframe #topframe #paragraph  {float:right;width:700px;height:400px; margin-top:70px; ;
border:0px   solid green;}