/* global */
html{height: 100%;}

body { 
  background: url(images/back.png) repeat;
  color: #57696F;
  font-family: thomah, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  margin-top:10px;  
}
p 
{line-height:20px;}

h1
{ 	font-family:sans-serif, tahoma, Arial, Helvetica;
	font-size:18px;
	font-weight: bold;	
	color:#D72E0D; 
	text-align: left;
	padding: 0px;	
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

img{border: 0px;}

a{outline: none;}

.line{
	background-color:#F2F6E4; 
	clear:both;
	height:11px;
	margin:10px 0px 10px 0px;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 8px;
  padding: 0px;
}

ul li
{ list-style-type: none;
  margin: 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #menu, #content, #line-h, #logo, #footer ,#box-footer ,#about-sa,#service,#sh,#address,#admin,#req
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{
width: 780px;
background: #FFFFFF url(images/main.png) repeat-y;
  color: #57696F;
}

/* links above the logo / footer */
#top-header {
 background: #1798E9 url(images/linkfoot.png);
 width: 766px;
 height: 30px;
 padding: 0px;  
 margin:0 auto;
}
#top-header p { 
  padding:5px;
  margin:0 auto; 
}
#top-header  a{ 
  font-family: tahoma;
  padding:5px; 
  font-size: 14px;
  text-align:left;
  color: #000;
  text-decoration: none;
}
#top-header  a:hover {
 margin:2px;
 background: #FF0000;
}
/* logo */
#logo { 
  width: 766px;
  height: 150px;
  padding: 0px;
  margin:0 auto;
}

#line-h
{ 
  background: #FFF url(images/dd.jpg) repeat-x;
  width: 766px;
  height: 20px;
  padding: 0px;
}
/* بطن الصفحة */
#content { 
  width: 766px;
  overflow: hidden;
} 

#img-links {
  margin-left: auto; 
  margin-right: auto;
  height: 78px;
  width: 680px;
}
#body-img-links {  
  padding: 0px;
  text-align: center;
  
}
.imglinks {
  padding: 0px;
  margin:0px;
  float: left;
}
.imglinks a {
   padding: 0px;
  display: block;
  overflow: hidden;
  border: #FFFFFF 1px solid;
}
.imglinks a:hover {
padding-top: 4px;
  border-bottom: #EAEAEA 10px solid;
}

/*----------------------------------a Start-----------------------------------------------------*/	
	
#box{
  margin-left: auto; 
  margin-right: auto;
  width: 745px;
}
/*-------- @_@ Tar3q ---------*/	
#a1{
 	border:#BFC897 solid 1px;
	background:url(images/blog.jpg) no-repeat top right #FFFFFF;
	width:200px; 
	height:150px;
	margin:7px;
	float:left;
	color:#000000;
	padding:9px 10px 0 16px;
 	}
	
#a1 h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px; 
	color:#5C6731; 
	line-height:40px;
}

#a1 h2 span{
	width:95px;
	display:block; 
	background:#fff; 
	float:left;
	color:#5C6731; 
	padding:0 7px 0 7px;
	}
	
#a1 h2 span.no{
	width:40px;
	height:40px;
	background:url(images/01.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
/*-------- @_@ Tar3q ---------*/	
#a2{
 	border:#BFC897 solid 1px;
	background-image:url(images/jobs.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFFFFF; 
	color:#000000;
	width:200px; 
	height:150px;
	margin:7px;
	float:left;
	padding:9px 10px 0 16px;
 }
	
#a2 h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px; 
	color:#5C6731; 
	line-height:40px;
}
	
#a2 h2 span{
	width:110px;
	display:block; 
	background:#fff; 
	float:left;
	color:#5C6731; 
	padding:0 7px 0 7px;
}
	
#a2 h2 span.no{
	width:40px;
	height:40px;
	background:url(images/02.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
/*-------- @_@ Tar3q ---------*/		
#a3{
 	border:#BFC897 solid 1px;
	background-image:url(images/ideas.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFFFFF; 
	color:#000000;
	width:200px; 
	height:150px;
	margin:7px;
	float:left;
	padding:9px 10px 0 16px;
}	
#a3 h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px; color:#5C6731; line-height:40px;
}	
#a3 h2 span{
	width:82px; display:block; background:#fff; 
	float:left; color:#5C6731;
	padding:0 7px 0 7px;
}	
#a3 h2 span.no{
	width:40px;
	height:40px;
	background:url(images/03.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
/*-------- @_@ Tar3q ---------*/		
#a4{
 	border:#BFC897 solid 1px;
	background-image:url(images/a4.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFFFFF; 
	color:#000000;
	width:200px; 
	height:150px;
	margin:7px;
	float:left;
	padding:9px 10px 0 16px;
 }	
#a4 h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px; 
	color:#5C6731; 
	line-height:40px;
}	
#a4 h2 span{
	width:77px; 
	display:block; 
	background:#fff; 
	float:left;
	color:#5C6731; 
	padding:0 7px 0 7px;
}	
#a4 h2 span.no{
	width:40px; 
	height:40px;
	background:url(images/04.jpg) no-repeat 0 0;
	font-size:0px; 
	text-indent:-1000px; 
	padding:0;
}
.a4-line{
	clear:both; 
	background-color:#F2F6E4; 
	height:11px;
	margin-top:27px;
}
/*-------- @_@ Tar3q ---------*/	
#a5{
 	border:#BFC897 solid 1px;
	background-image:url(images/aw.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFFFFF; 
	color:#000000;
	width:442px; 
	height:150px;
	margin:7px;
	float:left;
	padding:9px 10px 0 16px;
 }	
#a5 h2{
	height:40px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px; 
	color:#5C6731; 
	line-height:40px;
}	
#a5 h2 span{
	width:180px; 
	display:block; 
	float:left;
	color:#5C6731; 
	padding:0 7px 0 7px;
}	
#a5 h2 span.no{
	width:40px;
	height:40px;
	background:url(images/05.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
/*-------- @_@ Tar3q ---------*/	

ul.box{

	list-style:none;
}	
ul.box li{
	line-height:20px; 
	background-image:url(images/list_icon.jpg); 
	background-repeat:no-repeat;
	background-position: left;
	font-family: tahoma, Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#1F3400;
	padding-left:15px;
	text-align:left;
}
	
ul.box li a{
	line-height:20px; 
	font-family:tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#1F3400; 
	text-decoration:none; 
	list-style: none;
}	
ul.box li a:hover{
	background-color:#EBF8D8; 
	color:#1F3400;
}
ul.box li p {
	font-family:tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#1F3400; 
	text-decoration:none; 
	list-style: none;
}	
ul.box1{

	list-style:none;
}	
ul.box1 li{
	line-height:20px; 
	font-family: tahoma, Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#1F3400;
	padding-left:15px;
	text-align:left;
}
ul.box1 li p {
	font-family:tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#1F3400; 
	text-decoration:none; 
	list-style: none;
}	
/*-------- @_@ Tar3q ---------*/	
#about-sa{
 

	width:640px;
	padding: 15px;
  text-align: center;
 	}
	
#about-sa h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px; 
	color:#5C6731; 
	line-height:40px;
}

#about-sa h2 span{
	width:360px; 
	display:block; 
	background:#fff; 
	float:left; 
	color:#5C6731; 
	padding: 0px 10px 0px 10px ;
	}
	
#about-sa h2 span.no{
	width:40px;
	height:40px;
	background:url(images/01.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
#about-sa p
{ margin: 5px; 
  padding: 10px 0px 0px 0px; 
  font-family: arial,tahoma,sans-serif;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;
  text-align: justify;
}

.right
{ float: right; 
  padding: 8px;
  border:#ccc solid 1px;
}
.left
{ float: left; 
  padding: 8px;
}
.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}
/*-------- @_@ Tar3q ---------*/	
#service{
	width:640px;
	padding: 15px;
    text-align: center;
 	}

#service h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px; 
	color:#5C6731; 
	line-height:40px;
}

#service h2 span{
	width:110px; 
	display:block; 
	background:#fff; 
	float:left; 
	color:#5C6731; 
	padding: 0px 10px 0px 10px ;
	}
	
#service h2 span.no{
	width:40px;
	height:40px;
	background:url(images/02.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
#service p
{ margin: 0px; 
  padding: 0px; 
  font-family: sans-serif,tahoma,arial;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;
  text-align: justify;
}
/*-------- @_@ Tar3q ---------*/	
#sh{
	width:680px;	
	padding: 15px;
 	}
#sh h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px; 
	color:#5C6731; 
	line-height:40px;
}
#sh h2 span{
	width:210px; 
	display:block; 
	background:#fff; 
	float:left; 
	color:#5C6731; 
	padding: 0px 10px 0px 10px ;
	}
	
#sh h2 span.no{
	width:40px;
	height:40px;
	background:url(images/02.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
#sh p
{ margin: 5px; 
  padding: 10px 0px 0px 0px; 
  font-family: sans-serif,arial,tahoma;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;
  text-align: justify;
}
	
#sh ul.sh-list li {
	background-image:url(images/list_icon.jpg); 
	background-repeat:no-repeat;
	background-position: left;
	padding-left:15px;
	margin: 0px 10px 0px 0px;
}
	
#sh ul.sh-list li p{
  padding: 0px; 
  line-height:20px; 
  font-family: arial,tahoma;
  font-size: 16px;
  font-weight: bold;
  color:#1F3400; 
  text-decoration:none; 
  list-style: none;
  text-align:left;
}	
/*-------- @_@ Tar3q ---------*/	
#address{
	width:640px;	
	padding: 15px;
 	}
#address h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px; 
	color:#5C6731; 
	line-height:40px;
}
#address h2 span{
	width:220px; 
	display:block; 
	background:#fff; 
	float:left; 
	color:#5C6731; 
	padding: 0px 10px 0px 7px ;
	}
	
#address h2 span.no{
	width:40px;
	height:40px;
	background:url(images/01.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
#address p
{ margin: 5px; 
  padding: 10px 0px 0px 0px; 
  font-family: sans-serif,arial,tahoma;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;
  text-align: justify;
}
/*-------- @_@ Tar3q ---------*/	
#admin{
	width:600px;
	padding: 15px;
  text-align: center;
 	}
	
#admin h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px; 
	color:#5C6731; 
	line-height:40px;
}

#admin h2 span{
	width:300px; 
	display:block; 
	background:#fff; 
	float:left; 
	color:#5C6731; 
	padding: 0px 10px 0px 10px ;
	}
	
#admin h2 span.no{
	width:40px;
	height:40px;
	background:url(images/01.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
#admin p
{ margin: 5px; 
  padding: 10px 0px 0px 0px; 
  font-family: arial,tahoma,sans-serif;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;
  text-align: justify;
}
/*-------- @_@ Tar3q ---------*/
#req{
	width:700px;
	padding: 15px;
	text-align: center;
 	}

#req h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#5C6731;
	line-height:40px;
}

#req h2 span{
	width:300px;
	display:block;
	background:#fff;
	float:left;
	color:#5C6731;
	padding: 0px 10px 0px 10px ;
	}

#req h2 span.no{
	width:40px;
	height:40px;
	background:url(images/01.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
#req p
{ margin: 5px;
  padding: 10px 0px 0px 0px;
  font-family: arial,tahoma,sans-serif;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
#req table {
width:700px;
 margin-left: auto;
  margin-right: auto;
  padding: 10px 0px 0px 0px;
  font-family: arial,tahoma,sans-serif;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;

}
#req td {

  	text-align: left;
border: #D2DBD2 1px solid;
  padding: 0px 10px 0px 10px;

}
#req tr
{
  height:30px;
  background: #FDFEFC;
  font-family: tahoma,sans-serif;
  color:#1F3400;
  font-size: 11px;
  font-weight: bold;
  padding: 8px 10px 8px 20px;
  text-align: center;
  border: #E3F1FF 1px solid;
}
.tborder
{
	background: #F2F6E4;
	font-family: sans-serif,arial,tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #678067;
	padding: 15px;
	  	text-align: center;
}
/*-------- @_@ Tar3q ---------*/
#contactus{
	width:700px;
	padding: 15px;
 	}

#contactus h2{
	height:40px;
	background:url(images/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#5C6731;
	line-height:40px;
}

#contactus h2 span{
	width:210px;
	display:block;
	background:#fff;
	float:left;
	color:#5C6731;
	padding: 0px 10px 0px 10px ;
	}

#contactus h2 span.no{
	width:40px;
	height:40px;
	background:url(images/04.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}
#contactus p
{ margin: 5px;
  padding: 10px 0px 0px 0px;
  font-family: arial,tahoma,sans-serif;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;
  text-align: justify;
}
#contactus table {
width:700px;
 margin-left: auto;
  margin-right: auto;
  padding: 10px 0px 0px 0px;
  font-family: arial,tahoma,sans-serif;
  color:#1F3400;
  font-size: 16px;
  font-weight: bold;

}
#contactus td {

  	text-align: left;
border: #D2DBD2 1px solid;
  padding: 0px 10px 0px 10px;

}
#contactus tr
{
  height:30px;
  background: #FDFEFC;
  font-family: tahoma,sans-serif;
  color:#1F3400;
  font-size: 11px;
  font-weight: bold;
  padding: 8px 10px 8px 20px;
  text-align: left;
  border: #E3F1FF 1px solid;
}
/*----------------------------------a  end -----------------------------------------------------*/	
.line-x {
	background-color:#F2F6E4; 
	height:5px;
	width:500px;
	margin:10px 0px 10px 0px;
}
/*----------------------------------footer Start-----------------------------------------------------*/	
#footer{
	clear:both;
	background:#0F74C4 url(images/fot.jpg);
	background-repeat:repeat; 
	position:relative;
	width:766px;
	height: 100px;
	margin:0 auto;
	padding:0px;
	color:#000; 
	border-top: 2px solid #57696F;
}
#footer ul.nav{
	margin:0 auto; padding:3px;
	width:550px;
}	
#footer ul.nav li{
	list-style:none;
	float:left;
	text-align:center;
}	
#footer ul.nav li a{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000; 
	padding:0 5px;
	text-decoration:none;
}
#footer ul.nav  li a:hover{
	background-color:#00B3D6; color:#000;
}
/*-------- @_@ Tar3q ---------*/	
#box-footer {
   width:766px;
   padding:0px;
}	
#box-footer p {
	margin:0px;
	font:normal 11px Tahoma, Arial, sans-serif; 
	color:#000;
	text-align:center;
	padding:2px 0 0 0;
	line-height:20px;
}
#box-footer a {
	color:#000;

}
#box-footer li a:hover {
	color:#fff;
	text-decoration: none;
}
/*----------------------------------footer End-----------------------------------------------------*/