body {padding:0;margin:0;direction:rtl;font-family:Arial;}
@charset "utf-8";
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:1px;margin-bottom: -1px;}
#overflow {overflow-x:auto; overflow-y: hidden;}

#ContactIntframe{
  margin: 0 auto;
  padding: 0 auto;
  width: 844px;
  height: 665px;
  border:0px solid red;}

#ContactIntframe #ContactRightSide{
  float: right;
  width: 340px;
  height: 580px;
  margin:10px 0px 0px 0px;
  border:0px solid green;}

#ContactIntframe #ContactRightSide #ContactRightSideParagraph{
  float:right;
  width:335px;
  height:545px;
  margin: 20px 0px 0px 0px;
  border:0px solid blue;}

#ContactIntframe #ContactRightSide #ContactRightSideParagraph #ContactRightSideContent{
  float:right;
  width:330px;
  margin: 80px 00px 0px 0px;
  height: 400px;
  font-family:Arial;
  font-size: 18px;
  color: #0e5996;
  line-height:130%;
  text-decoration: none;
  font-weight: 500;
  text-align: justify;
  border:0px  solid green;}


#ContactIntframe #ContactLeftSide{
  float:left;
   width: 470px;
   height: 300px;
   margin: 150px 0px 0px 0px;
   border:0px solid RED; }


#ContactIntframe #ContactLeftSide #ContactLeftPic {
  float:right;
  width:460px;
  height:220px;
  margin-right: 0px;
  margin-top: 0px;
  border:0px solid black; }