/* بسم الله */
.clr{clear:both;}
body {
	background:#EBECE7 url('DesignImgs/BkgBody.gif') repeat top center;
	color:black;
	direction:rtl;
	font:normal normal normal 13pt Traditional Arabic;
	text-align: center;
	width:100%;
	margin-top:0;
	}
#Wrapper{
	width:1000px;

	margin:0 auto;
	text-align:right;
	}
#TopNav{
	width:1000px;
	background: black url('DesignImgs/topnavbg.jpg') repeat-x;
	border-bottom:solid 2px #A52A2A;
	margin:0 auto;
	}
#spa2{
	height:0px;
	}
#LangWra{
	background:black url('DesignImgs/langbg.jpg');
	}	
#LangLogo{
	float:left;
	background-image:url('DesignImgs/langlogol.jpg');
	width:286px;
	height:200px;
	}
#LangDiv{
	float:left;
	width:710px;
	height:167px;
	text-align:left;
	padding-top:33px;
	}
#LangDiv a{
	width:103px;
	height:37px;
	float:left;
	display:inline-block;
	vertical-align:middle;
	font:normal normal bold 16px Arial;
	line-height:37px;
	background-position:left center;
	background-repeat:no-repeat;
	color:gray;
	padding-left:47px;
	text-align:left;
	margin:0 0 10px 30px;
	}
*html #LangDiv a{
	width:150px;
	}	
#LangDiv a:hover{
	color:#A9A9A9;
	background-color:Transparent;
	}
#Header {	width:1000px;
	margin:0 auto;}
#RightHeader{
	float:right;
	display:inline;
	height:178px;
	width:256px;
	background: white url('DesignImgs/top-logo.jpg') no-repeat;
	}
#LeftHeader{
	float:right;
	display:inline;
	height:178px;
	width:744px;
	}
#LHTop{
	height:144px;
	width:744px;
	background: white url('DesignImgs/leftheaderbg1.jpg') no-repeat;
	}
#ShowLangA{
	width:150px;
	height:44px;
	margin-right:540px;
	text-align:center;
	display:inline-block;
	}
#slogn{
	color:white;
	font:italic normal normal 21pt Times New Roman;
	text-align:left;
	padding:10px 0 0 100px;
	}
#CornerImg{
	float:left;
	display:inline;
	height:34px;
	width:38px;
	background-image:url('DesignImgs/right1navbg.jpg');
	}	
#MainMenu{
	float:left;
	display:inline;
	height:34px;
	width:706px;
	background: white url('DesignImgs/deactivemenu.jpg') repeat-x;
	font-weight:bold;
	text-align:left;
	vertical-align: middle;
	line-height:34px;
	}
.DeactiveMI,.ActiveMI, .DeactiveMI:visited{
	color:Black;
	vertical-align:top;
	height:34px;
	display:inline-block;
	padding:0 15px 0 15px;
	text-decoration:none;
	}
.DeactiveMI:hover, .ActiveMI, .ActiveMI:hover, .ActiveMI:visited{	
	background-image:url('DesignImgs/activemenu.jpg');
	color:#BF7600;
	text-decoration:none;
	}
.MSep{
	display:inline-block;
	width:2px;
	height:34px;
	background-image:url('DesignImgs/separator.jpg');
	}		
#SubMenu{
	clear:both;	
	height:29px;
	padding-left:45px;
	text-align:left;
	background:#F7FAF4;
	}
#SubMenuItems,#SubMenuItems a{
	display:inline-block;
	vertical-align:middle;
	height:27px;
	padding:0 15px 0 15px;
	color:#697754;
	line-height:27px;text-decoration:none;
	}
#SubMenuItems a:visited{
	color:#697754;
	}
#SubMenuItems a:hover{
	text-decoration:none;
	font-weight:bolder;
	color:#A52A2A;
	}	
#MBody{
	height:100%;
	min-height:395px;
	background:white url('DesignImgs/bodybg2.jpg') no-repeat;
	width:1000px;
	margin:0 auto;
	}
#RightBody{

	padding:25px 33px; 
	/*
float:right;
margin:15px 30px 50px 15px*/
	

	}
/*#LeftBody{
	float:right;
	width:250px;
	margin:20px 15px 15px 30px;
	display:inline;
	font-family:Tahoma;
	font-size:10pt;
	}
.TwitterIco, .RSSIco, #SearchBox, .CLink,.faq{
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	width:250px;
	margin-top:15px;
	padding-top:10px;
	}
.CLink{
	height:149px;
	background-image:url('DesignImgs/idea.gif');
	}
#SearchBox{
	height:100px;
	background-image:url('DesignImgs/searchbox.png');
	direction:ltr;
	}
#Links{
	padding-right:5px;
	}
#Links a{
	display:inline-block;
	width:200px;
	padding:2px 20px 0 0;
	height:25px;
	color:#697953;
	background-position:center right ;
	background-repeat:no-repeat;
	background-image:url('DesignImgs/linkarrow.gif');
	border-bottom:dashed 1px #DBE6CC;
	}*/

.MobImg{
	height:99px;
	width:100px;
	background:url('DesignImgs/phone.png') no-repeat scroll center;
	float:left;
	}
.MobNo{
	height:99px;
	font:normal normal bold 19pt Arial;
	 color:#2d2d2d;
	line-height:99px;
	vertical-align:middle;float:left;
	}
#SecondFooter{
	width:1000px;
	margin:0 auto;
	clear:both;
	height:104px;
	background-image:url('DesignImgs/footerbg.gif');
	background-repeat:no-repeat;
	color:#D5ABC5;
	height:105px;
	}
#FotLnks{
	float:left ;
	display:inline;
	width:600px;
	text-align:left;
	padding:43px 0 0 60px;
	}
#FotLnks a{
	font-family: Traditional Arabic, Tahoma ;
	font-size:13pt;
	color:#A52A2A;
	text-decoration:none;
	}
#FotLnks a:hover{text-decoration:underline}
.EgSTle{
	font: normal normal bold 9pt arial;
	color:#861e80;
	line-height:25px;
	}	
#Copyrights{
	float:right;
	display:inline;
	width:300px;
	direction:ltr;
	font-family:Arial;
	font-size:9pt;
	text-align:center;
	}
#FoLogo{
	display:inline-block ;
	width:108px;
	height:40px;
	background-image:url('DesignImgs/poweredbylogo.png');
	}
* html #flyer{
	top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	left: expression(((e=document.documentElement.scrollRight)?e:document.body.scrollRight)+'px');	
	position:absolute; 
	}
#flyer{
	width:27px;
	position: fixed; 
	top:330px;
	margin-right:-50px;
	}
#flyer a{
	text-decoration:none !important;
		background:#B1BC00 url('DesignImgs/flyerbg1.jpg');
	    display:inline-block  ;
	    margin-bottom:2px ;
		height:77px ;
		width:27px ;
		writing-mode: tb-rl; 
		filter: fliph() flipv() ; 
		font: normal normal bold 9pt Tahoma !important; 
		text-decoration:none;
		color:white !important;
	    line-height:23px !important;
	    text-align:center ;
	    vertical-align:middle;
	    overflow:hidden;	    
	}
#flyer a.fc1{background:#B1BC00 url('DesignImgs/flyerbg1.jpg');}	/*green*/
#flyer a.fc2{background:#A91B53 url('DesignImgs/flyerbg2.jpg');}	/*red*/
#flyer a.fc3{background:#008CBF url('DesignImgs/flyerbg3.jpg');}	/*blue*/
#flyer a.fc4{background:#B75500 url('DesignImgs/flyerbg4.jpg');}	/*orange*/
#flyer a.fc5{background:#9503C0 url('DesignImgs/flyerbg5.jpg');}	/*violet*/
#flyer a.fc6{background:#00BDAA url('DesignImgs/flyerbg6.jpg');}	/*lightgreen*/
#flyer a.fc7{background:#C00123 url('DesignImgs/flyerbg7.jpg');}	/*red*/
#flyer a.fc8{background:#BEAB00 url('DesignImgs/flyerbg8.jpg');}	/*yellow*/

#flyer a:hover{
	writing-mode:lr-tb; 
	filter:none;
	}
	
#flyer a.zi,#flyer a.zo,#flyer a.rp{
	writing-mode:lr-tb; 
	filter:none;
	background:none;
	display:inline-block ; 
	width:43px ;
	height:43px ;
	margin-right:-4px ;
	}
#flyer a.zi{background-image:url('DesignImgs/zi2.png');}
#flyer a.zo{background-image:url('DesignImgs/zo2.png');}
#flyer a.rp{background-image:url('DesignImgs/rp2.png'); margin-bottom:7px;}

#flyer a.zi:hover,#flyer a.zo:hover,#flyer a.rp:hover{
		margin-right:0px;
	}
#MBody a, #MBody a:visited{
	font:normal 10pt tahoma;
	text-decoration: none;
	color:#A52A2A;
	}
#MBody a:hover{
	text-decoration: underline;
	color:#BE6200;
	}
p{
	font-family:Tahoma;
	font-size:10pt;
	text-indent:5pt;
	padding-right:5px;
	}
h1,h2,h3,h4,h5,h6{
	font-family:Tahoma;
	color:#A52A2A;
	margin-top:2px;
	margin-bottom:-10px;
	}
.tip{color:#cc3333;}
h1{font-size:11pt; font-weight:bold;}	/*for left body titles only*/
h2{font-size:35pt; font-weight:bold;}
h3{font-size:25pt; font-weight:bold;}
h4{font-size:15pt; font-weight:bold;}
h5{font-size:12pt; font-weight:bold; color:#83832B ;background-color:#F5F5F5; padding:0 5px 3px 0;border-right:solid 3px #A52A2A;}
h6{font-size:12px; color:#6B510F;}
#leftbody{
	color:#697953;
	}	
	
ul {
	list-style-type:none;
	list-style-image:url('DesignImgs/linkarrow.gif');
	list-style-position: outside;
	font-family:Tahoma;
	font-size:10pt;
	}
ul li {
	padding-bottom:3px;
	}
.imgL{
      float:left;
      margin:20px 15px 5px 0;
      border:double 5px #F2F4E8;
      }
.imgR{
      float:right;
      margin:20px 0 5px 15px;
      border:double 5px #F2F4E8;
      }
.fl{float:left;}
.fr{float:right }
 
.portfolio {padding: 0 15px;}
.projectbox{width:210px;height:334px;float:right;margin:8px;max-height:334px;}
.pbod{height:290px;max-height:290px; overflow:auto;}
.web, .desktop{background:transparent url(DesignImgs/projectbox.png) no-repeat top left;}
.projectbox h2 {font:bold 9pt arial;color:#282828;text-align:left;direction:ltr;padding:0 0 0 15px;margin:15px 0 0px 25px}
.web h2{background:url(DesignImgs/w.gif) no-repeat left center;}
.desktop h2{background:url(DesignImgs/d.gif) no-repeat left center;}
.projectbox .lnk{font:bold 9pt arial !important;text-align:left;direction:ltr;margin:0 0 5px 40px;padding:0; display:block;
                 text-decoration:none !important;}
.projectbox .lnk:hover{text-decoration:underline;}
.web a.lnk{color:#bf6e18 !important;}
.desktop a.lnk{color:#33699c !important;}
.projectbox img {margin:5px 11px 5px 0px;width:186px;height:181px;border:1px dashed #b8b8b8;}
.projectbox p{margin:0 5px;font-size:9pt;text-indent:0;text-align:center;}
.projectbox a.bt {width:70px;height:25px;margin:3px 70px;display:block;background:black;color:#f6f5f5 !important;
                  text-align:center;font:normal 9pt tahoma !important;line-height:23px !important;text-decoration:none;}
.projectbox a.bt:hover{text-decoration:none !important;color:White !important;} 


.promos{text-align:center;border:1px dashed brown; padding:10px 3px 5px 3px;}
.promos a {float:right;}
.promos a.mid {margin:0 6px;}
.promos img{border:none;margin-top:8px;}
.promosbg {width:149px;height:150px;background:url(DesignImgs\promoboxbg.png) no-repeat;
           margin-top :-150; margin-right:-12;float:right;}
           
.sep1{background:url(DesignImgs\sep1.gif) no-repeat top center;height:29px;}
.sep2{background:url(DesignImgs\sep2.gif) no-repeat top center;height:29px;}