@font-face {
    font-family: myFirstFont;
    src: url(UniversNextArabic-Regular.ttf);
}

*{
    margin:0;
    padding:0;
}

.Bar {
	background-position:center;
	background-image:url(../imagesAR/TLC_01.png);
	text-align:right;
	height: 26px;	
	vertical-align: bottom;	
}

.body {      
    height:auto;
	width:984px;	
}
ol {
    list-style: arabic-indic;
}

ul li {
    margin-right:7%;
}

.margenc {
    margin-right:10%;
}

body {
    width:100%;
    vertical-align: middle;
    margin-left:auto;
    margin-right:auto;
    height:auto;
}

#form1 {
    text-align: justify;
}

.sdiv {
	Width: 68%;
	margin-left:auto;
    margin-right:auto;
    height: 725px;
}
 
.bootom {    
    background-color:#5B5C5D;
}

.line {
    height:135px;	
}

.picdiv {
    position:relative;
}

.pic {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/1.png');
}

.pic1 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/2.png');
}

.pic2 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/3.png');
}

.pic3 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/4.png');
}

.pic4 {
    position:relative;
	Width: 150px;
    height: 118px;
    background-image:url('../images/Mobile Applications.png');
}

.pic5 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/5.png');
}

.pic6 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/6.png');
}

.pic7 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/7.png');
}

.pic8 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/8.png');
}

.pic9 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/9.png');
}

.pic10 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/10.png');
}

.pic11 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/11.png');
}

.pic12 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/12.png');
}

.pic13 {
	Width: 150px;
    height: 118px;
    background-image:url('../Sponser/21.png');
}

.style1 {
    background-image:url('Menu/linkpg.png');
	text-align: center;
    width: 984px;
}

.style2 {
    border-width: 0;
}

.fonttitel {
    font-family:myFirstFont;
    font-size:20px;
    color:#6E564A;
    font-weight:bold;
    direction:rtl;	
    text-align:right;
    float:right
}

.fonth {
    font-family:myFirstFont;
    font-size:18px;
    color:#6E564A;
    font-weight:bold;
    text-align:justify;
    direction:rtl;
}

.font {
    font-family:'myFirstFont';
    font-size:18px; 
    color:#616262;
    line-height: 200%;
    text-align:justify;
    direction:rtl;
}

.fontar {
    font-family:myFirstFont;
	font-size:16px;
    color:#616262;
    line-height: 200%;
    text-align:right|justify;
    direction:rtl;
}

.font7 {
    font-family:myFirstFont;
    font-size:13px;
    color:#FFFFFF;
    line-height: 200%;
    text-align:center;
}

.font40 {
    font-family:myFirstFont;
    font-size:13px;
    color:#FFFFFF;
    line-height: 200%;
    text-align:left;
}

.fontSmall {
    font-family:myFirstFont;
    font-size:10px;
    color:#616262;
    line-height: 200%;
    text-align: justify;
}

.fontSmall2 {
    font-family:myFirstFont;
    font-size:8px;
    color:#616262;
    line-height: 200%;
    text-align: justify;
}

.font2 {
    font-family:'myFirstFont';
    font-size:21px;
    color:maroon;
    line-height: 200%;
    text-align: justify;
    direction:rtl;
    font-weight:bold;
}

.font22 {
    font-family:myFirstFont;
    font-size:15px;
    color:maroon;
    line-height: 200%;
    text-align: justify;
    direction:rtl;
    font-weight:bold;
}

.font3{
    font-family:'myFirstFont';
    font-size:21px;
    color:#5B5C5D;
    line-height: 200%;
    text-align: justify;
    font-weight:bold;
}
.font3 a {
    font-family:'myFirstFont';
    font-size:21px;
    color:#5B5C5D;
    line-height: 200%;
    text-align: justify;
    font-weight:bold;
}

.fontcolor {
    font-family:myFirstFont;
    font-size:13px;
    color:#0066CC;
    line-height: 200%;
    text-align: justify;
}

.border {
    background-color:#620000;
    font-family:Trebuchet MS;
    font-size:12px;
    color:#FFFFFF;
    text-align:right;
    direction:rtl;
}
        
.border2  {
    background-color:#0284B7;
    font-family:Trebuchet MS;
    font-size:12px;
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
}       
 
.border3 {
    font-family:myFirstFont;
    font-size:10px;
    color:#0284B7;
    text-align:center;
    font-weight:bold;
    border: 1px solid #DDDDDD;
    background-color:#FFFFFF;
}        

.border4 {
    font-family:myFirstFont;
    font-size:12px;
    color:gray;
    text-align:center;
    border: 1px solid #DDDDDD;
    background-color: #FBFBFB;
}        

.border5 {
    font-family:myFirstFont;
    font-size:12px;
    color:#FFFFFF;
    text-align:center;
    border: 1px solid #DDDDDD;
    background-color:#6699FF;
}        

.style7 {
    background-color: #EEEEEE;
    vertical-align:middle;
}

.style8 {
    width: 100%; 
    height: 90px; 
    font-family:Trebuchet MS; 
    font-size: 12px; 
    color: #616262;
}

.style9 {
    background-color: #FFFFFF;
    vertical-align:middle;
}

.style10 {
    background-color: #FFFFFF;
}

.style11 {
    background-color: #FFFFFF;
    vertical-align: top;
}

.style12 {
    border-style: solid;
    border-color: #FFFFFF;
    vertical-align: top;
}

.style16 {
    width: 281px;
}

.style17 {
    border-style: solid;
    border-color: #FFFFFF;
}


/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body {
	line-height:1;
	color:black;
	background:white;
	
}

table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;	
}

#Mainbody {
    background-color:#472F23; 
    background-image: url('../images/body-bg-35.jpg');
}

.MainHead {
    background-position: center top; 
    width:74%; 
    z-index: 0; 
    top: 0px; 
    left: 0px; 
    height: 76px;
}

.bodyCont {
    width:50%; 
    position: relative; 
    top: -73px; 
    left: -15%;
}

#MainTb {
    width: 77%; 
    height: 100%;
}

#MTbW1 {
    width: 16%;
}

#MTbW2 {
    width: 1224px
}

.barform {
    width: 985px; 
    height: 100%;
}

.headMenu {
    font-family:Trebuchet MS; 
    font-size:12px; 
    color:#FFFFFF; 
    text-decoration:none;
}
#posLogo {
    position:relative;
    left:580px;
}
.logoIMG {
    align:right|top; 
    width:400px; 
    height: 150px
}

#slidshowD {
    height: 215px; 
    width: 988px;
}

#slideshowTb {
    width: 100%; 
    height: 400px
}

#mainCont {
    height: 100%; 
    width: 982px;
}

#mainContTb {
    width: 100%;
}

.allPgtb {
    width: 100%;
}
allPgtb1 {
    width: 126px
}

a, a:visited {
	color:blue;
	text-decoration:none;
}

a:hover, a:active {
	color:#000;
	text-decoration:none;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url("../images/dev7logo.png") no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper { 
	width: 99.7%; 
	
}

/*=======================================
--------------menu--------------------
=======================================*/
 #cssmenu {
  background: #6e564a;
  width: auto;
}
#cssmenu ul {
  list-style: none;
  margin: 0  ;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
#cssmenu ul:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  display: inline-block;
  padding: 0;
  margin: 0;

}
#cssmenu.align-right ul li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-family:Century Gothic;
  /*font-weight: 700;
   text-transform: uppercase;*/ 
  font-size: 17px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#cssmenu ul li a:hover {
  color: #ffffff;
  background:#f97373;
}
#cssmenu ul li a:hover:before {
  width: 100%;
}
#cssmenu ul li a:after {
 
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: .5;
}
#cssmenu ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #333333;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#cssmenu ul li.last > a:after,
#cssmenu ul li:last-child > a:after {
  display: none;
}
#cssmenu ul li.active a {
  color: #ffffff;
  background:#f97373;
}
#cssmenu ul li.active a:before {
  width: 100%;
}
#cssmenu.align-right li.last > a:after,
#cssmenu.align-right li:last-child > a:after {
  display: block;
}
#cssmenu.align-right li:first-child a:after {
  display: none;
}
/*@media screen and (max-width: 768px)*/
@media screen and (max-width: 960px) {
  #cssmenu ul li {
    float: none;
    display: block;
  }
  #cssmenu ul li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #f97373;
  }
  #cssmenu ul li.last > a,
  #cssmenu ul li:last-child > a {
    border: 0;
  }
  #cssmenu ul li a:after {
    display: none;
  }
  #cssmenu ul li a:before {
    display: none;
  }
}
/*===========margin: 100px auto;=========*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}