﻿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:1px;margin-bottom: -1px;}
#overflow {overflow-x:auto; overflow-y: hidden;}

#intframe { margin: 0 auto;padding: 0 auto;width: 650px;_height: 540px; border:0px   solid blue;}

#intframe #topframe {float:left; width: 640px;margin-top:120px;border:0px   solid red;}
#intframe #topframe #paragraph  {float:left;width:630px;border:0px   solid green;}
#intframe #topframe #paragraph #item_title {float:left;width:550px; margin-top:10px; margin-left: 60px;  border:0px   solid pink;}
#intframe #topframe #paragraph #item_title #Title {width:550px; font-family: Arial; font-size: 16px; color: #cc33cc;
    direction: ltr; font-weight:600; border:0px   solid orange;}
#intframe #topframe #paragraph #item_description {float:left;width:550px; margin-top:0px;
    margin-left: 50px; border:0px   solid pink;}
#intframe #topframe #paragraph #item_description #Description {width:550px; font-family: Arial; font-size: 14px;
color: #cc33cc;direction: ltr;font-weight:600; border:0px   solid orange;}
#intframe #topframe #paragraph #item_content {float:left;direction: ltr; width:580px;height: 180px; margin-top:10px;
    margin-left: 50px; border:0px   solid pink;overflow-y:auto;overflow-x:hidden;}
#intframe #topframe #paragraph #item_content #Content {width:550px; font-family: Arial; font-size: 14px; color: #154a4f;
     font-weight:600;letter-spacing:0.8px;direction: ltr;  border:0px   solid orange;}

#intframe #button {float:right; width: 100px;margin-top:10px;border:0px solid red;margin-right: 70px;}
#intframe #button a{border:0px   solid red;}

