/* CSS Document */

/* ------------ general ------------ */
*{margin:0;padding:0;}
body,html{margin:0;padding:0;height:100%;
}
h1,h2,h3,h4,h5,h6{
font: Arial,David, Miriam, Narkisim;
text-align: right;
color:#d79924;
direction:rtl;
}
h1 {font-size:2em;line-height:1;margin:0.5em 0;text-indent:30px;border-bottom:1px solid #d79924;background: url(../images/bullet.png) no-repeat center right;}
h2 {font-size:1.5em;margin-bottom:0.75em;
color:#917e40;line-height:1.2em;}
h3 {font-size:1.3em;line-height:1;margin-bottom:1em;}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

p, ul, ol, td,tr,table,a{
text-align:right;
color:#6f5e28;
font: bold 11pt Arial, David, Miriam, Narkisim;
text-decoration:none;
line-height:1.5em;
direction:rtl;
}
p{margin-bottom:1em;}
a,a:link, a:visited{ 
text-decoration:underline; 
color:#493b0c;
}
a:hover, a:active { 
text-decoration: underline; 
}
.floatLft{ float:left; padding:10px;}
.inline{ display:inline;}
#text{/*width:300px;display:inline-block;*/}
/* ------------ Layout ------------ */
body{ text-align:center;/*border:1px solid #660066;*/background:transparent url(../images/header.png) no-repeat top center;
}
html{
min-height:100%;
height: 100% !important;
}
/* ------------ page ------------ */
#page{
position:relative;
text-align:right;
top:0;
width:950px;
min-height:100%;
height: 120%;
line-height:100%;
padding:0;
margin:0 auto;
padding-bottom:100px;
background:transparent url(../images/logo.png) no-repeat top right;
/*border:1px solid blue; */
}
/* ------------ flags ------------ */
.flags{padding-top:15px;height:20px;width:120px;list-style:none;float:left;margin:0;/*border:solid thin red;*/}
.flags li{float:left;width:28px;margin:0 6px 0 0;}
.flags a{
display:block;height:20px; width:28px;
}

#lang_hb span,#lang_us span,#lang_ar span{display:none;}
#lang_hb a{background: url(../images/is.jpg) no-repeat center left;}
#lang_us a{background: url(../images/us.jpg) no-repeat center left;}
#lang_ar a{background: url(../images/ar.jpg) no-repeat center left;}

/* ------------ chanals ------------ */
.chanals{height:80px; width:120px;list-style:none;margin:0;text-align:left;/*border:solid thin red;*/}
.chanals li{display:block;margin:5px;}
.chanals a{
display:block;height:30px; width:120px;
}

#facebook span,#twitter span{display:none;}
#facebook a{background: url(../images/chanals_fb.jpg) no-repeat top left;}
#twitter a{background: url(../images/chanals_twt.jpg) no-repeat top left;}
/* ------------ menu ------------ */
#menu{position: relative; /* positionning for IE5 et IE5.5 */
left: 0;
top: 0;
background:url(../images/menu_bg.png) no-repeat top center;
height:500px;
width:160px;
text-align: center;
}
ul.menu{position: relative;padding-top:20px; display:block;list-style:none;height:inherit; width:inherit;background:url(../images/menu_separator.png) no-repeat top center;text-align: center;}
.menu li{display:block;line-height:45px;height:45px; width:160px; background:url(../images/menu_separator.png) no-repeat bottom center;display:block;margin:0;padding:0;}
.menu span{display:none;}/**/
.menu li a{display:block;height:inherit; width:inherit;}
.menu li a:hover{background:url(../images/menu_separator.jpg) no-repeat center;}

#menu_home a{background:url(../images/menu_home.png) no-repeat top center;}
#menu_naama a{background:url(../images/menu_naama.png) no-repeat top center;}
#menu_mottie a{background:url(../images/menu_mottie.png) no-repeat top center;}
#menu_lilach a{background:url(../images/menu_lilach.png) no-repeat top center;}
#menu_sadna a{background:url(../images/menu_sadna.png) no-repeat top center;}
#menu_calendar a{background:url(../images/menu_calendar.png) no-repeat top center;}
#menu_contact a{background:url(../images/menu_contact.png) no-repeat top center;}
#menu_maamarim a{background:url(../images/menu_maamarim.png) no-repeat top center;}
#menu_sipurim a{background:url(../images/menu_sipurei.png) no-repeat top center;}
#menu_kelim a{background:url(../images/menu_kelim.png) no-repeat top center;}

#menu_home a:hover{background:url(../images/menu_home_hover.png) no-repeat top center;}
#menu_naama a:hover{background:url(../images/menu_naama_hover.png) no-repeat top center;}
#menu_mottie a:hover{background:url(../images/menu_mottie_hover.png) no-repeat top center;}
#menu_lilach a:hover{background:url(../images/menu_lilach_hover.png) no-repeat top center;}
#menu_sadna a:hover{background:url(../images/menu_sadna_hover.png) no-repeat top center;}
#menu_calendar a:hover{background:url(../images/menu_calendar_hover.png) no-repeat top center;}
#menu_contact a:hover{background:url(../images/menu_contact_hover.png) no-repeat top center;}
#menu_maamarim a:hover{background:url(../images/menu_maamarim_hover.png) no-repeat top center;}
#menu_sipurim a:hover{background:url(../images/menu_sipurei_hover.png) no-repeat top center;}
#menu_kelim a:hover{background:url(../images/menu_kelim_hover.png) no-repeat top center;}


/* ------------ content ------------ border: 1px solid gray;*/

#container{
position:absolute;
width:100%;
height:100%;
min-height:100%;
top:144px;
right:0;
margin:0;
padding:0;
z-index:10;
direction:rtl;
/*border:1px solid red;margin-bottom:-100px;*/
}
#content{
position:absolute;
width:61%;
height:100%;
min-height:100%;
top:0;
right:18%;
margin: 0;
color:#000000;
text-align:right;
padding:1%;
display:inline;
/*border:1px solid green; */
}
/* ------------ sidebars ------------ */
#right{
position:absolute;
top:0;
right:0;
min-width:160px;
width:18%;
height:100%;
min-height:100%;
padding:0;
margin:0;
z-index:3;
/*border: 1px solid black;  */
}
#left{
position:absolute;
top:15px;
left:0;
min-width:120px;
width:17%;
height:100%;
min-height:100%;
padding:1%;
margin:0;
z-index:4;
text-align:left;
/*border: 1px solid black;  */
}
/* ------------ footer ------------ */
#footer{
position:relative;
top:0;
left:0;
width:100%;
clear:both;
height:50px;
padding:0;
z-index:30;
color:#906;
text-align:left;
/*border:1px solid gray; */
}
#footerImg a{color:#906;padding-left:20px;}
#footerImg{clear:both;text-align:left;
background:transparent url(../images/footer.png) no-repeat bottom center;width:100%;height:212px;/*border: 1px solid black;*/}
/* ------------ end of layout ------------ */