/******** Code  by MiM  4creatvie services  ********/
/********  all rights reserved 2010   ********/
/********     hodeidah - yemen   ********/
/********   967 777563466 , 967 3 212653 ********/



/********Color Setting********/
/** Background color: #171a39  **/
/** Font Color p:  #8e93a7   **/
 /** a color :  #fff   **/
 
/** Image Border:  #696f87   **/
/** Head Title font color: #fff   **/
 
/*****************************/


body {
 
background:#fff url("../images/main-bg.png") no-repeat top center;

border:none;
margin:0;
padding:0;
text-align:center;
font-family:tahoma,arial,verdana;
font-size:12px;
color:#8e93a7;

}


p,span{color:#8e93a7;font-size:12px;line-height:1.6em;}
h1, h2, h3, h4, h5 {color:#c71110;}
h4 ,h3,h5{font-family:arial,traditional arabic,tahoma;font-size:18px;}
a {color:#333;text-decoration:none;}
a:hover {color:#af0007;text-decoration:underline;}
a img {border:none;}
em {display:none;}
ul li {list-style-type:none;}
small {color:#758A0F;font-family:tahoma,arial;font-size:11px;}
.date, .news_date {color:#B1CD14;font-size:11px;font-weight:bold;margin:0;text-align:left; }
.left{ float:left; }
.right{float:right;}


h3.titl{
background:url(../images/red-arrow-en.png) no-repeat left;
padding-left:15px;
overflow:hidden;
margin-bottom:20px;
margin-top:0px;
}

#main {
margin:auto;
text-align:center;
width:1000px;
padding:0px;
 
}

#container{
background:url("../images/bg-center.jpg") no-repeat top center;
margin:0px;
padding:0px;
overflow:hidden;
}

/******** header  ********/
#header {
overflow:hidden;
margin-top:22px;
height:106px;
}

#header #logo { 

}

#header #menu {
height:44px;
margin-top:10px;
position:relative;
}



.lang{
position:absolute;
right:20px;
top:0px;
 
}
.lang li{
display:inline;
float:left;
padding:3px;
text-align:right;
}
.lang li a{
font-size:12px;
color:red;
background:#151839;
padding:10px;
}
.lang li a:hover{
font-size:12px;
color:#fff;
background:#c40509;
padding:10px;
text-decoration:none;
}



#header #menu ul li {
float:left;
border-right:1px solid ;
padding-left:10px;
padding-right:10px;
}
#header #menu a{
display:block;
height:22px;
color:#101330;
}
#menu li a.home {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/home-btn.png");
background-position:0 0;
background-repeat:no-repeat;
width:79px;
}
#menu li a.about{
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/about-btn.png");
background-position:0 0;
background-repeat:no-repeat;
width:79px;
}
#menu li a.services{
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/service-btn.png");
background-position:0 0;
background-repeat:no-repeat;
width:79px;
}
 
#menu li a.company{
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/compnay-btn.png");
background-position:0 0;
background-repeat:no-repeat;
width:79px;
}
#menu li a.contact{
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/contact-btn.png");
background-position:0 0;
background-repeat:no-repeat;
width:79px;
}



#center-content{
margin:auto;

}

#center-content .banner{

overflow:hidden;
height:440px;
text-align:left;
}

.banner #slider{
margin:0px;
padding:0px;
width:578px;

 
}
.banner #games{
height:222px;
overflow:hidden;

}
 
.banner .get-profile{
margin:0px;
padding:0px;
margin-top:10px;
}

#footer{
margin-top:42px;
clear:both;
background:#101229;
height:50px;
border-top:1px solid #292e62;
overflow:hidden;
}

#footer #footer-in{
width:1000px;
margin:auto;
padding-top:15px;
}



/******* other pages *********/
#subpage-data{
background:#fff url("../images/subpage-bg.jpg") repeat-x;
border:7px solid;
text-align:right;
overflow:hidden;
}

#subpage-data .title{
padding:10px;
margin-right:10px;
margin-top:9px;
}

#subpage-data #about{
padding:3px 43px;
padding-bottom:50px;
}




#company-logos{
text-align:center;
margin:auto;
width:820px;

} 
#company-logos img{
margin:0px;
padding:0px;
border:1px solid #c7cde5;
 
padding:8px;
}



.contacts-hold{
padding-bottom:40px;
}

#form{
margin-right:20px;
padding-right:43px;
 
width:400px;
 border-left:1px solid ;
}
#form .inpt{
width:280px;
color:#696f87;
background:#c1c5d4;
border:1px solid #9da4c2;
margin:3px;
padding:4px;
text-align:left;


}
#form label{
display:block;
}

#form .inpt-sent{
margin:3px;
}


 
#address{
margin-left:40px;
margin-bottom:50px;
width:40%;
}
#address div{
margin-bottom:11px;
text-align:left;

 
}

#address li{
list-style-type:none;
}
#address li.head{
color:#43496d;
font-weight:bold;

}





.banner #content{
width:515px;
height:195px;
overflow:hidden;
margin:auto;
position:absolute;
top:15px; 
left:21px;
background:#fff;
}

.banner{
position:relative;	
}
.banner .client{
position:absolute;
top:260px;	
}



.data-info{
text-align:left;
margin-top:50px;
}

#about-company{
width:60%;
}

#about-company img{
float:left;
margin-right:20px;
display:block;
} 
#about-company h3{
padding:0px;
margin:0px;
padding-left:9px;
}
 
#about-company p, #address-company p{
padding-left:15px;
overflow:hidden;

}

#about-company p{
margin:0px;
margin-top:5px;
padding-left:0px;
overflow:hidden;
width:250px;
}

.adv-slider {
 

}
 
 
.sub-data{
 
width:65%;

}