﻿
/* ===== global styles ===== */

body
{
    font-family: "Arial (Hebrew)", Sans-Serif;
    direction: rtl;
}

div, p, h1, h2, h3, h4, h5, h6, ul
{
    margin: 0;
    padding: 0;
}

a img
{
    border: none;
}

/* ===== wrapper ===== */

#wrapper 
{
    width: 866px;
    margin: 0 auto;
    border: 5px solid #C0C0C0;
    padding-top: 17px;
    text-align: right;
}

/* ===== main menu ===== */

#mainMenu 
{
    width: 866px;
    background-color: #F1F2F4;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    margin: 2px 0 10px 0;
}

#mainMenu ul
{
    list-style-type: none;
    width: 100%;
}

#mainMenu li
{
    float: right;
    border-left: 1px solid gray;
    text-align: center;
    width: 107px;
}

#mainMenu li.last
{
    border: none;
    width: 110px;
}

#mainMenu a 
{
    display: block;
    text-decoration: none;
    color: Black;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 0;
}

#mainMenu a:hover 
{
    background-color: #6E6E6E;
    color: White;
}



/* ===== footer ===== */

#footer 
{
    position: relative;
    background: #FCBE2F url(../images/reka01.jpg) repeat-y;
    border-top: 5px solid silver;
    clear: both;
    height: 60px;
    margin-top: 15px;
    padding: 10px 0;
}
#footer div 
{
    position: absolute;
    border: 1px solid black;
}
#footer div.tmImg1 { left: 200px; }
#footer div.tmImg2 { left: 322px; }
#footer div.tmImg3 { left: 417px; }
#footer div.tmImg4 { left: 521px; }
#footer div.tmImg5 { left: 240px; bottom: 8px;}
#footer div.tmImg6 { left: 347px; bottom: 8px;}
#footer div.tmImg7 { left: 428px; bottom: 8px;}
#footer div.tmImg8 { left: 515px; bottom: 8px;}


/* ===== misc ===== */

.clear 
{
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}
