/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: border:0; font:12px tahoma; color:#676767; line-height:2;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg_top.jpg) top repeat-x; position:relative; z-index:2}
.body2{ background:url(../images/bg_bot.jpg) repeat}

/* ============================= main layout ====================== */
a:link {
	text-decoration: none;
	color:#235D86;
}
a:visited {
	text-decoration: none;
	color:#235D86;
}
a:hover {
	text-decoration: none;
	color:#981D6E;
}
a:active {
	text-decoration: none;
}

h1{ position:absolute; top:0; left:0; z-index:3;}
h2{ font-size:30px; line-height:36px; font-weight:400; color:#4b4b4b; padding:16px 0 23px 0; text-transform:uppercase; font-weight:400}
h2 span{ display:block; margin-top:-8px;}
h3{ font-size:34px; line-height:44px; color:#4b4b4b; font-weight:700; padding:16px 0 12px 0;}
h3 span{ display:block; text-transform:uppercase; color:#73716a; font-size:36px; margin-top:-14px;}
h4{ font-size:21px; color:#e5e5e5; padding:0 0 11px 0; font-weight:400; line-height:26px;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ position:relative; z-index:1}

#logo{ background:url(../images/logo.jpg) no-repeat; width:294px; height:167px; display:block; text-indent:-5000px;}

#search{ float:right; padding:15px 20px 8px 0;}
#search .bg{ background:url(../images/search.jpg) no-repeat; width:192px; height:28px;}
#search .submit{ background:none; width:37px; height:28px; cursor:pointer; float:right}
#search .input{ background:none; width:135px; height:14px; padding:7px 0px; font:11px tahoma; color:#abaaaa; float:right;}

#top_nav{ float:right; padding:21px 21px 0 0;}
#top_nav li{ float:left; padding-right:16px;}
#top_nav li a{ font:11px tahoma; color:#abaaaa;}
#top_nav li a:hover{ color:#fe7a19;}

.togglePlayback { font-size:14px; color:#4b4b4b; text-transform:uppercase; line-height:25px;padding-right:9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.togglePlayback:hover{ text-decoration:none}
.navigation { float:right; padding:64px 20px 0 0; height:25px; overflow:hidden; }
.navigation li {	float:left;	padding-left:2px;}
.page {	display:block;	width:23px;	height:23px; background:url(../images/buttons.gif) 0 0 no-repeat}
.page:hover, .page.selected { background:url(../images/buttons_active.gif) 0 0 no-repeat; text-decoration:none}
.slides {	height:381px;	overflow:hidden; position:relative; z-index:1}

.text{ background:url(../images/bg_text.png) repeat; font-size:40px; line-height:50px; color:#fff; padding:13px 40px 22px 38px; position:absolute; z-index:2; font-weight:400; top:182px; left:0}
.text span{ display:block; margin-top:-12px;}
.text strong{ font-weight:400; vertical-align:baseline}
.text .size_30{ font-size:30px; line-height:36px;}
.text .size_26{ font-size:26px; line-height:36px}
.text .size_24{ font-size:24px; line-height:36px;}

#menu { width:100%; position:absolute; z-index:3; margin-top:0px}
#menu li { float:left; position:relative; height:54px; padding-top:1px;}
#menu li a{ display:block;  width:140px; text-align:center; font-size:13px; font-weight:400; line-height:54px; color:#fff; text-transform:uppercase}
#menu li a:hover, #menu #menu_active a{ text-decoration:none;}

#menu .position{ z-index:3} 
#menu .position a{ position:relative; z-index:3}
#menu .ul_1{ position:absolute; bottom:55px; left:0; z-index:5; display: none}
#menu ul a{ font-size:13px; display:block; width:160px; line-height:54px; color:#fff; text-align:left; padding-left:34px; background:url(../images/menu_marker.gif) 23px 25px no-repeat}
#menu ul li{ float:none; background:url(../images/bg_menu.png) repeat; margin-right:1px; margin-top:1px}
#menu .ul_1 li:hover{ background:#ff6e00;}
#menu .ul_2{ position:absolute; z-index:5; top:-1px; left:195px; display:none}
#menu .ul_2 li:hover{}

.nav1{ background:url(../images/menu_1.gif) top repeat-x}
.nav2{ background:url(../images/menu_2.gif) top repeat-x}
.nav3{ background:url(../images/menu_3.gif) top repeat-x}
.nav4{ background:url(../images/menu_4.gif) top repeat-x}
.nav5{ background:url(../images/menu_5.gif) top repeat-x}
.nav6{ background:url(../images/menu_6.gif) top repeat-x}
.nav7{ background:url(../images/menu_7.gif) top repeat-x}

/* ============================= content ====================== */

#content{ margin-top:85px; padding-bottom:54px; width:100%; overflow:hidden; position:relative; z-index:1}

.pad{ padding:0 10px;}
.pad_left1{ padding-left:20px;}
.marg_right1{ margin-right:20px;}
.pad_bot1{ padding-bottom:18px;}

.box1{ background:#fff; margin:0 -20px 5px; padding:5px 8px 16px 10px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: 0 0 2px #eceae3; -moz-box-shadow: 0 0 2px #eceae3; -webkit-box-shadow: 0 0 2px #eceae3;  position: relative;text-align:right;direction:rtl;}
.box1 h2{ font-size:22px; text-transform:uppercase; color:#fff; font-weight:400; background:url(../images/box1.gif) top repeat-x; line-height:40px; padding:0 0 0 13px; margin:0 0 15px 0; letter-spacing:-0px;}

.box2{ background:url(../images/bg_box2.gif) top repeat-x #ecebe4;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: 0 0 2px #ebe9e3; -moz-box-shadow: 0 0 2px #ebe9e3; -webkit-box-shadow: 0 0 2px #ebe9e3;position: relative;margin:0 -20px; padding:9px 20px 33px 10px;direction:rtl;}

.list1 li{ padding-bottom:4px; background:url(../images/line_hor2.gif) bottom repeat-x; margin-bottom:4px; line-height:2; font-size:12px}
.list1 .bg_none{ background:none; padding-bottom:0; margin-bottom:0}
.list1 li a{ padding-right:23px; background:13px 13px no-repeat;display:block;}
.list1 li a:hover{ background:13px 13px no-repeat #f5f4f1; text-decoration:none}

.list3{ background: url(../images/list_right.gif) right repeat-y}
.list3 li{ padding-bottom:1px; background:url(../images/line_hor2.gif) bottom repeat-x}
.list3 li a{ font-size:14px; color:#626262; font-style:italic; line-height:42px;display:block;}
.list3 li a:hover span{ display:block; background:url(../images/box_list_left.gif) top left no-repeat;}
.list3 li a:hover span span{ background:url(../images/box_list_right.gif) top right no-repeat}
.list3 li a span span span{ display:block; background:url(../images/marker_1.gif) 13px 20px no-repeat; padding-left:23px; }
.list3 li a:hover span span span{ background:url(../images/marker_1.gif) url(../images/menu_marker.gif) 13px 20px no-repeat}
.list3 li a:hover{ color:#fff; background:url(../images/box_list_bg.gif) top repeat-x; text-decoration:none}

.list4 li{ padding-bottom:8px;}
.list4 li a{ display:block; padding-left:11px; background:url(../images/marker_3.gif) 0 6px no-repeat}

.list5 li{ padding-bottom:4px; background:url(../images/line_hor2.gif) bottom repeat-x; margin-bottom:4px; line-height:28px; font-size:14px}
.list5 .bg_none{ background:none; padding-bottom:0; margin-bottom:0}
.list5 li a{ font-style:italic; display:block}
.list5 li a span{ background:url(../images/marker_1.gif) 13px 13px no-repeat; display:block; padding-left:23px;}
.list5 li a:hover{ background:url(../images/list_bg.png) repeat; text-decoration:none}

.img1{ padding-left:78px; background:url(../images/img1.jpg) 0 24px no-repeat}
.img2{ padding-left:78px; background:url(../images/img2.jpg) 0 24px no-repeat}
.img3{ padding-left:78px; background:url(../images/img5.jpg) 0 24px no-repeat}

.button{ background:url(../images/button_right.gif) top repeat-x #bdb8a5; padding-right:11px; display:inline-block; color:#3d3d3d; font:12px Tahoma, Geneva, sans-serif; line-height:28px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; behavior: url(js/PIE.htc); position: relative;}
.button span{ display:block; background:url(../images/button_marker.gif) right 9px no-repeat; padding-right:14px;}
.button span span{ background:url(../images/button_bg.gif) top repeat-x #d7d4c8; padding:0 8px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; behavior: url(js/PIE.htc); position: relative;}
.button:hover{ text-decoration:none;}
.button:hover span{ padding-right:18px;}
.button:hover span span{ padding:0 8px;}

.under{ background:url(../images/line_hor1.gif) bottom repeat-x; padding-bottom:33px; margin-bottom:10px;}

.box3{ width:70px; height:70px; float: left; font:50px Arial, Helvetica, sans-serif; font-weight:bold; line-height:70px; text-align:center;border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; behavior: url(js/PIE.htc); position: relative; margin-right:10px; color:#fff; margin-top:-8px;}
.bg1{ background:#fe7a19}
.bg2{ background:#f49e00}
.bg3{ background:#c1d835}
.bg4{ background:#9ab111}

.testimonials_bg{ height:24px; background:url(../images/testimonials.png) 90px 0 no-repeat; width:100%; overflow:hidden;  position:relative; z-index:2}
.testimonials{ background:url(../images/bg_testimonials.gif) 0 4px no-repeat; font-style:italic; padding:3px 0 8px 29px;}

.font1{ font-size:16px; color:#9ab111; font-weight:bold;}

.banner{ margin:0 -20px;}

.color1{ color:#fe7a19}
.color2{ color:#9ab111}

.events li{ padding-bottom:12px; background:url(../images/line_hor2.gif) bottom repeat-x; margin-bottom:12px;}
.events .bg_none{ background:none; padding:0; margin:0}
.events strong{ color:#414141; display:block; padding-left:20px; background:url(../images/marker_4.gif) 0 0 no-repeat}
.events a{ display:inline-block; background:url(../images/marker_5.gif) 3px 7px no-repeat; line-height:18px; width:10px}
.events a:hover{ text-decoration:none}

.inner{ position:relative; }
.carousel{ width:100%; overflow:hidden;height:478px;overflow:hidden; }
.carousel li{ position:relative; padding-bottom:7px; width:100%}
.carousel li a{}
.inner .next{ background:url(../images/marker_down.gif) no-repeat; width:8px; height:4px; position:absolute; z-index:10; left:102px; top:482px; cursor:pointer}
.inner .prev{ background:url(../images/marker_up.gif) no-repeat; width:8px; height:4px; position:absolute; z-index:10; left:102px; top:-8px; cursor:pointer}


/* ============================= footer ====================== */

footer { padding:27px 0 36px 0; width:100%; overflow:hidden; font:12px tahoma; color:#f5f6f6;line-height:28px;text-align:center;}
footer a{ color:#f5f6f6; text-decoration:none}
footer a:hover{ text-decoration:underline}
footer span{ color:#d49d06;}

.support{ background:url(../images/img_top.jpg) 0 14px no-repeat; padding:5px 0 0 35px; font-size:18px; font-weight:400; color:#999999; line-height:23px; text-transform: uppercase}
.support span{ display:block; margin-top:-5px; color:#d7a107}

#icons{ padding:18px 0 0 0}
#icons li{ float:left; padding-right:5px}

.list2 li{ font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:28px;}
.list2 li a{ color:#b7b7b7; padding-left:12px; background:url(../images/marker_2.gif) 0 5px no-repeat}
.list2 li a:hover{ background:url(../images/marker_2_active.gif) 0 5px no-repeat; color:#fff}

/* ============================= forms ============================= */

#form_1{ width:219px;}
#form_1 .bg{ background:#fff; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; margin-bottom:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/PIE.htc); position: relative;}
#form_1 a{  font:13px Verdana, Geneva, sans-serif; color:#626262;line-height:28px; text-decoration:underline}
#form_1 a:hover{ text-decoration:none}
#form_1 .button{ float:right; background:url(../images/button_1.jpg) no-repeat; width:86px; padding:0 24px 0 0; text-align:center; font:12px tahoma; color:#fff; text-decoration:none; line-height:30px; height:33px}
#form_1 .button:hover{ color:#944338}
#form_1 .input{ background:none; width:209px; padding:5px; height:16px; font:13px Verdana, Geneva, sans-serif; color:#626262}

#ContactForm { line-height:34px;}
#ContactForm .bg{ background:url(../images/input.gif) no-repeat; float:right; margin-bottom:7px;}
#ContactForm .bg2{ background: url(../images/textarea.gif) no-repeat; float:right; height:249px; overflow:hidden}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:552px; height:16px; background: none; padding:9px 5px; color:#626262; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:552px; height:209px; background: none; padding:9px 5px; color:#626262; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm .button:hover{ margin-right:-4px;}


#newsTicker
{
	direction:rtl;
	padding:5px;
	border-bottom:1px #CCCCCC solid;
}

.button2 {
    background: url("../images/button_1.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: right;
    font: 12px/30px tahoma;
    height: 33px;
    padding: 0 24px 0 0;
    text-align: center;
    text-decoration: none;
    width: 111px;
}
.button2:hover
{
    color:#944338;
    cursor:hand;
}

.link1 a
{
    color:#432e13;
    text-decoration: none;
}
.link1 a:hover
{
    text-decoration: none;
}

.titleContent
{
    font-weight:bold;
    padding:5px;
    height:25px;
    background-color:#CCCCCC;    
    margin-top:5px;
    margin-right:10px;
    text-align:right;
    direction:rtl;
}

.bodyContent
{
    direction:rtl;
    text-align:justify;
    line-height:2;
    padding:5px;
    margin-right:10px;
}

.ebooks_items
{
    direction:rtl;
    text-align:justify;
    padding:5px;
    border:1px #a4a4a4 solid;
    margin-right:5px;
}
#ftHolder { width: 253px; float: left; text-align: center; height: 154px;text-align:center;margin-left:50px;padding:5px;}
#ft { border: 0px solid #BAD340; -moz-border-radius: 2px; }
#example { float: left; }
.ft-title { padding: 5px 5px; width: 130px; text-align: left;display:none; }
#ft-buttons-ft{display:none;}


.ft-prev, .ft-next { background-color: #000; padding: 0 10px; display:none;}

.ft-button-ft-active { color: black; display:none;}