*
{
    margin: 0;
    padding: 0;
}

html, body
{
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family:Arial;
    font-size:15px;
}
body
{
    width: 100%;
    text-align: center;
}
--div, p, h2
{
    direction: rtl;
    text-align: right;
}
--h1, h2, h3
{
    float: right;
}

img
{
    border:0px none;
    behavior: url(   "iepngfix.htc" );
}
--h2 img, h3 img
{
    float: left;
    display: inline;
}

a
{
    text-decoration:none;
    color:#000000;
    }

.wrapper
{
    width: 900px;
    margin: auto;
    position: relative;
}

.menuBtn
{
    background-color: #f5f5f5;
    padding: 0px 0px 0px 0px;
    margin: 0px 4px 0px 4px;
    display: inline;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
}

/*
.menuBtn:hover, .menuBtn:hover a, .menuBtn:hover span
{
    background-color: #e31082;
    color:#FFFFFF;
    }
  */
    
.menuBtnSelected
{   
    padding: 0px 0px 0px 0px;
    margin: 0px 4px 0px 4px;
    display: inline;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    background-color: #e31082;
}

.menuBtnSelected a, .menuBtnSelected span
{
    display:inline-block;
    padding: 0px 6px 0px 6px;
    color:#FFFFFF;
    text-decoration:none;
    }


.menuBtn a, .menuBtn span
{
    display:inline-block;
    padding: 0px 6px 0px 6px;
    color:#000000;
    text-decoration:none;
}


.scroll_image_normal
{
    width:265px;
    height:325px;
    padding:10px 10px 10px 10px;
    background-color:#FFFFFF;
    border:1px solid #bbbbbb;
}

.scroll_image_big
{
    width:550px;
    height:325px;
    padding:10px 10px 10px 10px;
    background-color:#FFFFFF;
    border:1px solid #bbbbbb;
}

.project_cover_small
{
    width:150px;
    height:150px;
    padding:10px 10px 10px 10px;
    background-color:#FFFFFF;
    border:1px solid #bbbbbb;
}

.project_cover_resizable
{
    height:150px;
    padding:10px 10px 10px 10px;
    background-color:#FFFFFF;
    border:1px solid #bbbbbb;
}

.mainPageCell
{
    padding:10px 10px 0px 0px;
    height:175px;
    }


.mydiv {position: relative; width: 100%; height:175px; cursor: pointer;}
.mydiv h3 {height: 0px; overflow: hidden; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 10; background: #000; opacity: 0.8; filter: alpha(opacity=80);   font-size:14px;  line-height:18px; color:#FFF; font-family:Arial;font-weight:normal; line-height:30px; }
.mydiv img { z-index: 5; position: relative; top: 0px; left: 0px;}

h2{font-size: 13px;padding:36px 25px 12px 25px; display:inline-block;}
h3{font-size: 13px;z-index:250;}
h1{font-size:15px;font-weight:normal;display:inline;line-height:30px;}

.menuBtn div span, .menuBtn div span a {
    padding:0px;
}